body {
	margin:0;
	padding:0;
	height:100%;
	/*background:url(../images/background.jpg) no-repeat;*/
	
}
fieldset{
	color:#12bdea;
	font:12px Arial;
	text-decoration:none;
	}
a {
	color:#12bdea;
	font:12px Arial;
	text-decoration:none;
}

a:hover {
	text-decoration:underline;
}

#body {
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

#body img {
	width:100%;
	height:100%;
}

#body2 {
	width:100%;
	z-index:100;
	position:relative;
}
ul {
	list-style:none;
}


#Tableau {
	margin:0 auto;
	width:1091px;
}

#index1 {
	float:left;
	width:1001px;
	padding-left:45px;
	padding-right:45px;	
	height:5px;
	background:url(../images/index-01.png) no-repeat;
	background-position:left bottom;
	text-align:right;
	padding-top:2px;
}

#index1 img {
	border:none;
}

#index1 a {
	border:none;
	font:11px Arial;
	color:#FFF;
	text-decoration:none;
}

#index1 a:hover {
	color:#009;
}

#over_menu {
	float:left;
	width:1001px;
	background:url(../images/corp.png) repeat-y;
	padding-left:45px;
	padding-right:45px;	
}

#menu {
	float:left;
	width:705px;
	height:37px;
	background:url(../images/menu.png) no-repeat;
	padding-left:5px;
	/*margin-right:45px;*/
	padding-top:5px;
	/*margin-left:45px;*/
	font:bold 12px Tahoma;
	color:#FFF;
}

#menu ul {
	padding:0;
	margin:0;
	display:inline;
}

#menu ul li {
	list-style:none;
	display:inline;
}

#menu a {
	font:bold 12px Tahoma;
	color:#FFF;
	text-decoration:none;
	padding-left:1px;
	padding-right:1px;
}

#menu a:hover{
	color:#006;
}

#menu a.active{
	color:#006;
}


#index2 {
	float:left;
	width:1001px;
	height:313px;
	background:url(../images/index21.png) no-repeat;
	padding-left:45px;
	padding-right:45px;
}

#index3 {
	float:left;
	width:1001px;
	background:url(../images/corp.png) repeat-y;
	padding-left:45px;
	padding-right:45px;
}

#index3 .left {
	width:255px;
	margin-left:2px;
	float:left;
	padding-top:5px;
}

#index3 .left h2 {
	font:18px Verdana;
	color:#FFF;
	padding:0;
	margin:0;
}

#index3 .left .box_acutalite {
	width:255px;
	float:left;
}

#index3 .left .box_acutalite .entete {
	width:240px;
	height:37px;
	float:left;
	background:url(../images/box_actu.jpg)  no-repeat;
	padding-left:15px;
	padding-top:5px;
}

#index3 .left .box_acutalite .corp {
	width:235px;
	float:left;
	background:url(../images/box_actu-02.jpg) repeat-y;
	padding-left:10px;
	padding-right:10px;
	padding-top:10px;
	padding-bottom:10px;
}

#index3 .left .box_acutalite .corp img {
	border:1px solid #d6d6d6;
	padding:1px;
}

#index3 .left .box_acutalite .corp a {
	float:right;
	color:#12bdea;
	font:12px Arial;
	text-decoration:none;
}

#index3 .left .box_acutalite .corp a:hover {
	text-decoration:underline;
}

#index3 .left .box_acutalite .pied {
	width:255px;
	height:11px;
	float:left;
	background:url(../images/box_actu-03.jpg) no-repeat;
}

#index3 .left .box_contact {
	width:255px;
	height:153px;
	float:left;
	background:url(../images/box_contact.jpg) no-repeat;
}

#index3 .left .box_contact .entete {
	width:240px;
	height:37px;
	float:left;
	padding-left:15px;
	padding-top:5px;
}

#index3 .left .box_acutalite .corp {
	width:235px;
	float:left;
	padding-left:10px;
	padding-right:10px;
	padding-top:10px;
	padding-bottom:10px;
}

#index3 .left p {
	font:12px Arial;
	color:#474747;
}

#index3 .right {
	width:710px;
	padding-left:24px;
	float:left;
	padding-top:5px;
	padding-left:24px;
	padding-right:10px;
	overflow:hidden;
	background:url(../images/tina.jpg) 20px 50px no-repeat;
}

#index3 .right .slogan {
	width:400px;
	height:70px;
	margin-left:296px;
	float:left;
	margin-bottom:10px;
}
.img1 {
	float:left;
	margin:5px;
}

.img2 {
	float:right;
	margin:5px;
}

