/* CSS Document */
body{padding:0px; margin:0px; background:url(../images/bg_top.gif) 0 0 repeat-x #fff; color:#5E5E5E; font:13px/18px Arial, Helvetica, sans-serif;}
div, p, ul, h2, h3, img{padding:0px; margin:0px;}
ul{list-style-type:none;}

/*----HEADER----*/

#header{width:950px; height:129px; position:relative; margin:0 auto; color:#fff; padding:0px; }

#header #logo{/*width:360px;*/ height:78px; float:left; margin-top:12px; margin-left:0px;}

.Titreintro {
	line-height:1em;font-size:1.65em;margin:0px 0 1em 0;
	font-family: Georgia,serif;
	font-weight:bold;
	color: #2271A5;
}

#topContactPan{width:350px; height:13px; float:right; margin-top:-7px; text-align:right;}
#topContactPan a {margin:0 10px 0 0 ; font: normal 11px "tahoma"; color:#cbe6f3; text-decoration:none; }
#topContactPan a:hover { text-decoration:underline; }
#topContactPan a.last {margin:0;}

#topMenuPan{clear: both; width:950px; height:24px;margin-left:0px;}
#topMenuPan ul li{width:187px; margin-right:3px;float:left; background: url(../images/onglet2.gif) top right no-repeat;}
#topMenuPan ul li .last{margin-right:0px;}
#topMenuPan ul li a{ display:block; height:24px; background: url(../images/onglet1.gif) top left no-repeat; text-align:center; font: bold 12px/normal arial,"tahoma",verdana; color:#777D81; text-decoration:none; padding-top:7px;}
#topMenuPan ul li a:hover{ color:#C98933; }

.anylinkcss{ position:absolute; visibility: hidden; z-index: 100; border:1px solid #bfdcea; border-top:none;
    font:bold 11px/1.6em "tahoma", arial; background-color: #fff; color: #116491;padding:2px; margin-left:-1px; width:182px;}
.anylinkcss a{ text-decoration: none; color: #5585A4; display: block; margin:0; padding:2px 0 2px 5px;}
.anylinkcss a:hover{color: #386c8e;	border-bottom: none; background:url(../images/bg_menu.gif) 0 0 repeat-x;}

/*----INTRO----*/

/* homepage */

#homeintro{width:824px; height:235px/*auto*/; position:relative; margin:0 auto; }
#homeflashintro{float: left; width:544px; height: 196px; margin-right: 32px;}
#welcome {float: left; width:222px; height: 160px/*auto*/; margin-top: 25px; font: normal 11px/1.4em verdana; color: #9FA7AF; }
#welcome img{margin-bottom:15px;display:block; }
#welcome a{display:block; font: bold 12px arial; color: #97C810;text-decoration:none; float: right; margin-top:9px;}
#welcome a:hover{text-decoration:underline;}

.tdflash { background: #fff url(../images/home4a.gif) no-repeat top left; padding:6px !important; padding-top:0;}
.tdlinks {padding: 12px 18px; background: #fff url(../images/home4b.gif) no-repeat bottom left; line-height:1.4em;}
.titlebox {font: bold 13px "tahoma", arial; color: #D87C2A;}
.tdlinks ul li { margin-bottom:6px; line-height:1.2em;}
.tdlinks a { font: bold 12px arial; color: #6e7c86; text-decoration:none;}
.tdlinks a:hover { text-decoration:underline;}
.welcometext {margin-bottom:20px; font: bold 13px/1.4em tahoma;}

/* page */

#intro{width:950px; height:auto; position:relative; margin:0 auto;}
#flashintro{float: left; width:520px; height: 143px; margin: 5px 20px 0 0;}
#more {float: left; width:400px; height: 143px; margin-top: 6px; font: normal 11px/1.4em verdana; color: #9FA7AF;text-align: justify;}
#textmore {margin-top:22px;}
#more img{margin-bottom:10px;display:block; }
#more a{display:block; font: bold 12px arial; color: #97C810;text-decoration:none; float: right; margin-top:9px;}
#more a:hover{text-decoration:underline;}

/*----CONTENT ----*/

/* homepage */

#homemain { clear: both; background: #C4D6E7 url(../images/bg_content.gif) 0 0 repeat-x; height: 245px;}
#homemain #content {width:770px; position:relative; margin:0 auto;}
#homemain #content #box {float: left; width:240px; height:170px;}

#homemain #content .company {background:url(../images/hm_bg_cpn.gif) 0 0 no-repeat; margin:32px 0px;text-decoration:none;cursor: pointer;}
#homemain #content .economy {background:url(../images/hm_bg_eco.gif) 0 0 no-repeat; margin:32px 24px;text-decoration:none;cursor: pointer;}
#homemain #content .newsevents {background:url(../images/hm_bg_news.gif) 0 0 no-repeat; margin:32px 0px;}

#homemain #content #box h1 {margin: 77px 0 0 21px; width:105px; height:70px; font: normal 11px/14px arial; color: #182D3F;}
#homemain .listing {margin: 53px 20px 20px 21px;}
#homemain p { font: normal 11px arial; color: #195D97;}
#homemain .date { font-weight: bold; color: #A3B2BF;}
#homemain a { color: #195D97;text-decoration:none; }
#homemain a:hover { color: #A87F4E;text-decoration:underline; }
#homemain .more { font-weight: bold; color:#BF9413;}

#onepix{
	height: 1px;
	background-color: #1372A3;
}


/* page, main content */

#main { clear: both; background: #C4D6E7 url(../images/bg_content.gif) 0 0 repeat-x;}
#mainwrapper { width: 950px; margin: 0 auto;padding-top: 24px;}
#main #mainwrapper #content { 	width:950px; /*position:relative;*/	margin:0 auto;	float: left;	width: 100%; /*  */ }

#contentbox{margin: 0 220px ;}
#contentbox_top {background: url(../images/bg_boxcontent_1.gif) 0 0 no-repeat; width:511px;}
#contentbox_wrapper {  background:#DAE7F0 url(../images/bg_boxcontent_2.gif) top left repeat-y; width:511px; }
#contentbox_top #realcontent {padding: 25px 23px 15px; font: normal 12px/1.4em arial; color: #4d7395; text-align:justify;}
#contentbox_top #realcontent ul{margin-left:20px;list-style-type: none;list-style-image: url(../images/puce.gif);}

#contentbox_top #tablematiere ul{margin-left:20px;list-style-type: none;list-style-image: url(../images/point_final.gif);}
#contentbox_top #tablematiere a{color: #0083c7;text-decoration:none;font-size:12px;}

#contentbox_bottom { height: 12px;width:511px; background: url(../images/bg_boxcontent_3.gif) 0 0 no-repeat !important;  }
#contentbox_body p, #contentbox_body ul {margin-bottom:10px;}
#contentbox_body h1 {font: bold 12px arial; color:#D87C2A;}

/* page, left pan */
#leftpan{float: left;width: 210px; margin-left: -950px;}

/* page, right pan */
#rightpan{float: left;width: 210px;margin-left: -210px; }

#box_wrapper {background: url(../images/bg_box_2.gif) repeat-y;}/* #82A5C1*/
#box_top, #box_top2 {background: url(../images/bg_box_1.gif) 0 0 no-repeat;  padding: 2px 20px; font: normal 11px/13px arial; color:#1C5687;}
#box_bottom {background: url(../images/bg_box_3.gif) 0 0 no-repeat;  height: 12px ;}

#rightpan h1 {margin:17px 0 15px -1px;}
#box_top p, #box_top ul {margin:10px 0;}
#news_events .rubrique {font: normal 9px/normal  arial; text-transform: uppercase; letter-spacing:1px;}
#news_events .title {font: bold 12px/16px  arial; color:#EEEB9B;}
#news_events .date {font: normal 10px/normal arial; color:#c4d6e7}
#news_events a {font: normal 11px/13px arial; color:#1C5687; text-decoration: none;}
#news_events a:hover {/*color:#976D4B; */text-decoration: underline;}
#news_events .more, #news_events a.more {/*font: bold 13px arial;*/ font-weight: bold; color:#BB6E30;}
#news_events a.more:hover {text-decoration: none;}
#news_events {margin-bottom:10px !important; margin-bottom:6px;}

#box_top2 {background: url(../images/bg_box_1b.gif) 0 0 no-repeat;}
#on_this_site h1 {margin:17px 0 15px -2px;}
#on_this_site ul { margin: 0; padding:0; margin-top:10px;}
#on_this_site ul li{ list-style-type: none; list-style-image: url(../images/tick.gif);margin-left:28px !important; margin-left:24px; 
margin-bottom:3px;padding-left:2px !important;padding-left:4px;}
#on_this_site a { font: bold 11px arial; text-decoration: none; color:#1C5687; }
#on_this_site a:hover { text-decoration: underline; }

/* 2 columns - left */
#contentbig_1 {margin-left: 220px; }
#contentbig_3 {margin-left: 0px;width:730px;}
#leftcolumn {float: left;width: 220px;margin-left: -950px;}
#leftcolumn #menu #box_top{ padding:15px 30px 2px 20px;}
/*#leftcolumn #menu h2 { }*/
#leftcolumn #menu ul { color:#4c79a1;margin-top:13px;}
#leftcolumn #menu ul li{ list-style-type: none; list-style-image: url(../images/tick.gif); margin-left:19px !important; margin-left:15px; 
margin-bottom:4px;padding-left:2px !important;padding-left:4px;}
#leftcolumn #menu a { font: bold 12px arial; text-decoration: none; color:#fff; }/*fffdb0*/
#leftcolumn #menu ul li ul {list-style: none; margin-top:4px;margin-top:4px;}
#leftcolumn #menu ul li ul li{ list-style-image: url(../images/trait.gif); margin-top:5px;  margin-left:12px !important; margin-left:12px}
#leftcolumn #menu ul li ul li a { font: 12px arial; text-decoration: none; color:#fff; }/*fffdb0*/

/* 2 columns - right */
#contentbig_2 {margin-left: 0px; margin-right: 220px; }
#contentbig_2b {margin-left: 0px; margin-right: 220px; margin-top:10px; }
#rightcolumn {float: left;width: 210px; margin-left: -210px;}

/* 2 columns - content */
#contentbig_1 #contentbox_top, #contentbig_2 #contentbox_top {background: url(../images/bg_boxcontent_1b.gif) 0 0 no-repeat; width:730px;}
#contentbig_3 #contentbox_top {background: url(../images/bg_boxcontent_full_top.gif) 0 0 no-repeat; width:950px;}
#contentbig_1 #contentbox_wrapper, #contentbig_2 #contentbox_wrapper, #contentbig_2b #contentbox_wrapper {  background:#DAE7F0 url(../images/bg_boxcontent_2b.gif) top left repeat-y; width:730px; }
#contentbig_3 #contentbox_wrapper {  background:#DAE7F0 url(../images/bg_boxcontent_full_content.gif) top left repeat-y; width:950px; }
#contentbig_1 #contentbox_bottom, #contentbig_2 #contentbox_bottom, #contentbig_2b #contentbox_bottom { height: 12px;width:730px; background: url(../images/bg_boxcontent_3b.gif) 0 0 no-repeat !important;  }
#contentbig_3 #contentbox_bottom { height: 12px;width:950px; background: url(../images/bg_boxcontent_full_bottom.gif) 0 0 no-repeat !important;  }
#contentbig_1 #realcontent, #contentbig_2 #realcontent {padding: 25px 35px 15px;}
#contentbig_3 #realcontent {padding: 25px 35px 15px;}
#contentbig_2b #contentbox_top {background: url(../images/bg_boxcontent_1c.gif) 0 0 no-repeat; width:730px;}
.clearfix{clear: both;height:30px; }

/*----FOOTER ----*/
#footer{clear: both; height:50px; padding:20px; background:url(../images/bg_footer.gif) 0 0 repeat-x #0F5681; color:#5E5E5E; font:11px/18px Arial, Helvetica, sans-serif;}
#footer p{ text-align: center;}
#footer p.links, #footer .links a{ font-weight: bold; color: #759BB3; margin: 0 4px; text-decoration: none;}
#footer .links a:hover {text-decoration: underline;}
#footer p.credit, #footer p.credit a { color: #afb2b4;}
/*
#footer{ background:#1372a3 url(../images/bg_footer.gif) repeat-x; clear: left; padding-top: 6px; color: #295795; font-family: Tahoma; 
	font-size: 11px; border-left: solid 1px #afb2b2; border-right: solid 1px #afb2b2; border-bottom: solid 1px #afb2b2;}
#footer .information {	text-align:center;	color:#90B4D6;	font: 11px/1.4em tahoma;}
#footer .inner {	background-image: url(../images/fauxcolumnfooter.gif) 0 0 repeat-y;	margin: 10px 10px 10px 100px; }
#footer .inner div {float:left;width:200px;padding:0 0px;font: 11px/1.4em tahoma;}
#footer h3 {color:#fff;font-size:1.5em;margin:8px 8px;}
#footer ul {margin:8px 0 16px 0;}
#footer li {padding:0;line-height:1.1em;margin:8px;}
#footer a { color:#002f4f;text-decoration:underline;}
#footer a:hover {color:#fff;}*/

/*----OTHER-----*/
h1 {font-family:Georgia,serif;font-weight:bold;line-height:1em;font-size:1.65em;margin:0px 0 1em 0;color:#926744;}
h2, h3, h4 {font-family:Georgia,serif; font-weight:normal;line-height:1em; line-height: 1.4em;}
h2 {font-size:1.5em; background:url(../images/dotted_hr.gif) 0 bottom repeat-x; color:#0f5a9d ; padding-bottom:5px; }/*007ab9*/
h2 a {color:#8d0000;}
h3  {font-size:1.4em; color:#0083c7 }/*1a5285*/
h4 {font-weight:bold; font-size:1.2 em; color:#0083c7}
#contentbox_top h2,#contentbox_top h3, #contentbox_top h4 {margin:0.8em 0 1em 0;}
#contentbox_top p, #contentbox_top ul,  #contentbox_top table {margin: 0 0 1.4em 0;}
.ticked { background: url(../images/puce.gif) 2px 3px no-repeat ; padding-left: 15px; }


table {margin: 10px 0 15px;}
.titre { font-family:Georgia,serif;font-weight:normal;line-height:1em;font-size:1.65em;margin:8px;}
.small {font-size:11px;}
.actu_rubrique {font: normal 11px/normal "tahoma",arial; text-transform: uppercase; letter-spacing:1px;}
a.actu_title {font: bold 14px/16px "tahoma",verdana; text-decoration: none; color:#0083c7;}
.actu_date {font: normal 11px/normal arial; color:#85afd6}
.event_date_ {font: bold 11px/normal "tahoma",arial; color:#c4d6e7}
.actu_intro {font: normal 12px/normal arial;}
.event_date {font: bold 12px/normal arial; }
.actu_rubrique_big {font: normal 13px/normal "tahoma",arial; text-transform: uppercase; letter-spacing:2px;}
.event_date_big {font: bold 12px/normal "tahoma",arial;}
a {color: #0185d9;}
#rightpan #box_top h2, #rightpan #box_top2 h2, #rightcolumn #box_top h2, #rightcolumn #box_top2 h2 {color:#fff;background:url(../images/dotted_white.gif) 0 bottom repeat-x; }

.note {
	font-style: italic;
	font-size: 11px;
}

#pager {height:25px; width: 100%;}
#pager select {font: normal 11px/normal arial;}

/*---------------Tables----------------------*/

table {
	/*background-color: #dae7f0;*/
	color:#5c7e9c; font:12px/18px ;
}

table.simple td {
	border-bottom: 1px solid #b8cfe0;
	padding: 4px 2px 3px 6px;
	font: normal 12px arial;
    background: #f2f7fa;
}
table.simple .head, table.doublehead .head, table.complex .head {
	background: #FFFFFF;
	padding: 4px 2px 4px 6px;
	color:#1372a3;
	font: bold 12px verdana;
	border-bottom: 1px solid #1372a3;
}
table.doublehead .head1 {
	background: #FFFFFF;
	padding: 4px 2px 4px 6px;
	color:#1372a3;
	font: bold 12px verdana;
}
table.doublehead .head2 {
	background: #FFFFFF;
	padding: 4px 2px 4px 6px;
	color:#1372a3;
	font: bold 11px "tahoma";
	border-bottom: 1px solid #1372a3;
}
table.doublehead td {
    border-bottom: 1px solid #b8cfe0;
    border-right: 1px solid #b8cfe0;
	padding: 5px 2px 1px 6px;
	font: normal 12px arial;
}
table.doublehead .bordered {
	border-bottom: 1px solid #86ACBF;
	background-color: #DFE9F2;
}
table.complex {
	font: normal 12px arial;
}
table.bordered td {
    border-bottom: 1px solid #b8cfe0;
    border-right: 1px solid #b8cfe0;
}

table.nostyle td {
	border-bottom: none;
	padding: 5px 2px 1px 6px;
	font: normal 12px arial;
}

#eventscalendar {
	/*background-color: #dae7f0;*/
	font: normal 12px arial; color:#fff;
}

#eventscalendar a{
	/*background-color: #dae7f0;*/
	font-weight: bold; color:#0083C7;
}

#eventscalendar .day{
	/*background-color: #dae7f0;*/
	font-weight: bold; color:#666666;
}

#eventscalendar .date{
    font-weight: bold; 
    /*color:#0D456B;*/
    /*background-color:AEC6D8;*/
}


.ErrorMessage1 {
    /*Pour nos messages d'erreur qui s'affichent à côté des champs */
    color : red;
}
.smallsize {
    font-size :9px;
}

.Mandatory {
    /* Pour le label des champs obligatoires */
    font-weight: bold;
}

.NoticeMessage1 {
    /* Premier style de message d'information */
    padding: 7px 12px 10px;
    background-color: #F7FAFF;
    border-right:2px solid #CECECE;
    border-bottom:2px solid #CECECE;
    color: #7A5536;
    font: 14px/normal "trebuchet ms", "tahoma", arial;
    margin-bottom:5px;
}

#fieldset {
    margin: 10px 0;
    padding: 4px 10px 8px;
    border: 1px solid #c1d9e1;
}

/* photo */
.picture  {
	float:left;
    margin: 10px 0 10px 20px;
    text-align: center;
    padding-bottom: 5px;
    background-color: #f3f4f5;
}
.picture img  {
	display: block;
    margin-bottom:2px;
    border-bottom: 2px solid white;
}
.picture span  {
	font: 11px "tahoma",arial;
    color: #7b8998;
}

h6.legend {
    font: bold 12px verdana;
    color: #2b5b95;
    /*padding:3px;*/
    margin-bottom:12px;
    

}

.table_form td  {
    padding: 2px 4px 2px 0;
}

.CompanyName {color:#fff;background:url(../images/dotted_white.gif) 0 bottom repeat-x; font:bold 16px Arial, Helvetica, sans-serif;}
#liste_personne_left li{list-style-type: none; margin-left:0px; 
margin-bottom:4px;padding-left:2px !important;padding-left:4px;}
#liste_personne_left a { font: normal 12px arial; text-decoration: none; color:#fff; }
.infoconnexion {
    font: normal 11px/1.4em verdana; color: #777D81;text-align: justify;
    margin-bottom:5px;
}

.contact {
    padding: 7px 12px 10px;
    background-color: #F7FAFF;
    font: normal 10px/1.4em verdana; 
    margin-bottom:5px;
    margin-left:10px;
    border-right:2px solid #CECECE;
    border-bottom:2px solid #CECECE;
    height:160px;
	vertical-align: middle;
    
}

/*STYLE POUR LE POPUP*/
#top {
    position: relative;
    height:12px;
    background: url(../images/bg_popup_top_2.gif) no-repeat;
    clear:none;
	margin-bottom: 0;
	padding-bottom: 0;
}
#bottom{
    position: relative;
    height:12px;
    background: url(../images/bg_popup_btm_2.gif) no-repeat;
}	
.gecko #middle{
	width: 800px;
}
.ie  #middle{

}
#middle {
    position: relative;
    border-left: 2px solid #5F87AA;
    border-right: 2px solid #5F87AA;
	background: #82A5C1;
	width: 797px;
	height: 726px;
}

#overlay{
	position: absolute;
	z-index:90;
	width: 100%;
	top: 0;
	left: 0;
	min-height:100%;
	background-color:#000;
	filter:alpha(opacity=10);
	-moz-opacity: 0.1;
	opacity: 0.1;
	display: none;
}

#popcontent{
	position: absolute;
	z-index:100;
	width: 800px;
	height:750px;
	top: 8%;
	display:none;
}

.popuptext{
    position:relative;
    height:auto;
    color:#fff;
    font: normal 13px/1.4em verdana;
}

.popuptext p {
    padding-bottom: 10px;
}
/*FIN STYLE POUR LE POPUP*/