<STYLE type="text/css">

html {height : 100%; font-size : 100%}
body  {text-align : left; font-size : 1em}
p { font-size : 1em; font-family : Arial, Helvetica, sans-serif;	color : #00000F;}
li { font-size : 1em; font-family : Arial, Helvetica, sans-serif; color : #00000F;}
/*h1 { font-size : 2em; margin : 2; vertical-align : center; font-weight : bold; color : #006633; border-bottom : 2px solid #006633;}*/
h1 { font-size : 1.8em; margin : 2; vertical-align : center; font-weight : bold; color : #421C0F; border-bottom : 2px solid #421C0F;}
h2 { font-size : 1.4em; margin : 2;	vertical-align : center; font-weight : bold; color : #421C0F; border-bottom : 1px solid #421C0F;}
h3 { font-size : 1.2em; margin : 2;	vertical-align : center; font-weight : bold; color : #421C0F;}
ul { font-size : 1em;}

a.underline:link {text-decoration:underline; font-style : italic; color : #00000F} /* lien non visité */
a:link {text-decoration:none; font-style : italic; color : #421C0F;} /* lien non visité */
a:visited {text-decoration:none} /* lien visité */
a:hover {text-decoration:none} /* lien survolé */
a:active {text-decoration:none} /* lien sélectionné */
a.droite{text-align:right}

.sosa{background-color : #82af0b; color : white; padding : 1px 5px 1px 18px; margin-bottom : 5px; margin-right : 5px; background-image : url("images/Sosa.png");
background-repeat : no-repeat; background-position : 0 0; font-style : normal; font-size : 12px; display : inline-block;} 
img.iconedroit{max-width : 40px; width : 15%; float : right; border : 0% solid black }
img.photoid{max-width : 150px; width : 50%; float : right; border : 0% solid black }


/*#container { margin: 0px auto; width : 900px; min-height : 900px; background-color: #E2CFC0; font-family : Arial, Helvetica, sans-serif; color : #421C0F;}*/
#container { margin: 0px auto; min-width: 320px; max-width : 1200px; width : 100%; min-height : 90%; font-family : Arial, Helvetica, sans-serif; color : #00000F;}
#header {margin : 0% 5% 1% 5%; padding : 1% 0% 0% 0%;}
#metier {margin : 10px 50px 10px 50px; padding : 1% 0% 0% 0%; border : solid;}

#petit_bloc_gauche {float: left; width: 50%; padding: 0% 0% 0% 0%;}
#petit_bloc_droite {float: left; width: 50%; padding: 0% 0% 0% 0%; text-align : right}

@media (max-width: 640px) {
#pave_haut {float: none; width: auto;}
#pave_gauche {float: none; width: auto;}
#pave_droite {float: none; width: auto;}
#pave_gauche_in {float: none; width: auto;}
#pave_droite_in {float: none; width: auto;}
#pave_gauche_2_3 {float: none; width: auto;}
#pave_droite_1_3  {float: none; width: auto;}
#recherche {float: none; margin : 1% 5% 1% 5%; padding : 1% 0% 0% 0%; border : solid;}
a:link {text-decoration:none; font-style : italic; color : green;} /* lien non visité */
a:visited {text-decoration:none} /* lien visité */
.linkarbre { display: none }

}

.col1_span{	height : 3%; text-align : left; vertical-align : center; font-weight : bold; color : #421C0F; margin : top; font-family : Arial, Helvetica, sans-serif;}
.col2_inputbox{	height : 3%; text-align : left; vertical-align : center; font-weight : bold; color : #421C0F; margin : top; font-family : Arial, Helvetica, sans-serif;}

@media (min-width: 641px) {
#pave_haut {float: left; width: 90%; padding: 0% 5% 0% 5%;}
#pave_gauche {float: left; width: 44%; padding: 1% 1% 1% 5%;}
#pave_droite {float: left; width: 44%; padding: 1% 5% 1% 1%;}
#pave_gauche_in {float: left; width: 39%; padding: 1% 1% 1% 5%;}
#pave_droite_in {float: left; width: 39%; padding: 1% 5% 1% 1%;}

#pave_gauche_2_3 {float: left; width: 59%; padding: 1% 1% 1% 5%;}
#pave_droite_1_3  {float: left; width: 29%; padding: 1% 5% 1% 1%;}
#recherche {float: left; margin : 1% 5% 1% 5%; padding : 1% 0% 0% 0%; border : solid;}
.linkarbre { display: true }

}

#footer {margin : 3% 5% 1% 5%; clear: both; text-align : center}

.encadré{border : 1px solid #421C0F; text-decoration : none;color : #421C0F;}
.notes { text-align : left; font-size : 1em; font-style : italic;}


</STYLE>