#index3 .right .logo {
	width:696px;
	height:50px;
	background:url(../images/tina.jpg) 0 50% no-repeat;
	float:left;
	margin-bottom:20px;
	float:left;
	overflow:hidden;
}

#index3 .right h2 {
	font:16px Verdana;
	color:#9c4d33;
	padding:0;
	margin:0;
	width:696px;
	padding-bottom:10px;
}

#index3 .right p {
	font:12px Arial;
	color:#474747;
}

#index3 .right ul li a{
	font:14px Arial;
	color:#9D4D34;
}

#index3 .right .actualite {
	width:640px;
	height:100px;
	float:left;
	border:1px dashed #955C4C;
	padding:10px;
	margin-bottom:5px;
}

#index3 .right .actualite a.plus {
	float:right;
	color:#12bdea;
	font:12px Arial;
	text-decoration:none;
}

#index3 .right .actualite a.plus:hover {
text-decoration:underline;
}

#index3 .right .projets {
	width:696px;
	height:160px;
	float:left;
	overflow:hidden;
}

#index3 .right legend {
	font:bold 14px Arial;
	color:#9c4d33;
}

#index3 .right .projets img {
	float:left;
	border:1px solid #d5d5d5;
	padding:1px;
	margin-left:15px;
	margin-right:10px;
	margin-bottom:10px;
	margin-top:10px;
}

#index4 {
	float:left;
	width:1001px;
	height:28px;
	background:url(../images/index-04.png) no-repeat;
	font:10px Tahoma;
	color:#FFF;
	padding-top:5px;
	padding-right:45px;
	padding-left:45px;
}

#index4 .ste {	
	width:270px;
	float:left;
	color:#166e9d;
	text-align:center;
}

#index4 ul {
	padding:0;
	margin:0;
	display:inline;
	float:left;
}

#index4 ul li {
	list-style:none;
	display:inline;
}

#index4 a {
	font:10px Tahoma;
	color:#FFF;
	text-decoration:none;
	padding-left:10px;
	padding-right:10px;
}

#index4 a:hover {
	text-decoration:underline;
}

#index4 span {
	float:right;
	font:10px Tahoma;
	color:#166e9d;
}

#index4 span a {
	font:bold 10px Tahoma;
	color:#166e9d;
	text-decoration:none;
	padding:0;
}

#index4 span a:hover {
	text-decoration:underline;
}

/*----------------------accordion-------------------------------*/
ul#topnav {
	padding:0;
	margin:0;
	display:inline;
	
}
ul#topnav li {
	list-style:none;
	display:inline;
	position:relative;
}
ul#topnav li a {
	font:bold 13px Tahoma;
	color:#4b4a4b;
	text-decoration:none;
	padding-left:10px;
	padding-right:10px;
}
ul#topnav li:hover a, ul#topnav li a:hover { background-position: left bottom; } /*--Hover State--*/
ul#topnav a.home {
	color:#207aab;
}
ul#topnav a.products {
	background: url(nav_products.png) no-repeat;
	width: 117px;
}
ul#topnav a.sale {
	background: url(nav_sale.png) no-repeat;
	width: 124px;
}
ul#topnav a.community {
	background: url(nav_community.png) no-repeat;
	width: 124px;
}
ul#topnav a.store {
	background: url(nav_store.png) no-repeat;
	width: 141px;
}

ul#topnav li .sub {
	position: absolute; /*--Important--*/
	top: 29px; left: 0;
	z-index: 99999;
	background:#FFFFFF;
	background-color: #f8f8f8\9; /* le  \9  est un hack pour cibler IE8, IE7 et IE6 */ 
	border-bottom: 1px solid #cbcbcb\9;
	border-left: 1px solid #cbcbcb\9;
	border-right: 1px solid #cbcbcb\9;
	
	box-shadow:0px 0px 5px #5a5a5a;
	-moz-box-shadow:0px 0px 5px #5a5a5a;
	-webkit-box-shadow:0px 0px 5px #5a5a5a;
	
	padding: 20px 20px 20px;
	float: left;
	/*--Bottom right rounded corner--*/
	border-bottom-right-radius:		    10px;
	-moz-border-radius-bottomright:     10px;
	-khtml-border-radius-bottomright:   10px;
	-webkit-border-bottom-right-radius: 10px;
	/*--Bottom left rounded corner--*/
	border-bottom-left-radius:		    10px;
	-moz-border-radius-bottomleft:      10px;
	-khtml-border-radius-bottomleft: 	10px;
	-webkit-border-bottom-left-radius:  10px;
	display: none; /*--Hidden for those with js turned off--*/
}
ul#topnav li .row { /*--If needed to break out into rows--*/
	clear: both;
	float: left;
	width: 100%;
	margin-bottom: 10px;
}
ul#topnav li .sub ul{
	list-style: none;
	margin: 0; padding: 0;
	width: 130px;
	float: left;
}
ul#topnav .sub ul li {
	width: 100%; /*--Override parent list item--*/
	color: #fff;
}
ul#topnav .sub ul li h2 { /*--Sub nav heading style--*/
	padding: 0;  margin: 0;
	font:bold 12px Arial;
}
ul#topnav .sub ul li h2 a { /*--Sub nav heading link style--*/
	padding: 5px 0;
	background-image: none;
	color: #c10707;
	text-align:left;
	font:bold 12px Arial;
}

