@import url( form.css );

H1 {
	COLOR: #3E6D9C;
	font-size: 14px;
	font-weight: bold;
	background-image: url(img/fond_menu.jpg);
	height: 38px;
	text-align: center;
	vertical-align: middle;
	line-height: 38px;
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
}

h2 {
	COLOR: #3E6D9C;
	PADDING-TOP: 0px;
	font-size: 14px;
	line-height: 30px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
	margin: 0px;
}

#divgauche h2 {
	COLOR: #3E6D9C;
	font-size: 14px;
	line-height: 38px;
	font-weight: bold;
	background-image: url(img/fd_menu2.jpg);
	text-align: center;
	vertical-align: middle;
	margin: 0px;
	padding: 0 5px;
	font-family: Arial, Helvetica, sans-serif;
}

h3 {
	COLOR: #333333;
	PADDING-TOP: 5px;
	font-size: 13px;
	line-height: 25px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
}
H5 {
	MARGIN-TOP: 0px; COLOR: #000; PADDING-TOP: 0px
}
H6 {
	MARGIN-TOP: 0px; COLOR: #000; PADDING-TOP: 0px
}

HR {
	COLOR: #000; HEIGHT: 1px
}

body {
	padding : 0;
	font-size : 11px;
	margin : 0;
	color : #333;
	font-family : Arial, Helvetica, sans-serif;
	background : url(img/fond_page.gif) repeat-x #6c97c3;
	text-align : center;
}

SPAN {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 11px; PADDING-BOTTOM: 0px; MARGIN: 0px; COLOR: #333333; PADDING-TOP: 0px; FONT-FAMILY: Arial, Helvetica, sans-serif
}
TD {
	FONT-SIZE: 11px; COLOR: #333333; FONT-FAMILY: Arial, Helvetica, sans-serif
}
A {
	FONT-WEIGHT: bold; COLOR: #2a3082; TEXT-DECORATION: underline
}
A:hover {
	COLOR: #f76806; TEXT-DECORATION: none
}

a img {
	text-decoration : none;
	border : none;
}
.bold {	font-weight: bold}

.newline {
	padding : 0;
	margin : 0;
	height : 0;
	clear : both;
}

#contenant {
	width: 1003px;
	margin: 15px auto 0 auto;
	background : url(img/fond_centre.gif) #fff;
	text-align : left;

}
#divhaut {
	height: 90px;
	width: 1003px;
	background-image: url(img/fond_haut.jpg);
}

#divlogo {
	position : relative;
	height: 51px;
	width: 264px;
}


#divtagline {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #000;
	height: 36px;
	width: 300px;
	float: left;
	line-height: 12px;
	clear: left;
	padding-left: 72px;
}

#divnom {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #3E6D9C;
	/*width: 600px;*/
	margin-top: 9px;
	/*float: right;*/
	/*clear: left;*/
	margin-right : 10px;
	text-align : right;
}

/*
div>#divnom {
	width: 570px;
	margin-right : 30px;
}
*/
#divlienrap {
	width: 620px;
	/*float: right;*/
	clear: right;
	margin-top: 38px;
	text-align : right;
	padding : 0 10px 0 0;
}

#divlienrap ul {
	margin : 0;
	padding : 0 5px;
	display : inline;
}

#divlienrap li {
	display : inline;
}

#divlienrap a {
	text-decoration : none;
}


#divhautG {
	height: 90px;
	width: 330px;
	float: left;
}
.infoline {
	font-weight: bold;
}

#divhautD {
	height: 90px;
/*	width: 330px;*/
	float: right;
	/*text-align : right !important;*/
}


.accroche{
	color: #eca11e;
}
#divnavig{
	font-size: 13px;
	font-weight: bold;
	color: #FFFFFF;
	background-image: url(img/fond_navig.gif);
	background-repeat: no-repeat;
	width: 1003px;
	clear: both;
	background-position: left top;
	padding-top: 11px;
	padding-bottom: 11px;
	margin : 0;
	padding-left : 0;
	padding-right : 0;
}
#divnavig li{
	padding: 0 20px;
	display: inline;
}
#divnavig a:active { color: #FFFFFF; text-decoration: none}
#divnavig a:link { color: #FFFFFF; text-decoration: none}
#divnavig a:hover { color: #eca11e; text-decoration: underline}
#divnavig a:visited { color: #FFFFFF; text-decoration: none}

#divflash {
	float: left;
	width: 666px;
}

div.style2 {
	background:  #eee;
	padding : 5px;
}

div.style2 p {
	padding : 0;
	margin : 0;

}
.TxtStyle1 {
	font-weight: bold;
	color: #363269;
}
.TxtStyle2 {
	font-weight: bold;
	color: #ECA11E;
}


#divactus,  #divpartenaires {
	padding-top: 5px;
	text-align: center;
	padding-bottom: 10px;
}
#divpartenaires img {
	text-align: center;
	margin: 0px;
	padding: 5px 0 0 0;
}

#divactus #divactu div {
	padding : 5px 10px;
	margin: 0;
	text-align : left;
}

