/* CSS Document */

*{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin:0;padding:0;
	list-style:none;
	text-decoration:none;
	border:none;
	font-size:12px;
}
html{
	background:#134C55 url(../fond/html.gif) repeat-x top left;
	text-align:center;
}
html.rubrique{
	background:#FFF url(../fond/html2.gif) repeat-x top left;}



body{


	width:998px;
	margin:50px auto 10px;
	overflow-x:hidden;
}
#centre{
	background:url(../fond/body.png) no-repeat top center;
	height:751px;
	width:998px;
	margin:0 -27px;
	position:relative;
	padding:26px;
	text-align:left;
}

.rubrique body{
	background:url(../fond/body2.png) no-repeat top center;}

/* formulaire d'identification */

#formident{
	position:absolute;
	background:url(../fond/espaceclient.png) no-repeat bottom right;
	width:966px;
	padding:4px 16px 12px;
	
	top:-50px;
	text-align:right;
	}
	
#formident h2{
	color:#166E6D;
	display:inline;
	vertical-align:middle;
}
#formident .mtext{
	height:18px;
	background:#FFF;
	border:1px solid #D0DEC4;
	width:112px;
}

#formident .check{
	position:absolute;
	margin:0 0 0 -15px;
}

/* logo */

#logo{
position:absolute;
z-index:10;
margin:-42px 30px 0;
}
#logo span{display:none}

/* suite d'animation */

#slideshow{
	display:block;
	position:relative;
	margin:0 26px 0;
	/*height:406px;*/
	width:939px;
	border:1px solid #D1DEC6;
	padding:3px;
	/*border-bottom:none;*/
}
#slideshow div.cache{
	overflow:hidden;
	position:relative;
	height:376px;
	width:939px;
}

#slideshow.band div.cache{
	height:90px !important;

}

#slideshow .elementSlide{
	height:376px;
	width:939px;

}



#slideshow div.cache ul{
	position:relative;
display:block;
	height:376px;
	width:5634px;
}


#slideshow div.cache li{
	overflow:hidden;
	float:left;
	display:block;
	height:376px;
	width:939px;
}

#slideshow .prev,#slideshow .suiv{
display:block;
position:absolute;
z-index:100;
top:245px;

	
}

#slideshow .prev{left:-15px;}
#slideshow .suiv{right:-15px;}

#slideshow ul.menu{
	overflow:hidden;
	background:url(../element/menu.png) repeat-x top left;
	height:61px;
	width:939px;
}

#slideshow ul.menu li{
	cursor:pointer;	
	display:block;
	height:61px;
	float:left;
}
#slideshow ul.menu li.sel{	
	z-index:10;
	position:relative;
	margin-right:-3px;
	}


.rub #sousmenu ul{background:#94AEBD;}


#slideshow ul.menu li.sel#m1,#slideshow #anim1{background:#4B772D;}
#slideshow.band ul.menu li.sel#m1,#slideshow.band #anim1,.rub1 #sousmenu ul{background:#558031;}



#slideshow ul.menu li.sel#m2,#slideshow #anim2{	background:#8AA2B1}
#slideshow.band ul.menu li.sel#m2,#slideshow.band #anim2,.rub2 #sousmenu ul{background:#94AEBD;}


#slideshow ul.menu li.sel#m3,#slideshow #anim3{	background:#3D96A1;}
#slideshow.band ul.menu li.sel#m3,#slideshow.band #anim3,.rub3 #sousmenu ul{background:#5BB3BD;}

#slideshow ul.menu li.sel#m4,#slideshow #anim4{	background:#5A749F;}
#slideshow.band ul.menu li.sel#m4,#slideshow.band #anim4,.rub4 #sousmenu ul{	background:#88A1CA;}

#slideshow ul.menu li.sel#m5,#slideshow #anim5{	background:#835E8F}
#slideshow.band ul.menu li.sel#m5,#slideshow.band #anim5,.rub5 #sousmenu ul{	background:#835E8F;}


#slideshow ul.menu a{
	display:block;
	height:34px;
	padding:17px 5px 10px;
	color:#D1DEC6;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	background:url(../element/separateur.gif) left 3px no-repeat;
}
#slideshow #m1 a{
	background:none;
	}


