﻿
body { margin: 0 0 12px; height: 100%; padding: 0; background-color: #cdd3dd; 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 -45px; width: 200px; position: relative; z-index: 10; }
h2 { font-size: 120%; margin: 0 0 15px; color:#b22e2b;}


#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; }
#mstrHdr img, #mstrColDt img { display: block; }
#mstrColGc, #mstrColMid { float: left; }
#mstrColDt { float: right; }
#mstrColGc { width: 149px; padding-bottom: 28px; }
#mstrColMid { width: 429px; }
#mstrContenu { margin: 0 0 28px 24px; font-size: 68%; }
.txtContenu p { margin: 0 0 15px; text-align: left; }
.txtContenuCenter p { margin: 0 0 15px; text-align: left; }
.txtContenu a {
	color: #1249af;
	text-decoration: underline;
	line-height: 140%;
}
.txtContenu a:hover { color: #1249af; text-decoration: none; }
.txtContenu ul { margin: 0 0 10px 20px; height: 1%; }
.txtContenu ul li { padding: 0 0 5px 15px; background: url(/medias/communs/puce.gif) no-repeat 5px 6px; }
.txtContenu ol li { padding: 0 0 5px -10px; }
.txtContenu ol { padding: 0 0 5px 25px; }
#mstrColDt { width: 176px; padding-bottom: 70px; height: 100%; padding-top: 45px; vertical-align: 100%}
#mstrColDt div { text-align: center; margin-top: 20px; }
#mstrColDt div img { display: inline; }

#mstrBouton { position: absolute; vertical-align: bottom; bottom: 0px; right: 30px; z-index: 10; }

#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,  #mstrMenuTop li.actif a{ 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; }


/* Couleur Background Border */
.grisf{background-color:#EBEBEB;}
.grisp{background-color:#F5F5F5;}
.blanc{background-color:#ffffff;}
.collapse{border-collapse: collapse; font-size:85%}
.collapse td{
	border:1px #DADADA  solid; padding: 3px;
}
.tableactualites{
	border-collapse: collapse;
	font-size:90%;
}
.tableactualites td{
	border: 0;
	vertical-align: top;
	padding-top: 4px;
	padding-right: 2px;
	padding-bottom: 4px;
	padding-left: 2px;	
}
.tableactualites img {
	border: 0;
}
.num li{ list-style:none;
}

/* 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: 190px;
	height: 115px;
	float: left;
	margin-top: 0;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0;
}
#gallery img {
	margin-bottom: 5px;
	margin-right: 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 {
	display: none;
}
div.hrdotted {
	height: 1px;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 0px;
	margin-right: 6px;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #7A7A7A;
	clear: both;
}

div.hrdotted hr {
	display: none;
}
.carteimg {
	border: 1px dotted #7A7A7A;
	padding: 3px;
	margin-right: auto;
	margin-left: auto;
}

.tabletemoignages TD{
	border: 1px solid #FFFFFF;
	background-color: #F5F6FB;
}
#mstrContenu UL LI IMG{
	margin-bottom: -3px;
	margin-left: 2px;
}
.tabletemoignages2 TD{
	border: 2px solid #FFFFFF;
	padding: 3px;
	background-color: #F5F6FB;
}

.inlinetd{
	float: right;
}
.centeret{
	padding-left: 190px;
}


.champRequis { font-weight: bold; border-color: #B97F7F; }
.champRequis { border: 1px solid; padding: 2px; background: #FFF url(/medias/communs/required.gif) no-repeat right top; }


#__VIEWSTATE, #__EVENTVALIDATION
{
display: none;
margin: 0; 
padding: 0; 
}