body, table, tr, td, p, ul, ol, select, input, textarea, .norm {font: 12px Arial, Verdana, Geneva, Helvetica, sans-serif; color: #333333;}
BODY {background:#012B55 url(/img/site/common/bg_main.jpg) no-repeat top center;}
option {font: 10px Arial, Verdana, Geneva, Helvetica, sans-serif; color: #333333;}
a {color: #333333; text-decoration: underline;}
a:visited {color: #333333; text-decoration: underline;}
a:hover {color: #859537; text-decoration: underline;}
*html a, *html a:link, *html a:active, *html a:visited, *html a:hover {border:0;} 
.bold {font-weight: bold;}
.italic {font-style: italic;}
.title {font-size: 15px; font-weight: bold;}
.small {font-size: 10px;}
.smallFooter{font-size: 10px; color:#FFFFFF;}
.smallFooter a, .smallFooter a:visited, .smallFooter a:active, .smallFooter a:link, .smallFooter .norm{color:#FFFFFF;}

.copyr {font-size: 10px;}
.red {color: #CC0000;}
.blue {color: #0000CC;}
.green {color: #00CC00;}
.white {color: #FFFFFF;}
.white:link {color: #FFFFFF;}
.white:visited {color: #FFFFFF;}
.white:hover {color: #DDDDDD;}
.almostwhite {color: #CCCCCC;}
.almostwhite:link {color: #CCCCCC;}
.almostwhite:visited {color: #CCCCCC;}
.almostwhite:hover {color: #B3C45E;}
.marine {color: #151E45; list-style:disc;}

.suite {color: #B87338; font-weight: bold;}

h1 {margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; color: #333333; font-size: 22px; font-weight: bold;}
h2 {margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; color: #333333; font-size: 20px; font-weight: bold;}
h3 {margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; color: #333333; font-size: 18px; font-weight: bold;}
h4 {margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; color: #333333; font-size: 15px; font-weight: bold;}
h5 {margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; color: #333333; font-size: 13px; font-weight: bold;}

li {line-height: 24px;}

.spacer5 {height:5px;}
.spacer10 {height:10px;}
.spacer20 {height:20px;}

.clearfix:before, .clearfix:after {  content: "\0020"; display: block; height: 0; visibility: hidden;	 } 
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }

#topnav a, #topnav a:link, #topnav a:active,, #topnav a:visited,, #topnav a:hover {
	text-decoration:none;
    border:0;
    margin:0;
}

.toppadding {margin: 0px 0px 0px 0px; padding: 0px 0px 0px 40px; position:relative; width:250px; height:30px; top:20px; left:0px; }
.headerbkgr {position:absolute;}
.mainpadding {margin: 0px 0px 0px 0px; padding: 20px 20px 20px 20px;}
.modelepadding {margin: 0px 0px 0px 0px; padding: 4px 12px 12px 12px;}
.modeletitre {font-size: 14px; color: #FFFFFF; font-weight: bold; text-decoration: none;}
.modeletitre:link {font-size: 14px; color: #FFFFFF; font-weight: bold; text-decoration: none;}
.modeletitre:visited {font-size: 14px; color: #FFFFFF; font-weight: bold; text-decoration: none;}
.modeletitre:hover {font-size: 14px; color: #FFFFFF; font-weight: bold; text-decoration: none;}
.modelesoustitre {font-size: 14px; color: #333333; font-weight: bold; text-decoration: none; line-height: 22px;}
.modelesoustitre:link {font-size: 14px; color: #333333; font-weight: bold; text-decoration: none;; line-height: 22px;}
.modelesoustitre:visited {font-size: 14px; color: #333333; font-weight: bold; text-decoration: none;; line-height: 22px;}
.modelesoustitre:hover {font-size: 14px; color: #333333; font-weight: bold; text-decoration: none;; line-height: 22px;}
.modeletexte {font-size: 12px; color: #333333; text-decoration: none; line-height: 18px;}
.modeletexte:link {font-size: 12px; color: #333333; text-decoration: none;; line-height: 18px;}
.modeletexte:visited {font-size: 12px; color: #333333; text-decoration: none;; line-height: 18px;}
.modeletexte:hover {font-size: 12px; color: #333333; text-decoration: none;; line-height: 18px;}
.model_ouverture{}
.model_ouverture H4 {margin:0 0 5px 0;}
.model_ouverture H5 {margin:10px 0 0 0;padding:0;}
.model_ouverture P {margin:-10px 0 0 0;padding:0; line-height:12px;}

.topmenu {font-size: 12px; color: #FFFFFF; font-weight: bold; text-decoration: none;}
.topmenu:link {font-size: 12px; color: #FFFFFF; font-weight: bold; text-decoration: none;}
.topmenu:visited {font-size: 12px; color: #FFFFFF; font-weight: bold; text-decoration: none;}
.topmenu:hover {font-size: 12px; color: #CCCCCC; font-weight: bold; text-decoration: none;}
.topsearch {font-size: 10px;}

.milieuviepadding {margin: 0px 0px 0px 0px; padding: 5px 200px 5px 20px;}
.milieuvie01 {font-size: 22px; color: #ACC555; text-decoration: none;}
.milieuvie01:link {font-size: 22px; color: #ACC555; text-decoration: none;}
.milieuvie01:visited {font-size: 22px; color: #ACC555; text-decoration: none;}
.milieuvie01:hover {font-size: 22px; color: #ACC555; text-decoration: none;}
.milieuvie02 {font-size: 22px; color: #5B372B; text-decoration: none;}
.milieuvie02:link {font-size: 22px; color: #5B372B; text-decoration: none;}
.milieuvie02:visited {font-size: 22px; color: #5B372B; text-decoration: none;}
.milieuvie02:hover {font-size: 22px; color: #5B372B; text-decoration: none;}
.milieuvie03 {font-size: 22px; color: #061944; text-decoration: none;}
.milieuvie03:link {font-size: 22px; color: #061944; text-decoration: none;}
.milieuvie03:visited {font-size: 22px; color: #061944; text-decoration: none;}
.milieuvie03:hover {font-size: 22px; color: #061944; text-decoration: none;}
.milieuvie04 {font-size: 22px; color: #808E94; text-decoration: none;}
.milieuvie04:link {font-size: 22px; color: #808E94; text-decoration: none;}
.milieuvie04:visited {font-size: 22px; color: #808E94; text-decoration: none;}
.milieuvie04:hover {font-size: 22px; color: #808E94; text-decoration: none;}
.milieuvie05 {font-size: 22px; color: #56813B; text-decoration: none;}
.milieuvie05:link {font-size: 22px; color: #56813B; text-decoration: none;}
.milieuvie05:visited {font-size: 22px; color: #56813B; text-decoration: none;}
.milieuvie05:hover {font-size: 22px; color: #56813B; text-decoration: none;}
.milieuvie06 {font-size: 22px; color: #808080; text-decoration: none;}
.milieuvie06:link {font-size: 22px; color: #808080; text-decoration: none;}
.milieuvie06:visited {font-size: 22px; color: #808080; text-decoration: none;}
.milieuvie06:hover {font-size: 22px; color: #808080; text-decoration: none;}

.colortitle01 {font-size: 16px; color: #56813B; text-decoration: none; font-weight: bold;}
.colortitle02 {font-size: 16px; color: #5B372B; text-decoration: none; font-weight: bold;}
.colortitle03 {font-size: 16px; color: #061944; text-decoration: none; font-weight: bold;}
.colortitle04 {font-size: 16px; color: #808E94; text-decoration: none; font-weight: bold;}
.colortitle05 {font-size: 16px; color: #B87338; text-decoration: none; font-weight: bold;}
.colortitle06 {font-size: 16px; color: #808080; text-decoration: none; font-weight: bold;}
.colortitle07 {font-size: 16px; color: #ACC555; text-decoration: none; font-weight: bold;}
.colortitle08 {font-size: 16px; color: #5B372B; text-decoration: none; font-weight: bold;}
.colortitle09 {font-size: 16px; color: #061944; text-decoration: none; font-weight: bold;}

.menutd {background:url(/img/site/common/mainMenu_bkgr.gif);}
.menuleft {font-size: 12px; color: #FFFFFF; font-weight: bold; text-decoration: none; background-image: url(../img/site/menuleft_off.jpg); line-height: 34px;}
.menuleft:link {font-size: 12px; color: #FFFFFF; font-weight: bold; text-decoration: none; background-image: url(../img/site/menuleft_off.jpg); line-height: 34px;}
.menuleft:visited {font-size: 12px; color: #FFFFFF; font-weight: bold; text-decoration: none; background-image: url(../img/site/menuleft_off.jpg); line-height: 34px;}
.menuleft:hover {font-size: 12px; color: #FFFFFF; font-weight: bold; text-decoration: none; background-image: url(../img/site/menuleft_on.jpg); line-height: 34px;}


.engagement {font: 18px Times New Roman, serif; color: #151E45; text-decoration: none;}

.field {font-size: 12px; color:#333333; border-style:solid; border-width:1px; border-color:#555555; background-color:#FFFFFF;}

/*Les Box de la Homepage*/
.spacer10 {height:10px;}
.spacer20 {height:20px;}
.hpr, .hpl {}
.hpl{
	width:285px;}
.hpr{ float:right;}
.hpl .textHp {
	width:100%;
	text-align:justify;
    padding:8px 0 0 10px;}
/*html>body .hpl .textHp { width:285px; }*/

.textHp { 
    color:#2A495E;
    padding:0 0 0 5px; }
.hpr .textHp {
	width:440px;
	text-align:left;
    padding:8px 40px 0 0;
    font-size:10px;}
html>body .hpr .textHp { width:400px; }  

.textHp .image {float:right;}
.textHp .title { 
	font-size:14px;
    font-weight:bold;}
.textHp .text {font-size:10px;}
.textHp .text A, .textHp .text A:link, .textHp .text A:visited{
	color:#DC8F0E;
    text-decoration:none; }     
.textHp .text A:hover {
	text-decoration:underline;
    color:#A66B0B;}
/*Le infoTicker de la home*/
#infoTicker {
	background:url(/img/site/common/bkgr_infoTicker.jpg) no-repeat top left;
    width:898px;
    height:46px;}
.ticker-content {
	padding:20px 10px 0 65px;
    font-size:13px;
    font-weight:bold;
    color:#fff;}          
 
/* Les galeries dans la vue modèle */
a.gallery {
	float:left;
    margin:0 4px 10px 6px;
    border: 0px;
    filter: alpha(opacity=75); /* internet explorer */
	-khtml-opacity: 0.75;      /* khtml, old safari */
	-moz-opacity: 0.75;       /* mozilla, netscape */
	opacity: 0.75;           /* fx, safari, opera */

}
a:hover.gallery {
    filter: alpha(opacity=10); /* internet explorer */
	-khtml-opacity: 1;      /* khtml, old safari */
	-moz-opacity: 1;       /* mozilla, netscape */
	opacity: 1;           /* fx, safari, opera */

}
/* Page Modele */
.mycolor{background:#ffcc00;}
.models, .models td, .models tr, .models ul, .models li { margin:0;padding:0;}
.models h2.mainTitle{background:none; font-size: 24px; margin:0 0 0 0;padding:0;/*border-bottom:1px solid #B3C45E; width:325px;*/}
.models h2.mainTitleSmall{background:none; font-size: 17px; margin:0 0 5px 0;padding:0}
.models h3.mainTitle{background:none; font-size: 16px; color:#666;}
.models h4.mainTitle{background:none; font-size: 18px;color:#000;margin:0;}
.models h4.mainTitle SPAN {font-size:14px; color:#666;}
.models .smallInfoBox {margin:10px 0 10px 0;border-top:1px solid #B3C45E;}
.models .smallInfo {display:block;font-size:10px;padding:10px 10px 0 10px;}
.models A.minisite,
.models A.minisite:link,
.models A.minisite:active,
.models A.minisite:visited { font-size:16px; font-weight:bold; text-decoration:none; border 1px solid #EC2424; padding:5px 10px; background:#EC2424; color:#FFF;}
.models A.minisite:hover {color:#000; background:#EC2424;}

.models h4.title{font-size: 13px; border-bottom:1px solid #B3C45E;}
.models P{ line-height:14px;}
.constLogo {float:right; margin:0 20px 0 0;}
/*colonne de gauche*/
.models .leftcol {margin:0;padding:0;}
.models .leftcontent {margin:0 0 0 13px;}
.models .leftelements {width:410px;}
.models .leftcol .map{margin:5px 0 5px 3px;}
.models .leftcol h3.title, 
.mt-box h3.title{background:#B3C45E url(../img/site/common/title_bkgr.jpg) no-repeat right top;/*border-bottom:1px solid #B3C45E;*/ height:25px; font-size:16px;padding:7px 0 0 10px;}
.models .leftcol h4.title, 
.mt-box h4.title{margin:5px 0 0 0;padding:0;}
.models .leftcol P,
.mt-box P {margin:0; padding:3px 0 0 0;}
.models .modelbox, 
.mt-box .modelbox{background:url(../img/site/common/modelbox_bkgr.jpg) no-repeat;}
/*.models .modelbox .map{border:1px solid #FFF;}
.models .modelbox .map:hover{border:1px solid #B3C45E;}*/
/*colonne de droite*/
.models ul {margin:0 0 0 25px; } 
.models li {list-style-image:url(../img/site/common/list-bullet.jpg); padding:0 0 5px 3px; line-height:14px;}
.models .rightcol h3.title{ height:31px; font-size:18px;color:#444;padding:10px 0 0 10px;margin:0 20px 15px 0;background: url(../img/site/common/title_grad_bkgr.jpg) repeat-x left bottom;}
.models .rightcol h3.title SPAN.print{float:right;}
.models .rightcol h3.title SPAN.print A {display:block; width:30px;height:20px; background:url(../img/site/print.gif); text-indent:-2000px;}
.models .rightcol h3.title2{ font-size:18px;color:#444;padding:10px 0 0 0;margin:20px 20px 15px 0;}
.models .rightcol h4.title{ font-size:16px;color:#444;padding:10px 0 0 0;margin:0px 20px 15px 0;}
.models .rightcol ul.media {margin:0 20px 0 8px; } 
.models .rightcol li.pdf {list-style-image:none;background:url(../img/site/pdfIcon16x16.gif)no-repeat left top; padding:3px 0 10px 23px;}
.models .rightcol .normalcont {margin:0 0 10px 0;}
.models .rightcol .normalcont IMG {float:left; margin:0 0 0 10px;}
.models .rightcol .planPlancher {clear:both;}
.models .rightcol .planPlancher .plancher-img{float:left;padding:0 15px;height:215px;}
.models .rightcol .planPlancher .plancher-img-2{float:left;padding:0 15px;height:120px;}
.models .rightcol .planPlancher .plancher-img A{display:block;}
.models .rightcol .planPlancher .plancher-img SPAN{display:block; text-align:center;}
.models .rightcol .planPlancher H3.planTitre {clear:both;margin:10px 0 15px 15px;}

/* Le tableau Phone Directory */

.directoryTable {}
.directoryTable .odd {background-color:#E3EAC4;}
.directoryTable .even {}

/* Les pubs sur la HP */
.pubs-container {padding:10px 85px;}
#pubs {
	width: 728px;
	height: 90px;
	background-color: #000;
	overflow: hidden;
	position: relative;
}

#pubs div{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1000;
}
#pubs img{
	border: 0;
}