/*signature*/
h5{
display:inline;
text-align:center;
}
h4 {
text-align:center;
display:inline;
line-height:6px;
}





ul#menupartS li a:link, ul#menupartS li a:visited {
	color:#000;
	font-family:'Open Sans', sans-serif;
	font-size: 11px;
	line-height:10px; /*gère interlignage*/
	text-decoration:none;/*aspect du lien comme surlignage*/
	list-style:none;
}
	
ul#menupartSS li a:link, ul#menupartSS li a:visited {
	color:#000;
	font-family:'Open Sans', sans-serif;
	font-size: 11px;
	line-height:0px; /*gère interlignage*/
	text-decoration:none;/*aspect du lien comme surlignage*/
	list-style:none;
}

ul#menulistS {
	list-style: none; 
	font-size:8px;
	font-weight: none;
}

ul#menulistS li {
	display:inline; 
	float:left; 
	width:0px;
}


div#banderolleSignature {
	position: fixed;
	margin-top:25px; 
	font-size:0px; 
	width:100%; 
	height:40px;
	z-index: 10;
	overflow: hiden;
}

div#buttonssignature {
    position:absolute;
	top:19px;
	right:px;
	left:100px;
	bottom:-19px;
	float:left; 
	width: 30%;;
	z-index: 10;
	height:;
	background-color:;
	display: inline-bloc;
    line-height: 8pt;


}

div#buttonssignature2 {
    position:absolute;
	top:16px;
	right:px;
	left:510px;
	bottom:-17px;
	float:left; 
	width: 100%;;
	z-index: 10;
	height:;
	background-color:#1e5fa1;
	display: inline-bloc;
    
}



ul#menupart li {
	list-style-type: none;
    padding:0px;


}

div#buttonssignature3 {
    position:absolute;
	top:20px;
	right:;
	left:200px;
	bottom:;
	float:left; 
	width: 100%;;
	z-index: 10;
	height:100%;
	background-color:;
	display: inline-bloc;
    line-height: 8pt;
}


/*fin-signature*/



div#menubar {
	position: fixed;
	margin-top:25px; 
	font-size:0px; 
	width:100%; 
	height:73px;
	z-index: 10;
	overflow: hiden;

}

div#title {
	float:left; 
	position: relative;
	z-index: 10;
	display: inline-bloc;
	


}

/*#title {
	font-family:'Open Sans', sans-serif;
	font-size: 141px;
	margin-top:-50px;
	padding:0px;
	color: #FFF;
	
}*/






div#textelogo {
    position:absolute;
	top:18px;
	right:;
	left:470px;
	bottom:;
	float:left; 
	width: 100%;;
	z-index: 10;
	height:100%;
	background-color:#FFF;
	display: inline-bloc;
}

h2, h3 {
   margin : 4;
}

div#buttons00 {
    position:absolute;
	top:26px;
	right:px;
	left:210px;
	bottom:-19px;
	float:left; 
	width: 100%;;
	z-index: 10;
	height:;
	background-color:;
	display: inline-bloc;
}


	
div#buttons {
    position:absolute;
	top:26px;
	right:;
	left:435px;
	bottom:;
	float:left; 
	width: 100%;;
	z-index: 10;
	height:100%;
	background-color:;
	display: inline-bloc;
}

div#buttons0 {
    position:absolute;
	top:17px;
	right:px;
	left:925px;
	bottom:-19px;
	float:left; 
	width: 100%;;
	z-index: 10;
	height:;
	background-color:#1e5fa1;
	display: inline-bloc;
}











div#pages0 {
	font-weight:normal;
}

div#pages {
	font-weight:normal;
}

ul#menupart li {
	list-style-type: none;
    padding:0px;
}











.image img{
	width: 200px;
	height:auto;


}
/*div#menupart li {
		-webkit-padding-start:0px;
		margin:none;
		list-style: none; 
	    display:inline;
	    font-size:12px;
	    font-weight: normal;*/	
}



ul#menupart li a:link, ul#menupart li a:visited {
	color:#000;
	font-family:'Open Sans', sans-serif;
	font-weight:300;
	font-size: 17px;
	line-height:17px; /*gère interlignage*/
	text-decoration:none;/*aspect du lien comme surlignage*/
	list-style:none;
}
	
ul#menulist {
	list-style: none; 
	font-size:12px;
	font-weight: none;
}

ul#menulist li {
	display:inline; 
	float:left; 
	width:260px;
}

	
/*ajouter #menu pour appliquer changements aux liens se trouvant dans: menu*/
a:link, 
a:visited /*aspect du lien non visité et visité*/{ 
	color:#000;
	font-family:'Open Sans', sans-serif;
	font-size: 13px;
	line-height:15px; /*gère interlignage*/
	text-decoration:none;/*aspect du lien comme surlignage*/
	list-style:none;
}

a:hover{/*aspect du lien au survol*/
    color:#999;
}


div.rectangleblanc{
    width: 100%;
    height: 15%;

}   

div.margeblanche{
    width: 100%;
    height: 8%;

}   


.grayscale img:hover
{
        filter: grayscale(0);
        -webkit-filter: grayscale(0);
        -moz-filter: grayscale(0);
        -o-filter: grayscale(0);
        -ms-filter: grayscale(0);
}


