/* CSS Document */

#form-contact{
	width:450px;
	position:absolute;
}
#droite-contact{
	float:left;
}
#content.contact #collonneDroite{
	float:right;
	position:relative;
	width:177px;
}

#content.contact .encart{
	position:relative;
	right:auto;
	width:175px;
	border:1px solid #CCC;
}

#content.contact .encart p{
	width:170px;
	color:#666;
	font-size:11px;
	margin-left:4px;
}

#civilite, #nom, #prenom, #societe, #adresse, #code-postal, #ville, #telephone, #fax, #email, #message, #newsletter, #submit{
	clear:both;
	width:450px;
}

body, div, p, h1, h2, h3, h4 , table, tbody, tr, td, th, a, span, ul, li{
	margin:0;
	padding:0;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
body { 
	background: #818182;
	color: #ffffff;
	font-family: Arial;
	font: normal 12px arial, sans;
}
li{
	list-style:none;
}
.liste-decale{
	padding-left:15px;
}
.liste-decale li{
	list-style:none;
}
.reset-left{
	clear:left;
}
.reset-right{
	clear:right;
}

#container{
	display:block;
	position:relative;
	width:911px;
	left:50%;
	margin:128px 0 96px -455px;
}

#nav1{
	position:absolute;
	right:-9px;
	top:-40px;
	display:block;
	height:40px;
}
#nav1 li{
	display:block;
	height:40px;
	float:left;
}
#nav1 li a{
	position:relative;
	display:block;
	float:left;
	height:40px;
	overflow:hidden;
}
#nav1 li a img{
	height:80px;
	border:0;
	margin:0;
}
#nav1 li a.actif img{
	margin-top:-40px;
}
.nav2{
	position:absolute;
	right:16px;
	width:690px;
	z-index:30;
}
.nav2 a{
	display:block;
	width:690px;
	height:23px;
	border:none;
	border-top:1px solid #CCC;
	background:transparent;
	
	color:#7FA9B2;
	text-decoration:none;
	font-size:14px;
	line-height:20px;
	font-weight:bold;
	letter-spacing:-0.04em;
	
	
}
.nav2 a.actif{	
	color:#9CBE1F;
}
.nav2 a h1{
	font-size:14px;/*force le lissage des polices*/
	line-height:20px;
	font-weight:bold;
}
#top.nav2{
	top:16px;
}
#bottom.nav2{
	bottom:15px;
}

#nav3{
	position:absolute;
	right:-9px;
	bottom:-40px;
	display:block;
	height:40px;
}
* html #nav3{
	right:-10px;
}
#nav3 li{
	display:block;
	height:40px;
	float:left;
}
#nav3 li a{
	display:block;
	float:left;
	height:40px;
	overflow:hidden;
}
#nav3 li a img{
	border:0;
}
#nav3 li a.actif img{
	margin-top:-40px;
}

#content{
	position:relative;
	display:block;
	margin:0 0 0 189px;
	padding:24px 16px 16px 16px;
	width:690px;
	min-height:276px;
	
	color:#666;
	background:#FFF url(../img/content-bg.gif) no-repeat bottom right;
	font-size:11px;
	text-align:justify;
	
	z-index:20;
}
* html #content{	/*visible par ie seulement (7 et inférieure*/
	height:386px;
}
#content p{
	width:505px;
	margin:0 0 8px 0;
}
#content img, #simplemodal-container img{
	padding:3px;
	border:1px solid #CCC;
	background:#FFF;
}
#content img.shadow{
	background:transparent;
}

