﻿
body { margin: 0 0 12px; padding: 0; background-color: #FFFFFF; font-family: Verdana, Arial, Helvetica, sans-serif; color: #1e404f; font-size: 100%; }
a { text-decoration: none; }
img { border: 0; }
ul { margin: 0;  padding: 0; list-style: none; }
h1 { color: #b22e2b; font-size: 95%; padding: 0; margin: 3px 0 20px 0px; width: 200px; position: relative; z-index: 10; }
h2 { font-size: 120%; margin: 0 0 15px; }


#mstrCtnr { position: relative; width: 754px; height: 100%; margin: 0 auto; background: #FFF url(/medias/communs/rond.jpg) no-repeat left bottom; }
#mstrHdr { background-color: #cdd3dd; position: relative; display: none;}
#mstrHdr img, #mstrColDt img { display: block; }
#mstrColGc, #mstrColMid, #mstrColDt { float: left; }
#mstrColGc { width: 149px; padding-bottom: 28px; display: none;}
#mstrColMid { width: 600px; }
#mstrContenu {font-size: 68%; }
.txtContenu p { margin: 0 0 15px; text-align: left; }
.txtContenu a { color: #1249af; text-decoration: underline; }
.txtContenu ul { margin: 0 0 10px 10px; height: 1%; }
.txtContenu li { padding: 0 0 5px 15px; background: url(/medias/communs/puce.gif) no-repeat 5px 6px; }
#mstrColDt { width: 176px; padding-bottom: 70px; height: 100%; padding-top: 45px; display: none; vertcal-align: 100%; display: none;}
#mstrColDt div { text-align: center; margin-top: 20px; display: none;}
#mstrColDt div img { display: inline; display: none;}

#mstrBouton { position: absolute; vertical-align: bottom; bottom: 0px; right: 30px; z-index: 10; display: none;}

#mstrMenuTop { position: absolute; top: 157px; right: 58px; z-index: 10; }
#mstrMenuTop ul { white-space: nowrap; }
#mstrMenuTop li { display: inline; list-style-type: none; font-family: Arial, Helvetica, sans-serif; height: 1%; }
#mstrMenuTop a { padding: 5px 8px; font-size: 68%; display: block; float: left; border-right: 1px solid #000; }
#mstrMenuTop a:link, #mstrMenuTop a:visited { color: #1e404f; background-color: #cdd3dd; }
#mstrMenuTop a:hover { color: #1e404f; background-color: #8ea9be; }


#mstrColGc li { font-family: Arial, Helvetica, sans-serif; height: 1%; float: left; }
#mstrColGc a { display: block; font-size: 68%; color: #1e404f; }
#mstrColGc li ul { height: 1%; }
#mstrColGc li li { border-bottom: 1px solid #FFF; }
#mstrColGc li li a { background-color: #dbe9a4; height: 1%; padding: 6px 6px 6px 25px; width: 118px; }
html>body #mstrColGc li, html>body #mstrColGc li li a, .txtContenu li, html>body #mstrMenuTop ul { height: auto; }
#mstrColGc li li a:hover, #mstrColGc li.actif a { background: #b2d76f url(/medias/communs/puce_menu.gif) no-repeat 10px 10px; }

/* exemple formulaire */
#form { border: 1px solid #122b32; padding: 0 10px 10px; background-color: #FFF; margin-bottom: 10px; }
#form div { margin-bottom: 3px; float: left; }
#form legend { color: #122b32; font-weight: bold; }
#form label { width: 100px; float: left; }
#form .champ { width: 250px; float: left; margin: 0; }
#formBtnSend { padding-left: 100px; }


/* exemple galerie */
#gallery div { width: 115px; height: 115px; float: left; margin: 0 15px 10px 0; }
#gallery img { display: block; margin-bottom: 5px; }


/*--- clearfix pour floats (IE7 + NS6) ----*/
.clearfix:after { content: "."; display: block; font-size: 1px; height: 0; line-height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
/*\*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* */

.photo {
	float: right;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 5px;
}

#noscreen {
}
div.hrdotted {
}

div.hrdotted hr {
}