#divactus #divactu div.blocklink {
	text-align : right;
}



/* --- footer ----------------------------------------------------------------*/
#divbas {
	width: 1003px;
	margin-right: auto;
	margin-left: auto;
	padding-top : 5px;
	background : url(img/ombre_bas.gif) no-repeat;
}

#divbas img {
	border : none;
	padding-top: 5px;
}

#footerlinks {
	float: right;
	height: 17px;
	width: 600px;
	font-size: 10px;
	color: #FFF;
	text-align: right;
	margin : 12px auto;
	display: inline;
}

#footerlinks a {
	color: #FFF;
	text-decoration: none;
}

#footerlinks a:hover, #footerlinks a:focus, #footerlinks a:active {
	text-decoration: underline;
}

#divmenu {
	float: left;
	width: 204px;
}
#divmenu  ul {
	margin : 0;
	padding : 0;
}

#divmenu li {
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	margin: 0px;
	font-size: 12px;
	font-weight: bold;
	color: #999999;
	list-style-type: none;
}

#divmenu li.sel a {
	color: #999999;
}

#divmenu a {
	color: #3E6D9C;
	text-decoration: none;
}


#divgauche {
	width: 204px;
	display: inline;
	float: left;
	margin: 0 0 0 7px;
	background-image: url(img/fd_liste_menu.gif);
	background-repeat: repeat-y;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}


#divgauche img {
	margin: 0px;
	float: left;
	padding-top: 15px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	width: 201px;
}
#divmenu a:hover {
	color: #3E6D9C;
	text-decoration: underline;
}
#divcontenu {
	float: left;
	width: 759px;
	padding-left: 10px;
	display: inline;
}
.cheminfer {
	font-size: 11px;
	font-weight: normal;
	color: #3E6D9C;
	text-decoration: none;
}
a.cheminfer:active,a.cheminfer:visited,a.cheminfer:link {
	font-weight: normal;
	color: #3E6D9C;
	text-decoration: underline;
}
 a.cheminfer:hover {
	font-weight: normal;
	color: #3E6D9C;
	text-decoration: none;
}
#divcontenu {
	font-size: 12px;
	text-align: justify;
	padding-bottom: 10px;
}
#divtxtfd {
	background-color: #EEEEEE;
	padding: 5px;
	text-align: justify;
	clear: left;
	float: left;
}

#divpG {
	float: left;
	width: 360px;
}
#divpGD {
	float: left;
	width: 765px;
	padding-top: 15px;
	padding-bottom: 15px;
}
#divpD {
	float: left;
	width: 360px;
	display: inline;
	padding-left: 10px;
}

/* ---- bloc centre --- */

ul.tdm {
  padding : 10px 0 10px 30px;
}


div.w100 {
  clear : both;
  float : none;
}

div.w50 {
  float : left;
  display : inline; /* fix ie6 bug : http://positioniseverything.net/explorer/doubled-margin.html */
  clear : left;
  width : 47%;
  margin-left : 2%;
}

div.w50-newline {
  float : left;
  display : inline;
  clear : right;
  width : 48%;
  margin-left : 1%;
}

div.w33-first {
  float : left;
  display : inline;
  width : 32%;
  margin-left : 2%;
}

div.w33-2 {
  float : left;
  display : inline;
  width : 32%;
  margin-left : 1%;
}

div.w33-newline {
  float : left;
  display : inline;
  clear : right;
  width : 32%;
  margin-left : 1%;
}


.left {
	float : left;
}

.right {
	float : right;
}















.newline { display: block; clear: both; line-height: 0px; font-size: 0px; height: 0; }



#divcentre { clear: both; width: 1000px; overflow: hidden; zoom: 1; margin: 0 auto; padding: 30px 1px 0 0; background: url(img/fond_centre.gif) 50% 0 repeat-y; }

#main {  }


/*****************************************
	VALUEHOME
*/


#valuehome { position: relative; height: 321px; width: 986px; padding: 0 0 30px 0; margin: 0 auto; overflow: hidden; background: url(img/homevalue_bg.png) 0 0 no-repeat; }

/***** TABS *****/

#valuehome_tabs { position: absolute; top: 0; right: 0; width: 195px; padding: 0; margin: 0; list-style: none; }

#valuehome_tabs li { position: relative; float: right; height: 80px; width: 195px; overflow: hidden; padding: 0; margin: 0; }
#valuehome_tabs li a { float: right; }
#valuehome_tabs li img { display: none; float: right; height: 80px; width: 195px; border: none;  }
#valuehome_tabs li .actif { display: none; }
#valuehome_tabs li .inactif { display: block; }
#valuehome_tabs li.sel .actif { display: block; }
#valuehome_tabs li.sel .inactif { display: none; }

/***** PANELS *****/

#valuehome_panels { position: relative; height: 320px; width: 825px; overflow: hidden; }

#valuehome_panels .panel { position: absolute; top: 320px; left: 0; width: 805px; margin: 0; padding: 0; }
#valuehome_panels .sel { top: 0; }