#slideshow ul.menu .sel a{

	color:#FFF;
	background-image:none !important
}	
#slideshow ul.menu li span{
	text-transform:uppercase;
	

}
#slideshow ul.menu small{
	display:block;
	float:left;
	clear:right;
	font-size:11px;
	line-height:12px;
	white-space:nowrap;

}
#slideshow ul.menu em{
	display:block;
	font-size:30px;
	line-height:28px;
	margin:0 2px 0 0;
	float:left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	
	font-style:normal;
	white-space:nowrap;
	float:left;
}
#slideshow ul.menu li strong{
display:block;
	font-size:14px;
	line-height:12px;

}

#sousmenu ul{padding:0 0 8px}
#sousmenu ul li{
	margin:0;
	display:block;
	list-style:none;
	padding:4px 4px 0;
}

#sousmenu ul li a{
	color:#000;
	font-size:13px;
	font-weight:bold;
	padding:8px 0 4px 4px;
	display:block;
	border-top:1px solid #C9C9C9;
	text-decoration:none;
}
#sousmenu ul li a:hover{

	color:#FF0;

}

#sousmenu ul li#sm1 a{
	border-top:none;

}

#sousmenu ul li.sel a{
	color:#FFF;
}
#contenuhome{
display:block;
clear:both;
	padding:14px 26px 0;
}

#galerie ul{
	background:#F7F9F9 url(../fond/fondencart.jpg) repeat-x top left;
	padding:0;
	margin:0;}
#galerie ul li{
	display:block;
	list-style:none;
	padding: 8px;
	overflow:hidden;
	margin:0;

}

#galerie{
	margin-bottom:10px;
}
#galerie ul li img{
	width:100%;
	
	
}


.fichetemoignage{
	position:absolute;
	z-index:auto;
	background:#FFF;
}

#colorbox .questionnaire{
	display:block;height:380px;overflow:auto
}


.encart{
	float:left;
	border:1px solid #D1DEC6;
	padding:3px;
}

.encart .bord{
	padding:12px;
	background:#F7F9F9 url(../fond/fondencart.jpg) repeat-x top left;}

#sousmenu,#gallerie,#contact2{
	margin:0 10px 10px 0;
	width:320px;}
	
			#colorbox{
				text-align:left;
			}
	
	
		#colorbox .coordonnee{height:130px;
		
	background:#F7F9F9 url(../fond/fondencart.jpg) repeat-x top left;
		
		margin:4px;
padding:0 0 4px;}

#colorbox .coordonnee h2{
	text-transform:uppercase;
	margin:0;
	padding:5px 8px;
	font-size:18px;
	color:#FFFFFF;
	


}
#colorbox .coordonnee p{
	clear:both;
	padding:0 8px 2px;
}

#colorbox .coordonnee p span{
	display:block;
	float:left;
	width:150px;
}
#colorbox .coordonnee p strong{
	font-size:11px;
}	

#texte{
	float:right;
	overflow:auto;
}
#texte .centre{
	background-color:#F7F7F7; 

}

.rub #texte .centre{
	background:#f7f7f7 url(../fond/fondsolution.jpg) repeat-x top left;

}


.rub1 #texte .centre{
	background:#F7F7F7 url(../fond/fondconcept.jpg) repeat-x top left;
}

.rub2 #texte .centre{
	background:#F7F7F7 url(../fond/fondsolution.jpg) repeat-x top left;
}
.rub3 #texte .centre{
	background:#F7F7F7 url(../fond/fondportail.jpg) repeat-x top left;
}
.rub4 #texte .centre{
	background:#F7F7F7 url(../fond/fondsinfogerance.jpg) repeat-x top left;
}

.rub5 #texte .centre{
	background:#F7F7F7 url(../fond/fondaccompagnement.jpg) repeat-x top left;
}

#impress{
	
	display:block;
	height:32px;
	margin:2px 5px;
	font-size:10px;
	line-height:11px;
	color:black;
	width:50px;
	text-align:right;
	position:relative;
	float:right;
	color:#555;
	background:url(../fond/printer.png) no-repeat right top;
	padding:5px 35px 0 0 ;
}

a#impress:hover{
	color:#000;
}

#intro{
	margin-right:10px;
	width:320px;}
	
	#intro .bord{height:203px;}
	
	
#intro h1{
	font-size:12px;
	padding:0;
color:#0D343A;
font-weight:bold;
text-transform:uppercase;
	margin-bottom:8px;


}	
	