#content li{
	list-style: disc outside url(../img/content-puce.gif);
	margin:11px 0 0 16px;
	width:489px;
}
#content h2{
	font-size:12px;
	font-weight:bold;
	margin:8px 0 4px 0;

}
#content a{
	color:#7fa9b2;
}
#content h2 a{
	font-weight:bold;
	color:#666;
	text-decoration:none;
	border-bottom:2px solid #666;
}
#content h2 a:hover{
	font-weight:bold;
	color:#9CBE1F;
	text-decoration:none;
	border-bottom:2px solid #9CBE1F;
}
#content h2 .aselection{
	font-weight:bold;
	color:#9CBE1F;
	text-decoration:none;
	border-bottom:2px solid #9CBE1F;
}
#content .encart{
	
}
#content .encart a{
	color:#666;
}
#content a.visuel, #content a.encart{
	display:block;
}
#content .encart{
	position:absolute;
	right:16px;
	background:#FFF
}
#content .encart h2{
	margin:0;
	padding:8px 0 0 0;
	height:22px;
	background:#F5F5F5;
	text-align:center;
	color:#9CBE1F;
	font-size:12px;
	width:175px;
	font-weight:bold;
	letter-spacing:-0.03em;
}
#content .encart ul{
	margin:0 3px 3px 3px;
}
#content .encart ul li{
	width:auto;
}
#content .encart h3{
	font-size:10px;
	font-weight:bold;
}
#content .encart span{
	font-size:11px;
	font-weight:bold;
	color:#7FA9B2;
}
#content .note{
	font-size:10px;
}
#content #large.encart h3{
	font-size:11px;
}v
#content #large.encart p.note{
	text-align:right;
	width:auto;
	padding:46px 8px 0 0;
}
*+html #content #large.encart p.note{	
	padding:20px 8px 0 0;
}
#content .modal-content h2{	
	color:#7FA9B2;
	text-decoration:none;
	font-size:14px;
	line-height:20px;
}
#content .modal-content table{
	/*border-collapse: collapse;*/
	margin-top:16px;
	padding:3px;
	border:1px solid #CCC;
}
#content .modal-content table td{
	text-align:center;
	padding:0 4px;
}
#content .modal-content table th{
	background:#999;
	color:#FFF;
	padding:0 8px;
	height:18px;
}
#content .modal-content table th.first{
	text-align:right;
}
#content.index #pikame, #content.index .pika_caption, #content.index .pika_navigation{
	/*display:none;*/
	position:absolute;
	height:0;
	padding:0;
	margin:0;
}
#content.index{
	padding:16px;
	background:#FFF;
}
#content.index li{
	list-style-type:none;
	padding:0;
	margin:0;
	border:none;
}
#content.index li img{
	padding:0;
	margin:0;
	border:none;
}
#content.index .pika_main{
	width:690px;
	height:386px;
}
#content.index .pika_subdiv a{
	display:block;
}
#content.index .pika_subdiv img{
	border:none;
	padding:0;
	height:auto;
	width:auto;
}
#content.implantation{min-height:275px}
* html #content{height:275px;}
#content.implantation .note{
	position:absolute;
	width:505px;
	left:16px;
	bottom:96px;
	margin:32px 0 0 0;
}
#content.implantation a.visuel{
	float:right;
}
#content.implantation a.encart{
	bottom:96px;
}

#zoneFlashCarte {
	padding-bottom:96px;
}

#content.site{
	padding-bottom:1px; /*bug ie6 */
}
#content.site p{
	width:312px;
	float:right;
	margin:8px 0 0 0;
}
#content.site ul li{
	list-style:none outside none;
	margin:8px 0 0 0;
	width:295px;
}
#content.site ul li img{
	float:left;
	padding:0;
	border:none;
}
#content.site ul li h2, #content.site ul li p{
	margin:0 0 0 61px;
	float:none;
}
*+html #content.site ul li p{/*ie7*/
	margin:-24px 0 0 61px;
}
* html #content.site ul li p{/*ie6*/
	margin:-24px 0 0 61px;
}
#content.site a.encart{
	bottom:72px;
}
#content.services a.visuel{
	float:right;
}
#content.services a.encart{
	bottom:48px;
}
#content.architecture #collonneDroite{
	float:right;
	position:relative;
	width:177px;
}
#content.architecture a.visuel{
	margin:0 0 8px 0;
}
#content.architecture .encart{
	position:relative;
	right:auto;
	width:175px;
	color:#666;
	font-size:11px;
	border:1px solid #CCC;
}