.grayscale img
{
        -moz-filter: grayscale(100%);
        filter: grayscale(100%);
        filter: grayscale(1);
        -webkit-filter: grayscale(1);
        -moz-filter: grayscale(1);
        -o-filter: grayscale(1);
        -ms-filter: grayscale(1);
}



/*Pour rendre images SEPIA*/

.sepia img
{
        filter: sepia(0);
        -webkit-filter: sepia(0);
        -moz-filter: sepia(0);
        -o-filter: sepia(0);
        -ms-filter: sepia(0);
}
.sepia img:hover
{
        filter: sepia(1);
        -webkit-filter: sepia(1);
        -moz-filter: sepia(1);
        -o-filter: sepia(1);
        -ms-filter: sepia(1);
}

/* FIN- Pour rendre images SEPIA*/




#defile {
    max-width: 100%;
    margin-left: -30px;
    margin-top: 20px;
    padding: 5px;
    overflow: hidden;
    

    
}	


.colonen, 
{
	/*top: 500px;*/
	width:300px;
	float:left;
    margin:0 auto 0 auto;
}

ul.carre{

    list-style-type: none;
    height: 300px;
    float: left;
}	

ul, menu, dir {
display: block;
-webkit-margin-before: 1em;
-webkit-margin-after: 1em;
-webkit-margin-start: 0px;
-webkit-margin-end: 0px;
-webkit-padding-start: 30px;
}







                /* Page CONTACT*/



div.arrierePlan{
	height: 100%
	width: 100%
}

div.rectangleblanc2{
    width: 100%;
    height: 40%;
}



ul.carrefond{
    list-style-type: none;
    height: 500px;
    widht: 300px;
    float: left;
    padding: none;
    font-family:'Open Sans', sans-serif;
	color:#000;
	float: left;
}	

ul.carrepicto{

    list-style-type: none;
    height: 400px;
}	
   












form {
   /* Pour le centrer dans la page */
  margin: 0 auto;
  width: 54px;

  /* Pour voir les limites du formulaire */
  padding: 1em;
  border: none;
  border-radius: 1em;
}

div + div {
  margin-top: 1em;
}

label {
  /* Afin de s'assurer que toutes les étiquettes aient la même dimension et soient alignées correctement */
  display: inline-block;
  width: 90px;
}

input, textarea {
  /* Afin de s'assurer que tous les champs textuels utilisent la même police
       Par défaut, textarea utilise une police à espacement constant */
  font: 1em sans-serif;

  /* Pour donner la même dimension à tous les champs textuels */
  width: 390px;

  -moz-box-sizing: border-box;
       box-sizing: border-box;

  /* Pour harmoniser l'apparence des bordures des champs textuels */
  border: 1px solid #999;
}

input:focus, textarea:focus {
  /* Afin de rehausser les éléments actifs */
  border-color: #000;
}

textarea {
  /* Pour aligner correctement les champs multilignes et leurs étiquettes */
  vertical-align: top;

  /* Pour donner assez d'espace pour entrer du texte */
  height: 5em;

  /* Pour permettre aux utilisateurs de redimensionner un champ textuel horizontalement
       Cela ne marche pas avec tous les navigateurs  */
  resize: vertical;
}

.button {
  /* Pour positionner les boutons de la même manière que les champs textuels */
  padding-left: 90px; /* même dimension que les étiquettes */
}

button {
  /* Cette marge représente approximativement le même espace
       que celui entre les étiquettes et les champs textuels */
  margin-left: .5em;
}





/* PAGES DETAIL*/




div.ejs_photo_box{
		float: left;
	
}





#PageEntiereDetail {
    max-width: 100%;
    height: 100%;
    margin-left: -30px;
    margin-top: 20px;
    padding: 5px;
    overflow: scroll;
    float: none ;
   
}	

ul.colonneverticaleTexteDecale{
	list-style: none; 
	font-size:1Opx;
	font-weight: none;
    color:#000;
	font-family:'Open Sans', sans-serif;
	font-weight:300;
	font-size: 17px;
	line-height:17px; /*gère interlignage*/
	text-decoration:none;/*aspect du lien comme surlignage*/
	list-style:none;
	float: left;
	margin-right: 20px;
	margin-top: -20px;
    margin-left: 30px;	
}


.VideoCenter{
	align: center;
	list-style: none; 
	max-width: 100%;
	max-height: 100%;
	
	
	}




ul.colonneverticaleTexte {
	list-style: none; 
	font-size:1Opx;
	font-weight: none;
    color:#000;
	font-family:'Open Sans', sans-serif;
	font-weight:300;
	font-size: 17px;
	line-height:17px; /*gère interlignage*/
	text-decoration:none;/*aspect du lien comme surlignage*/
	list-style:none;
	float: left;
    margin-left: 30px;
	margin-right: 20px;
	margin-top: -20px;

}


ul.colonneverticaleImage{
	top:40px;
	float: left;
	
}



div.PageEntiereDetail {
	top:18px;
	width: 100%;
}


div.TexteDetail {
	float:left; 
	width:50%;
	float: left;
}



div.ImageDetail {
	float:left; 
}


div.signature {
	max-width: 100%;
    height: 100%;
	margin-right: 20px;
	margin-top: -20px;
    margin-left: 30px;	
}