#intro p{
	font-size:11px;
	line-height:13px;
	padding:0 0 5px;
	
}

	
#actu{width:294px;
	margin-right:10px;}
	
	#actu .bord{height:163px;}
	
	
#contact{width:285px;}



	#contact .bord{	padding:6px 6px 0;height:138px;}


#pied{width:597px;
	margin-top:10px;}
	
	.rubrique #pied{
		margin-bottom:10px;
	}
	
	#pied .bord{	height:14px;background-position:bottom;padding:3px;}


 #actu h1{
text-transform:uppercase;
color:#0D343A;
	color:#000000;

}
#actu h1 strong{
	display:block;
	font-size:17px;
}


#actu h2{
	color:#375155;
	text-transform:uppercase;
	font-size:14px;
	padding:0;
	line-height:16px;
	margin:0 0 20px;

}


 #actu .vignette{
	float:left;
	margin:5px 5px 0 -12px;
}

#contact .illuscontact{
	float:right;
	margin:-6px -6px 0 -30px ;
}

 .contactbout{
	display:block;
	color:#FFF !important;
	height:31px;
	font-size:13px;
	text-align:right;
	font-weight:bold;
	text-transform:uppercase;
	padding:13px 42px 0 0;
	background:url(../fond/contact.png) top right no-repeat;
}


#contact h2,#contact2 h2{
	margin-bottom:5px;
	
}
#contact2 h2{
	padding:0 !important;
}

#intro p{
	font-size:11px;
	line-height:13px;
	padding:0 0 5px;
	
}

#contact p,#contact p *{
	font-size:11px;
	
}

#contact2 p{
	padding:4px 0 !important;
}
#contact p a{color:#000000;font-weight:bold;}


 #pied p,#pied p *{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#626262;
	margin-bottom:0;
	padding:0;
	
}

#formlisterep{
height:173px;
background:url(../fond/temoignage.gif) repeat-x top;

}
#formlisterep img{
	float:left;
}
#contenu #formlisterep h2{
	text-decoration:none;
	display:block;
	font-size:18px;
	padding:32px 0 7px 150px;
}

#formlisterep h2 small{
	font-size:10px;
}

#formlisterep .temoignages{
	float:left;
	width:580px;
}
#formlisterep  p.temoignage{
	display:block;
	font-size:11px;
	font-weight:normal;
	width:165px;
	height:95px;
	margin:0 4px 0 0;
	float:left;
	border:1px dotted #FFF;
}

#formlisterep   p.temoignage a:hover{
	color:#000;
}

#formlisterep   p.temoignage em{
	font-size:11px;
	display:block;
	margin-bottom:2px;

	font-weight:normal;
	
	}
.contienttemoignage{
	display:none;
}

#formlisterep   p.temoignage strong{
	font-size:10px;
	text-align:right;
	display:block;

}

#formlisterep   p.temoignage small{

	font-size:10px;
	text-align:right;
	font-weight:normal;
	display:block;
}


/* formulaire */

#formulairepage fieldset{
	width:600px;
	margin:10px;
	padding:5px 5px 10px;
	border:1px solid #D1DEC6;
}

#formulairepage fieldset legend{
color:#124750;
font-weight:bold;
font-size:14px;
}

#formulairepage label{
	display:block;
	padding:2px 0;
	clear:both;
}
#formulairepage label strong{
	width:120px;
	
	text-align:right;
	display:block;float:left;
	
}


#formulairepage label strong.line{
	margin:10px 120px 2px 120px;
	width:auto;
	text-align:left;
	

}

#formulairepage .ctext,#formulairepage .email,#formulairepage select,#formulairepage textarea{
	border:1px solid #124750;
	width:350px;
	margin:0 5px;
}

#formulairepage textarea{
	margin-left:120px;
}

#formulairepage .facultatif{
	display:block;
	float:right;
	width:90px;
	line-height:11px;
	font-size:10px;
}
#formulairepage .submit{	border:1px solid #124750;
	height:30px;
	width:352px;
	font-weight:bold;
	background:#CCC;
	cursor:pointer;
	margin:0 5px 0 120px;
color:#124750;

}
#formulairepage .submit:hover{
color:#CCC;
	background:#124750;

}

#pied p span a{text-decoration:underline}
#contenu #texte .arianes{

	padding-top:15px;
}
.arianes img{
	vertical-align:top;
	margin-top:0px;
	

}

.spacer{display:block; clear:both;}