#content.organisation{
	padding-bottom:1px; /*bug ie6 */
}
#content.organisation p {
	width:auto;
	margin-bottom:24px;
}
#content.organisation #plan-interactif{
	padding:3px;
	margin:0 0 8px 0;
	width:682px;
	height:254px;
	border:1px solid #CCC;
	background:#FFF url(../img/plan-interactif-bg.jpg) no-repeat center center;
}
#content.organisation #plan-interactif .note{
	color:#FFF;
	margin:4px;
}
#content.organisation .encart{
	bottom:96px;
	width:175px;
	color:#666;
	font-size:11px;
	border:1px solid #CCC;
	margin:0 0 8px 0;
}
#content.organisation #large.encart{
	position:relative;
	bottom:0;
	width:505px;
	height:	167px;
	right:0;
	left:0;
	border:1px solid #CCC;
}
#content.organisation #large.encart ul li{
	list-style:none;
	float:left;
	margin:10px 24px 0 24px;
}
#content.organisation #large.encart h2{
	padding-left:8px;
	width:497px;
	font-size:18px;
	text-align:left;
	height:34px;	
}
#content.organisation #large.encart p{
	bottom:0;
	display:inline;
	position:absolute;
	right:8px;
	text-align:right;
}
#content.organisation #large.encart span{
	display:block;	
	font-size:24px;
}
#content.organisation #tarifs.encart{
	position:relative;
	right:auto;
	bottom:auto;
	float:right;
}
#content.priorite a.visuel{
	float:right;
}
#content.priorite .encart{
	bottom:48px;
	width:175px;
	color:#666;
	font-size:11px;
	border:1px solid #CCC;
}

#content.fonctionnalites #collonneDroite{
	float:right;
	position:relative;
	width:177px;
}
#content.fonctionnalites a.visuel{
	margin:0 0 8px 0;
}
#content.fonctionnalites .encart{
	position:relative;
	right:auto;
	width:175px;
	color:#666;
	font-size:11px;
	border:1px solid #CCC;
}

#content.performances a.visuel{
	float:right;
}

#content.agir a.visuel{
	float:right;
}

#content.descriptif p{
	margin:8px 0 0 0;
	font-weight:bold;
}

#content.descriptif #collonneDroite{
	float:right;
	position:relative;
	width:177px;
}
#content.descriptif a.visuel{
	margin:0 0 8px 0;
}
#content.descriptif .encart{
	position:relative;
	right:auto;
	width:175px;
	color:#666;
	font-size:11px;
	border:1px solid #CCC;
}

#content.contact span.label{
	margin:12px 0 0 0;
	float:left;
	text-align:left;
}
* html #content.contact span.label{/*ie6*/
	left:-237px;
}
#content.contact span.error{
	margin:0 0 0 12px;
	color:#FF7575;
	display:block;
}

#content.contact input.radio {
	display:inline;
	height:16px;
}
#content.contact input, #content.contact textarea{
	margin:12px 0 0 12px;
	
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
}
#content.contact input.text{
	border:1px solid #CCC;
	height:16px;
	width:220px;
	float:right;
}
#content.contact textarea{
	border:1px solid #CCC;
	width:220px;
	height:160px;
	overflow:hidden;
	float:right;
}	
#content.contact input.submit{
	border:none;
	width:272px;
	height:18px;
	color:#FFF;
	background:#999;
	width:left;
}

.contact-legal {
  font-size:10px;
  margin-left:12px;
  width:500px;
  padding-top:15px;
  clear:both;
}
/* hack ie7 */
*+html .contact-legal{
	padding-top:0px;
}

.logo {
  float:right;
}

