@charset "UTF-8";
body {
	font: 100% Arial, Helvetica, Verdana, sans-serif;
	background: url(images/bg.jpg) repeat-x top #6882B9;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
}
.oneColFixCtrHdr #container {
	width: 960px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: ;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
	padding:0;
}
.oneColFixCtrHdr #header {
	border-bottom: 5px solid #6882B9;
	padding: 0;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
	height:111px;
}

.oneColFixCtrHdr #header #onglets{
	float:right;
}


.oneColFixCtrHdr #mainContent {
	padding: 20px 25px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	background: ;
	margin:0;
	width:;
}

.oneColFixCtrHdr #mainContent p{
	font-size:12px;
}

li{
	font-size:12px;
}

ul{
	margin:5px;
}

.oneColFixCtrHdr #rightSpace {
	width:240px;
	padding:20px;
	padding-bottom:40px;
	vertical-align:top;
}

.oneColFixCtrHdr #rightSpace p{
	font-size:11px;
	padding-bottom:10px;
	border-bottom:1px dotted #FFFFFF;
	margin-top:0;

}

.oneColFixCtrHdr #rightSpace #puck{
	margin-top:30px;
	float:right;

}

.oneColFixCtrHdr #footer {
	padding: 4px 25px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	background:#6882B9 url(images/bg_footer.jpg) left no-repeat;
	margin-top:1px;
}
.oneColFixCtrHdr #footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 5px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
	font-size:9px;
	color:#BECCE3;
}

.oneColFixCtrHdr #footer a {
	color:#FFF;
	text-decoration:none;
	padding:4px;
}

.oneColFixCtrHdr #footer a:hover {
}

.oneColFixCtrHdr #footer #partFooter {
	float:right;
	padding-top:10px;
}

.boxIndex {
	width:280px;
	padding:25px;
	padding-bottom:40px;
	vertical-align:top;
}

.boxIndex p{
	font-size:11px;
	padding-bottom:10px;
	border-bottom:1px dotted #FFFFFF;
	margin-top:0;

}

.boxIndex h2{
	color:#2E3A54;
	font-family:Arial Black, Arial, Helvetica, sans-serif;
	margin:0px;
	font-size:17px;
	line-height:17px;
}

IMG {
	border:none;
}



a:link{
	color:#0E2756;
}

a.nav:link{
	color:#0E2756;
}

a.nav:visited{
	color:#0E2756;
}

a.btn, a.btn:visited{
	color:#FFF;
	background:url(images/bg_bouton.gif) repeat-x;
	border:1px outset #FFA200;
	font-family:Arial Black, Arial, Helvetica, sans-serif;
	font-size:10px;
	padding:3px 7px;
	text-decoration:none;
	filter:DropShadow(color=#999999, offx=3, offy=3);
}

a.btn:hover{
	color:#FFF;
	background:url(images/bg_bouton.gif) repeat-x;
	border:1px inset #FFA200;
	font-family:Arial Black, Arial, Helvetica, sans-serif;
	font-size:10px;
	padding:3px 7px;
	text-decoration:none;
}


H1{
	color:#2E3A54;
	font-family:Arial Black, Arial, Helvetica, sans-serif;
	margin:0px;
	font-size:27px;
	border-bottom:1px dotted #FFFFFF;
	line-height:27px;
}

H2{
	color:#CE000F;
	font-family:Arial Black, Arial, Helvetica, sans-serif;
	margin:0px;
	font-size:17px;
	line-height:17px;
}

H3{
	color:#2E3A54;
	font-family:Arial Black, Arial, Helvetica, sans-serif;
	margin:0px;
	font-size:14px;
	line-height:14px;
}

.oneColFixCtrHdr #rightSpace H2{
	color:#2E3A54;
	font-family:Arial Black, Arial, Helvetica, sans-serif;
	margin:0px;
	font-size:17px;
	line-height:17px;
}

H4{
	color:#000000;
	font-weight:bold;
	font-size:11px;
	margin:0px;
	margin-top:13px;
	text-transform: uppercase;
}

.haut{
	text-align:right;
}

.haut a{
	background:url(images/haut.gif) no-repeat;
}

.haut a:hover{
	background:url(images/haut_over.gif) no-repeat;
}

.imprim a{
	float:right;
	background:url(images/imprim.gif) no-repeat;
}

.imprim a:hover{
	background:url(images/imprim_over.gif) no-repeat;
}


.thumb{
	background-color:#FFF;
	padding:1px;
	border:5px solid #AFC0DE;
	margin:10px;
	width:191px;
}

