/****************** CSS Par Sébastien ******************/

* html p#iepara{padding-top: 1em;}
* html .suckertreemenu ul li { float: left; height: 1%; }
* html .suckertreemenu ul li a { height: 1%; }

body {background:#e3e8ee; margin:0; padding:0; font-size:12px; font-family:arial, sans-serif; color:#333; text-align:justify;}

#mentionlegales {font-size:11px;}

img {border:0;}
h1
{
	margin-left:0;
	margin-right:0;
	margin-bottom:0;
	margin-top:4px;
	padding:0;
	font-size:14px;
	font-weight:normal;
}

h2 {font-size:11px; color:#282f37; margin:0; font-style:normal;}

/* Menu du haut */
#header {width:100%; height:230px; background:url(images/headerbg.gif) #fff bottom repeat-x; margin:0; padding:0;}
#slideshow {width:760px; height:149px; position:absolute; left:50%; margin-left:-97px; top:0;}
#slideshow IMG { position:absolute; top:0; left:0; z-index:8; opacity:0.0;}
#slideshow IMG.active {z-index:10; opacity:1.0;}
#slideshow IMG.last-active {z-index:9;}

#slideLogo {width:175px; height:120px; position:absolute; left:50%; margin-left:200px; top:640px;}
#slideLogo IMG {position:absolute; top:0; left:0; z-index:8; opacity:0.0;}
#slideLogo IMG.active {z-index:10; opacity:1.0;}
#slideLogo IMG.last-active {z-index:9;}

#header .barreh {width:760px; position:absolute; left:50%; margin-left:-380px;; top:154px; z-index:2;}
#header .suckertreemenu ul{margin: 0; padding: 0; list-style-type: none;}
#header .suckertreemenu ul li{position: relative; display: inline; float: left; background-color:none; height:35px; line-height:35px; text-align:center }
#header .suckertreemenu ul li a{ display: block; width: 126px; padding: 0; border: 0; text-decoration: none; color: white; font-weight:bold;}
#header .suckertreemenu ul li ul{left: 0; position: absolute; top: 1em; display: block; visibility: hidden;}
#header .suckertreemenu ul li ul li{background-color:#0b9fb9; display: list-item; float: none; min-height:20px; height:auto; line-height:20px; text-align:center
}
#header .suckertreemenu ul li ul li ul{left: 159px; top: 0;}
#header .suckertreemenu ul li ul li a{display: block; width: 121px; color: white; text-decoration: none; padding: 0;border: 0;text-align:left; padding-left:5px;}
#header .suckertreemenu ul li a:hover{background-color:#046678; color: white;}
#header .suckertreemenu .mainfoldericon{background:none;}
#header .suckertreemenu .subfoldericon{background: #0b9fb9;}

/* Contenu des pages */
#contenu {width:960px; margin-left: auto; margin-right: auto; background:#fff; padding-bottom:20px; border-right:solid 1px #aaaeb7; border-left:solid 1px #aaaeb7; border-bottom:solid 1px #aaaeb7; z-index:1; margin-top:-40px;overflow:hidden;}

/* Menu catégories */
#categories {width:208px; border:0; padding-top:2px; padding-left:22px;}
#categories .espacead {width:210px; height:110px; background:url(images/espaceadbg.jpg) no-repeat; padding-top:40px; padding-left:10px; border:0; margin-bottom:5px;}
#categories .espacead .login {display:block; width:70px; height:22px; line-height:22px; float:left;}
#categories .espacead .liens {width:160px; display:block; text-align:right; margin-top:5px;}
#categories .espacead .liens a {color:#282f37;}
#categories .espacead .liens a:hover {text-decoration:blink; color:#FF6600;}

/* Contenu central */
#centre {width:490px; float:left; margin-left:5px; padding-left:10px; padding-right:25px;padding-top:10px;}
#centre h2 {font-size:14px; display:block; height:30px; line-height:30px;}
#centre h3 {font-size:12px; display:block; height:30px; line-height:30px;}
#centre dt {
	color:#369;
	font-size:14px;
	border-bottom:solid 1px #369;
	font-weight:bold;
	height:30px;
	line-height:30px;
	margin:0;
}
#centre dd {margin:0;}
#centre .solution {float:left; margin:0px; height:100px; width:240px;}
#centre .solution p {float:left; height:150px; width:140px;}
#centre .tableaccueil {width:490px; height:13px; border-bottom:solid 1px #ccc; border-top:solid 1px #ccc; background:#efefef; margin-top:28px; margin-bottom:0;}
#centre .tableaccueil td {padding:5px;}