#stripe{
	position:absolute;
	top:0;
	left:0;
	height:424px;
	padding:0;
	width:189px;
	
	background:url(../img/stripe-bg.gif) no-repeat top right;	
}
#stripe a, #stripe img{
	display:block;
}
#stripe a img{
	border:none;
}
#stripe #address{
	display:block;
	position:absolute;	
	bottom:0;
	
}
#footer{
	display:block;
	position:absolute;
	right:0;
	bottom:-128px;
	height:68px;
}
#footer li{
	display:inline;
	margin:0;
}
#footer li a{
	color:#FFF;
	font-size:11px;
	font-family:"Trebuchet MS";
	text-decoration:none;
}
#footer li a img{
	border:none;
}
#footer li a.verticalAlign img{
	vertical-align:middle;
}
/*Galery pikaChoose*/
ul#pikame{
	padding-left:0;
	width:682px;
	margin:0 auto;
}
.pika_main{
	position: relative;
	width:682px;
	margin:0 auto;
}
#pikame li{
	margin:4px;
	padding:0;
	display: inline;
}
ul#pikame {text-align:center}
ul#pikame li img{position:relative;cursor:pointer; padding:0;}
ul#pikame li span{display:none;}
.pika_main img{height:274px; width:auto;}
.pika_subdiv {text-align:center;}
.pikachoose li{float:left;position:relative;overflow:hidden;list-style:none;}
.pika_play{position:absolute;top:10px;right:20px;z-index:1;}
.pika_play a{position:relative;margin-left:auto;cursor:pointer;}
.pika_play img{border:none !important;}
.pika_caption{width:100%;height:30px;text-align:center;}
#content .pika_navigation a img{
	border:none;
	cursor:pointer;
}
.pika_navigation{padding-top:10px;clear:both;text-align:center;}


#content img.shadow{
	border:none;
	padding:0;
	margin:0;
	position:absolute;
}
#pikaAccueil li img,#pikame li img{
  behavior:none;
}

/* style de simplemodal */
#simplemodal-overlay {background-color:#000; cursor:wait;}

#simplemodal-container {
	width:690px;
	padding:16px;
	background-color:#fff;
}
#simplemodal-container a.modalCloseImg {
	background:url(../img/content-puce.gif) no-repeat left;
	display:inline;
	text-align:right;
	z-index:3200;
	position:absolute;
	padding:0 0 0 12px;
	top:4px;
	right:16px;
	
	font-size:10px;
	color:#999999;
	
	cursor:pointer;
}
#simplemodal-container #basicModalContent {padding:16px;}
#simplemodal-container h2{	
	color:#7FA9B2;
	text-decoration:none;
	font-weight:bold;
	font-size:14px;
	line-height:20px;
	margin:0 0 8px 0;
}
#simplemodal-container table{
	/*border-collapse: collapse;*/
	margin-top:16px;
	padding:3px;
	border:1px solid #CCC;
	font-size:11px;
}
#simplemodal-container table td{
	color:#666;
	text-align:center;
	padding:0 4px;
	border : 1px solid #CCCCCC;
}
#simplemodal-container table th{
	background:#999;
	color:#FFF;
	padding:0 8px;
	height:18px;
}
#simplemodal-container table th.first{
	text-align:right;
}
#simplemodal-container p{
	margin:16px 0;
	text-align:center;
	color:#666;
	font-size:11px;
}
/*style infobulles*/
.infoBulle-previsualisation{
	z-index:30;
}
.infoBulle-previsualisation img{
	padding:3px;
	width:175px;
	border:1px solid #CCC;
	background:#FFF;
	z-index:30;
}

/*style pour l'affichage des png sous ie6*/
img{
	behavior: url(theme/css/iepngfix.htc);
}

/* feuille de style pour l'affichage */
@media print{
	body {
		background:#FFF;
	}
	#nav1, #nav3, #footer, .shadow {display:none}
	#stripe{
		background:none;
	}
	.nav2 a{
		display:none;
	}
	.nav2 h1 a{
		display:block;
	}
	#stripe a{
		height:98px;
		width:174px;
		background:url(../img/print-logo.gif)
	}
	#stripe a img{
		display:none;
	}
}

/* feuille de style pour l'impression */
@media screen{
}