.thumb:hover{
	background-color:#AFC0DE;
	padding:1px;
	border:5px solid #FFFFFF;
}

.thumb2{
	background-color:#FFF;
	padding:1px;
	border:5px solid #AFC0DE;
	margin:10px;
	width:445px;
}

.thumb2 small{
	padding:3px;
	font-size:10px;
}

.thumb3{
	background-color:#FFF;
	padding:1px;
	border:5px solid #AFC0DE;
	margin:15px 10px 0px 0px;
}

.thumb3:hover{
	background-color:#FFF;
	padding:1px;
	border:5px solid #6882B9;
}

#thumbIndex{
	background: url(images/header_index3.jpg) no-repeat top left;
	padding:5px 0px 5px 46px;
	width:562px;
	height:56px;
	font-size:11px;
}

#thumbIndex IMG{
	border:1px solid #FFFFFF;
	margin-right:3px;
	vertical-align:middle;
}

#thumbIndex a.btn{
	margin-left: 10px;
}

#introIndex{
	background: url(images/header_index5.jpg) no-repeat top left;
	padding:15px 220px 13px 45px;
	font-size:11px;
	line-height:12px;
}

* html #introIndex{
	background: url(images/header_index5.jpg) no-repeat top left;
	padding:15px 120px 13px 45px;
	font-size:11px;
	line-height:12px;
}

#introIndex a, #introIndex a:visited{
	font-family:Arial Black, Arial, Helvetica, sans-serif;
	color:#0E2756;
}

.photo{
	background-color:#AFC0DE;
	padding:1px;
	border:5px solid #FFF;
	margin:2px;
}

.loupe{
	margin:-24px 12px 10px 0px;
	text-align:right;
	float:right;
	z-index:100;
	width:143px;
	position:relative;
}

.mortaise{
	background-color:#6882B9;
	padding:10px;
	font-size:10px;
	line-height:10px;
	color:#FFF;
	margin:0px 10px 12px 0px;
	width:143px;
}

.mortaise2{
	background-color:#6882B9;
	padding:7px;
	font-size:10px;
	line-height:10px;
	color:#FFF;
	margin:0px 6px 8px 0px;
	width:98px;
}

.copyright{
	color:#6882B9;
	padding:2px 10px;
	font-size:9px;
}

.separ{
	margin:10px 0px 20px 0px;
	border-bottom:1px dotted #000000;
	width:500px;
}

.formContact {
	background-color:;
	padding:15px;
	font-size:12px;
}

.formContact .petit {
	font-size:10px;
	color:#000;
}

.formContact .champ {
	border:1px inset ;
	padding:2px;
}

#mois TD {
	padding-right:10px;
	font-size:11px;
}


div#myElement {
	width: 100px;
	height: 100px;
	border: 1px solid black;
	background-color: #f9f9f9;
	float: left;
}


#vertical_slide {
	background:#000;
	width:130px;
	font-size:10px;
	height:auto;
	border-bottom:#AFC0DE 3px solid;
}

#vertical_slide .titremenu{
	padding:6px 15px;
	color: #4c4c4c;
	font-weight: bold;
	font-family:Arial Black, Arial, Helvetica, sans-serif;
	}

#vertical_slide ul{
	margin:0px;
	text-align:left;
	width:100%;
	padding-top:5px;
}

#vertical_slide li{
	list-style:none;
	background-color:#FFF;
	border-bottom:solid 1px #C2D1E5;
	margin:0px;
	padding:6px 0px 6px 15px;
	font-weight:bold;
	}
	
#vertical_slide li:hover{
	list-style:none;
	margin:0px;
	border-bottom:solid 1px #C2D1E5;
	margin:0px;
	background:url(images/bg_li_over.gif) no-repeat top left #ffffff;
	}

#vertical_slide li.IN{
	list-style:none;
	background:url(images/bg_li.gif) no-repeat top left #ffffff;
	border-bottom:solid 1px #C2D1E5;
	margin:0px;
	font-weight:bold;
	}
	
#vertical_slide li a.lis, #vertical_slide li a.lis:visited{
	text-decoration:none;
	position: relative;
	padding:6px 50px 6px 0px;
	font-size:11px;
	color:#6882B9;
	font-weight:bold;
	}
	
#vertical_slide li a.lisIN, #vertical_slide li a.lisIN:visited{
	text-decoration:none;
	position: relative;
	padding:6px 50px 6px 0px;
	font-size:11px;
	color:#3C5384;
	}