ul#topnav .sub ul li h2 a:hover { 
	background-image: none;
	text-decoration: underline;
}
ul#topnav .sub ul li a {
	float: none;
	text-align:left;
	text-indent: 0; /*--Override text-indent from parent list item--*/
	height: auto; /*--Override height from parent list item--*/
	background: url(../navlist_arrow.png) no-repeat 0px 10px;
	padding: 7px 5px 7px 15px;
	display: block;
	text-decoration: none;
	color: #757575;
	font:11px Arial;
}
ul#topnav .sub ul li a:hover {
	color: #c50a0a;
	background: url(../navlist_arrow_hover.png) no-repeat 0px 10px;
	text-decoration: underline;
}
/*---------------------------- formulaire ------------------------------*/

.formulaire { BORDER-RIGHT: medium none; BORDER-TOP: medium none; FONT-SIZE: 11px; BORDER-LEFT: medium none; WIDTH: 100%; COLOR: #474F5B; BORDER-BOTTOM: medium none; FONT-FAMILY: Arial, Helvetica, sans-serif; background-color: #BBCAD9; }
.formulaire_bouton 
{ BORDER-RIGHT: medium none; BORDER-TOP: medium none; FONT-WEIGHT: bold; FONT-SIZE: 11px; BORDER-LEFT: medium none; WIDTH: 49%; COLOR: #474F5B; BORDER-BOTTOM: medium none; FONT-FAMILY: Arial, Helvetica, sans-serif; BACKGROUND-COLOR: #BBCAD9 }
#footer span.copy a, #footer span.copy a:hover{
	margin:0;
	padding:0;
	color: #FFFFFF;
}
div#txt-right{
	float:right;
	margin-left:5px;
	width:202px;
	margin-right: 15px;
}
div#txt-left{
	float:left;
	width:620px;
	padding-left: 15px;
}
#texte div#txt-left p{ padding-right:0; padding-left:0; }
.bor{
	border-bottom:1px dotted #FFFFFF;
	height: 1px;
}

#ref{
	display:none;
	position:absolute;
	width: 160px;
	top: 63px;
	background: #ffffff;
	border: 4px solid #ffffff;
	opacity: 0.55;
	
}

#ref a{
	height:18px;
	margin: 0 ;
	line-height: 18px;
	background: #ffffff;
	width: 120px;
	padding: 0 0 0 20px;
	color: #333333;
}
#ref a:hover{
	height:17px;
	margin: 0;
	line-height: 17px;
	border-bottom:1px dotted  #333333;
	background: #189abc;
	width: 120px;
	padding: 0 0 0 20px;
	color: #ffffff;
}

.contenu { 
	font:normal 11px Arial;
	color: #474F5B;
}

.erreur {
	background:#FCC;
	font:12px Arial;
	color:#C1282D;
	height:20px;
	line-height:20px;
	border:1px solid #C1282D;
}

/*-------------------------------------------------------------*/
.menu_children {
	width:230px;
	float:left;
}

.menu_children div.sample_attach {
  display: block;
  width:220px;
  height:20px;
  text-decoration:none;
  font:10px Arial, Helvetica, sans-serif;
  color:#006;
  float:left;
}

.menu_children a.sample_attach {
	background:#46ABE3;
	border: 1px solid #023051;
	opacity: 0.80;
	width:210px;	
	display:block;
	margin-bottom:1px;
	text-decoration:none;
	font:11px Arial;
	color:#006;
	text-align:left;
	padding-left:5px;
	line-height:11px;
	padding-top:4px;
	padding-bottom:2px;
}

.menu_children a.sample_attach:hover {
	background:#46ABE3; 
	border: 1px solid #023051;
	opacity: 1.00;
	color:#006;
}

/*----------------------------------------------*/