#valuehome_panels .panel .visuel { border: none; }
#valuehome_panels .panel .left { float: left; display: inline; margin: 0 15px 10px 0; }
#valuehome_panels .panel .right { float: right; display: inline; margin: 0 0 10px 15px; }

#valuehome_panels .panel h2 { line-height: 20px; padding: 10px 15px 0 15px; margin: 0; }
#valuehome_panels .panel p { padding: 10px 15px 0 15px; margin: 0; }



/*****************************************
	INFOS
*/


#infos { position: relative; float: left; display: inline; zoom: 1; width: 765px; height: 240px; padding: 0 0 10px 0; margin: 30px 0 0 8px; background: url(img/infos_bg.png) 50% 0 no-repeat; }

#infos_panels .panel { display: none; }
#infos_panels .sel { display: block; }

#infos_panels .panel .panelLeft { float: left; width: 484px; height: 208px; overflow: hidden; padding: 15px; }
#infos_panels .panel .panelRight { float: right; width: 220px; height: 208px; overflow: hidden; padding: 15px; background: url(img/infos_panels_right.png) 100% 0 no-repeat; }

#infos .linkRight { padding: 4px 0 4px 30px; background: url(img/infos_puce.gif) 0 0 no-repeat; }
#infos .linkRight a { font: bold 14px Arial; color: #000000; text-decoration: none; }

#infos_tabs { position: absolute; top: -31px; left: 0; height: 32px; padding: 0; margin: 0; list-style: none; }
#infos_tabs li { height: 32px; padding: 0 0 0 15px; margin: 0 15px 0 0; float: left; display: inline; background: url(img/infos_tabs.png) 0 0 no-repeat; }
#infos_tabs h2 { font: bold 14px Helvetica, Arial; line-height: 32px; padding: 0 15px 0 0; margin: 0; float: left; background: url(img/infos_tabs.png) 100% 0 no-repeat; color: #000000; cursor: pointer; }
#infos_tabs li.sel { background: url(img/infos_tabs_sel.png) 0 0 no-repeat; }
#infos_tabs li.sel h2 { background: url(img/infos_tabs_sel.png) 100% 0 no-repeat; color: #3c6c9f; }

#actus_top { text-align: center; padding: 0 0 5px 0; }
#actus .col { float: left; width: 211px; height:150px; overflow: hidden; padding: 0 15px; border: 1px solid #cccccc; border-width: 0 1px 0 0; }
#actus .last { border: none; }

#actus h3 { font: bold 18px Arial; margin: 0 0 5px 0; color: #000000; }
#actus h3 a { color: #000000; text-decoration: none; }

#refs .col { float: left; display: inline; width: 215px; margin: 30px 0 0 30px; }
#refs .col img { border: 1px solid #cccccc; }

#refs h3 { font: bold 14px Arial; color: #608dbc; }



/*****************************************
	SIDEBAR
*/

#sidebar { float: right; display: inline; width: 210px; margin: 0 7px 0 0; color: #608dbc; }

.sidebox { margin: 0 0 15px 0; }
.sidebox h2 { font: bold 14px Helvetica, Arial; line-height: 30px; height: 30px; padding: 0; margin: 0; text-align: center; }
.sidebox .style { padding: 15px 0 0 0; background: url(img/sidebox.png) 50% 0 no-repeat; }
.sidebox .inner { overflow: hidden; zoom: 1; padding: 0 15px 15px 15px; background: url(img/sidebox.png) 50% 100% no-repeat; text-align: center; }
.sidebox h4 { font: 12px Arial; padding: 0; margin: 0; color: #000000; text-align: center; }


/*****************************************
	NEWSLETTERHOME
*/

#newsletterhome form { padding: 0; margin: 0; }
#newsletterhome #Email { float: left; display: inline; width: 137px; height: 19px; padding: 3px 8px; margin: 15px 0 2px 0; border: none; background: url(img/input_bar.png) 0 0 no-repeat; }
#newsletterhome #nlLink { float: left; line-height: 25px; width: 27px; height: 25px; margin: 15px 0 2px 0; background: url(img/input_bar.png) 100% 0 no-repeat; border: none; }


/*****************************************
	NEWSLETTERHOME
*/

#partners .inner { padding: 0 0 17px 0; }
* html #partners .inner { padding: 0 0 14px 0; } /* IE6*/

#partners_slide { height: 76px; padding: 0; margin: 0; list-style: none; }
#partners_slide li { display: none; height: 100%; width: 100%; padding: 0; margin: 0; }
#partners_slide li.sel { display: block; }

#partners_slide li table { height: 100%; width: 100%; padding: 0; margin: 0; }
#partners_slide li table td { text-align: center; vertical-align: middle; }





/*****************************************
	PLAN SITE BAS
*/

#contenant .sitemap ul { float: none; }
#contenant .sitemap ul.niv1 { padding: 15px; margin: 0 0 15px 0; background: #f5f5f5; }

#contenant .sitemap h1 a { font: bold 15px Arial; text-decoration: underline; }

#contenant .sitemap li.emphase { background: none; border: none; }