#footer {width:100%; background:#e3e8ee; margin:0; padding:0; clear:both;}
#footer a {color:#666; text-decoration:underline;}
#footer .contenu {width:762px; margin-left:auto; margin-right: auto; background:#e3e8ee; height:90px; z-index:1; margin-top:0; color:#666; padding-left:0px; padding-bottom:35px; text-align:center; }

.customer-service{
	float:left;
	height:171px;
	width:230px;
	background-color:#D2E1FF;
}

.customer-service .title{
	float:left;
	margin-left:10px;
	margin-top:10px;
}

.customer-service .title .image{
	float:left;
}

.customer-service .title .text{
	float:left;
	width:130px;
	height:84px;
	background-image:url('/images/service-clients-fond-bleu.jpg');
	/*background-color:#469EFA;*/
	text-align:center;
	padding-top:10px;
}

.customer-service .title .text .first-line{
	color:#ffffff;
	font-weight:bold;
	font-size:16px;
	margin-top:6px;
}

.customer-service .title .text .second-line{
	color:#ffffff;
	font-weight:bold;
	font-size:15px;
	margin-top:10px;
}

.customer-service .information{
	float:left;
	margin-top:7px;
	margin-left:10px;
	width:205px;
	background-color:#ffffff;
	height:20px;
	line-height:20px;
	font-weight:bold;
	padding-left:5px;
	font-size:11px;
}

.customer-service .information .name{
	color:#5E5E5E;
}

.customer-service .information .value{
	color:#ff6600;
}

.customer-service .information .value a{
	color:#ff6600;
	text-decoration:none;
}

table.offre{
	border:solid 1px #777777;
	padding:0;
	border-collapse:collapse;
}

table.offre tr td{
	border:solid 1px #777777;
}

.normal{
	font-weight:normal;
}

.gras{
	font-weight:bold;
}

#centre .titre{
	font-weight:bold;
	color:#ff6600;
	font-size:15px;
}

#centre .titre a{
	text-decoration:none;
	font-size:15px;
	color:#ff6600;
}


#centre .titre img{
	margin-right:3px;
}

#centre .titre h2{
	display:inline;
	font-size:15px;
	color:#ff6600;
	text-align:left;
	font-weight:bold;
}

#centre .titre h2 strong{
	font-size:15px;
	font-weight:bold;
}

span.indicateur-champ-obligatoire{
	color:#0000ff;
	font-weight:bold;
	font-size:17px;
	margin-right:3px;
}

.captcha table, .captcha tbody, .captcha tr, .captcha td{
	margin:0;
	padding:0;
}

table.inscription{
	margin-top:10px;
	padding:0px;
	width:490px;
	color:#0077bb;
	font-weight:bold;
	font-size:11px;
	font-family:Arial;
}

table.inscription tr td{
	padding-top:6px;
}

table.inscription tr td.section{
	background-color:#0077BB;
	color:#ffffff;
	font-weight:bold;
	text-align:center;
	padding-top:3px;
	padding-bottom:3px;
	font-size:14px;
}

table.inscription tr td input,table.inscription tr td select, table.inscription tr td textarea{
	border:1px solid #0077bb;
	font-size:11px;
	font-family:Arial;
}