/* ---------------------------------------------------------------------------------- form du Body HTML */


body {
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	background:#FFC219 url(images/bgbody.jpg) repeat-x;
}

a {
	color:#000;
	text-decoration:underline;
	}
a:hover {
	color:#D54A4A;
}
input {
	padding:2px;
	margin:4px;
	border:1px solid #ccc;
	font-size:11px;
	background:#FFDF19 url(images/bg_forme.gif) repeat-x;
	
}
select {
	padding:2px 0 2px 0;
	margin:4px 0 4px 0 ;
	border:1px solid #ccc; 
	font-size:11px;
	background-color:#FFE68C;
}
radio {
	padding:0;
	margin:0;
}
textearea {
}
form {
	padding:0;
	margin:5px 0 0 0;
}
form li span{
	padding:0;
	margin:0;
	display:block;
	width:100px;
	height:20px;
	float:left;
	font-size:11px;
	color:#000;
}

/* -------------------------------------------------------------------------------------------- Class */
.noir {color:#000;}
.noir16px {color:#000;font-size:16px;}
.noirbold {color:#000;font-weight:bold;}
.noirbold12px {color:#000;font-weight:bold;font-size:12px;}
.rouge {color:#D13737; font-size:16px;}
.clear {clear:both;}
.NomError{border:1px dotted #CC0000; background-color:#fff;}
.EmailError {border:1px dotted #CC0000; background-color:#fff;}
.cadre_error {padding:4px;margin:4px;border:1px dotted #CC0000; width:300px; height:110px;font-size:11px; font-family:Arial, Helvetica, sans-serif;}
.cadre_label {padding:2px;margin:4px;border:1px solid #ccc; width:300px; height:110px; font-size:11px; font-family:Arial, Helvetica, sans-serif;background:#FFDF19 url(images/bg_forme.gif) repeat-x; }

.text_error { font-size:11px; font-weight:normal; color:#CC0000;}
.text_errorbold { font-size:11px; font-weight:bold; color:#CC0000; width:450px;}
.NomOk 	{border:1px dotted #green;}
.EmailOk {border:1px dotted #green;}
.BT {padding:0 5px 0 5px; margin:0; width:100px; font-size:11px; font-weight:bold; background-color:#FFCC00;}

.link {padding:0 0 0 10px;margin:0;font-size:11px; font-weight:bold; background:transparent url(images/pictotelechargerpresse.png) no-repeat 0 4px;}
.imgfloatL {float:left;padding:0; margin:0 0 20px 0; border:1px solid #000;}
.imgfloatR {float:right;padding:0; margin:0 0 20px 0; border:1px solid #000;}
ul.puce li {margin:0;padding:2px 0 2px 14px;width:auto;background:transparent url(images/puceli.png) no-repeat 0 4px;}
h2.puceh2 {margin:0;padding:2px 0 2px 14px;width:auto;background:transparent url(images/puceli.png) no-repeat 0 2px;}
h2.puceh2Clear {clear:both;margin:0;padding:2px 0 2px 14px;width:auto;background:transparent url(images/puceli.png) no-repeat 0 2px;}
h2.puceh2Clear a {color:#D54A4A;}h2.puceh2Clear a:hover {color:#000;}




/* ------------------------------------------------------------------------- Form du conteneur global */
#conteneur {
	position:absolute;
	padding:0;
	left:50%;
	width:950px;
	height:auto;
	min-height:600px;
    margin-left: -476px;  /*moitié de la largeur */
	background:transparent url(images/bgcontenu.jpg) repeat-y;
}

#header {
	margin:0;
	padding:0;
	width:950px;
	height:224px;
	background:transparent url(images/bgheader.jpg) no-repeat -155px 0;
}

#contenu {
	margin:0;
	padding:25px 60px 20px 62px;
	*padding:25px 60px 20px 60px;
	-padding:25px 60px 20px 60px;
	width:830px;
	height:auto;
	min-height:420px;
	background:transparent url(images/contenuBackGround.png) no-repeat bottom center;
}
#contenu a{
	text-decoration:none;
}

#contenu  h1{
	margin:0 0 10px 0;
	padding:0;
	width:410px;
	font-size:24px;
	font-weight:bold;
	color:#D13737;
	border-bottom:1px solid #000;

}
#contenu  h2{
	margin:0;
	padding:0 0 4px 14px;
	font-size:14px;
	font-weight:bold;
	color:#000;

}
#contenu  p{
	margin:0;
	padding:0 0 10px 0;
	width:410px;
	font-size:14px;
	text-align:justify;
	line-height:1.3em;
}
#contenu  ul{
	margin:0;
	padding:0 0 10px 0;
	width:auto;
	font-size:14px;
	line-height:1.3em;
	list-style-type:none;
}
#diaposwf {
	float:right;
	padding:0;
	margin:0;
	width:360px; 
	height:200px; 
	border:1px solid #000;
	background:transparent url(images/prelaodswf.png) no-repeat;
	/*background:#F0F0F0 url(images/ajax-loading.gif) no-repeat center;*/
	
}


/* ----------------------------------------------------------------------- Accueil*/
#diapo_accueil {
	margin:0;
	padding:0;
	width:817px;
	height:200px;
}
/**************************************************************************************/
#annonce_actu {
	float:right;
	margin:0 -30px 0 0 ;
	padding:20px 0 0 0;
	width:432px;
	height:262px;
	background:transparent url(images/actu/AnnonceActu_bg.jpg) no-repeat;
	font-family:Arial, Helvetica, sans-serif;
}
span.date {
	float:left;
	margin:0;
	padding:15px 0 0 0;
	font-size:10px;
	color:#666666;
	width:200px;
}
#annonce_actu h1  {
	float:left;
	margin:0;
	padding:5px 0 0 0;
	font-size:11px;
	text-transform:uppercase;
	color:#D00000;
	width:200px;
	border:none;
}
#annonce_actu p {
	float:left;
	margin:0;
	padding:5px 0 0 0;
	font-size:11px;
	color:#000;
	width:200px;
	text-align:left;
}
.img_actu {
	margin:0 20px 0 20px;
	padding:0;
	float:left;
}
#seeyou  {
	margin:0;
	padding:5px 0 0 0;
	float:left;
}


#vignette1 {float:left;padding:0; margin:0; margin:0;width:81px; height:102px;}
#vignette1 img {padding:0; margin:0; border:1px solid #000;}
#vignette2 {float:left; padding:84px 0 0 42px; margin:0; width:81px; height:102px;}
#vignette2 img {padding:0; margin:0; border:1px solid #000;}
#vignette3 {float:left; padding:0 0 0 42px; margin:0; width:81px; height:102px;}
#vignette3 img {padding:0; margin:0; border:1px solid #000;}
#vignette4 {float:left; padding:104px 0 0 42px; *padding:104px 0 0 42px; margin:0; width:81px; height:102px;}
#vignette4 img {padding:0; margin:0; border:1px solid #000;}
#vignette5 {float:left; padding:75px 0 0 42px; *padding:75px 0 0 42px;  margin:0; width:81px; height:102px;}
#vignette5 img {padding:0; margin:0; border:1px solid #000;}
#vignette6 {float:left; padding:104px 0 0 42px; *padding:104px 0 0 42px; margin:0; width:81px; height:102px;}
#vignette6 img {padding:0; margin:0; border:1px solid #000;}
#vignette7 {float:left; padding:75px 0 0 42px; *padding:75px 0 0 42px; margin:0; width:81px; height:102px;}
#vignette7 img {padding:0; margin:0; border:1px solid #000;}

a.linkvign {
	position:relative;
	display:block;
	margin:5px 0 0 0;
	padding-top:2px;
	padding-bottom:2px;
	width:81px;
	height:auto;
	font-size:11px;
	text-align:center;
	text-decoration:none;
	background-color:#fff;
	border:1px solid #000;
	font-weight:bold;
}
a.linkvign span {
	display:none;
}
a.linkvign:hover {
	background:none;
	background-color:#fff;
	z-index:500;
	cursor:pointer;
}

a.linkvign:hover span {
	display:inline;
	position:absolute;
	margin:0;
	padding:0;
	z-index:500;
	top:-10.5em; /*top:-10.5em left:-1.4em;*/
	left:-1.4em;
	width:110px;
	height:110px;
	background:#F0F0F0 url(images/ajax-loading.gif) no-repeat center;

}


/* ------------------------------------------------------------- Conception */
div#floatright { 
	float:right;
	padding:0; 
	margin:0; 
	width:530px;
}
div#floatright p { 
	padding:0 0 10px 0;
	margin:0; 
	width:530px;
	font-size:14px;
	text-align:justify;
	line-height:1.3em;
}
p#pconcept {width:250px; height:130px;}
.imgfloatR {float:right;padding:0; margin:-180px 0 20px 28px; border:1px solid #000; }


/* ------------------------------------------------------------- Realisations */
#vignetteR1 {float:left;padding:0; margin:0; width:81px; height:102px;}
#vignetteR1 img {padding:0; margin:0; border:1px solid #000;}
#vignetteR2 {float:left; padding:0; margin:64px 0 0 43px; width:81px; height:102px;}
#vignetteR2 img {padding:0; margin:0; border:1px solid #000;}
#vignetteR3 {float:left; padding:0; margin:-30px 0 0 44px; width:81px; height:102px;}
#vignetteR3 img {padding:0; margin:0; border:1px solid #000;}
#vignetteR4 {float:left; padding:0; margin:70px 0 0 44px; width:81px; height:102px;}
#vignetteR4 img {padding:0; margin:0; border:1px solid #000;}
#vignetteR5 {float:left; padding:0; margin:10px 0 0 43px; width:81px; height:102px;}
#vignetteR5 img {padding:0; margin:0; border:1px solid #000;}
#vignetteR6{float:left; padding:0; margin:70px 0 0 44px; width:81px; height:102px;}
#vignetteR6 img {padding:0; margin:0; border:1px solid #000;}
#vignetteR7{float:left; padding:0; margin:10px 0 0 43px; width:81px; height:102px;}
#vignetteR7 img {padding:0; margin:0; border:1px solid #000;}

/* --------------------Show Hide Realisations */
#imgR1 {position:absolute;visibility:hidden; top:419px; left:47px; width:110px; height:110px; border:1px solid #000; background:#F0F0F0 url(images/ajax-loading.gif) no-repeat center; }
#imgR2 {position:absolute;visibility:hidden; top:483px; left:170px; width:110px; height:110px; border:1px solid #000; background:#F0F0F0 url(images/ajax-loading.gif) no-repeat center; }
#imgR3 {position:absolute;visibility:hidden; top:389px; left:293px; width:110px; height:110px; border:1px solid #000; background:#F0F0F0 url(images/ajax-loading.gif) no-repeat center; }
#imgR4 {position:absolute;visibility:hidden; top:489px; left:420px; width:110px; height:110px; border:1px solid #000; background:#F0F0F0 url(images/ajax-loading.gif) no-repeat center; }
#imgR5 {position:absolute;visibility:hidden; top:433px; left:544px; width:110px; height:110px; border:1px solid #000; background:#F0F0F0 url(images/ajax-loading.gif) no-repeat center; }
#imgR6 {position:absolute;visibility:hidden; top:493px; left:668px; width:110px; height:110px; border:1px solid #000; background:#F0F0F0 url(images/ajax-loading.gif) no-repeat center; }
#imgR7 {position:absolute;visibility:hidden; top:433px; left:790px; width:110px; height:110px; border:1px solid #000; background:#F0F0F0 url(images/ajax-loading.gif) no-repeat center; }


.linkrea {display:block;margin:5px 0 0 0;padding-top:2px;padding-bottom:2px;width:80px;height:auto;font-size:11px;text-align:center;text-decoration:none;background-color:#fff;border:1px solid #000;cursor:pointer;
	/*background:transparent url(images/linkvign.png) no-repeat;*/
}


/* ------------------------------------------------------------ Entretiens */
div#centpourcent { 
	padding:0; 
	margin:0; 
	width:830px;
}
div#centpourcent p{ 
	padding:0 0 10px 0;
	margin:0; 
	width:auto;
	font-size:14px;
	text-align:justify;
	line-height:1.3em;
}
div#centpourcent em{ 
	padding:0 0 10px 0;
	margin:0; 
	font-size:14px;
	width:auto;
}
div#centpourcent h4{ 
	padding:0 0;
	margin:0; 
	font-size:14px;
	width:auto;
}
h2#puceAnnuel {
	margin:0;
	padding:8px 0 4px 24px;
	font-size:14px;
	font-weight:bold;
	color:#000;
	height:13px;
	background:transparent url(images/pucesoc.png) no-repeat;
}
h2#puceEntretien {
	margin:0;
	padding:8px 0 4px 24px;
	font-size:14px;
	font-weight:bold;
	color:#000;
	height:13px;
	background:transparent url(images/pucesoc.png) no-repeat;
}
.vignentre {
	padding:0;
	margin:10px 0 20px 33px; 
	border:1px solid #000;

}
.vignentrefirst {
	padding:0;
	margin:10px 0 20px 0; 
	border:1px solid #000;

}
/* --------------------------------------------------------------------- Société */
#contenuSoc {
	margin:0;
	padding:25px 60px 20px 60px;
	width:830px;
	height:auto;
	min-height:430px;
	background:transparent url(images/contenuBackGround.png) no-repeat bottom center;

}
#contenuSoc h1{
	margin:0 0 10px 0;
	padding:0;
	width:410px;
	font-size:24px;
	font-weight:bold;
	color:#D13737;
	border-bottom:1px solid #000;
}
#contenuSoc h2{
	margin:0;
	padding:8px 0 4px 24px;
	font-size:14px;
	font-weight:bold;
	color:#000;
	height:13px;
	background:transparent url(images/pucesoc.png) no-repeat;

}
#contenuSoc p{
	margin:0;
	padding:0 0 10px 0;
	width:410px;
	font-size:14px;
	text-align:justify;
	line-height:1.3em;
}
#contenuSoc ul{
	margin:0;
	padding:0 0 100px 0;
	width:auto;
	font-size:14px;
	line-height:1.3em;
	list-style-type:none;
	
}
#contenuSoc li{
	margin:0;
	padding:2px 0 2px 14px;
	width:auto;
	background:transparent url(images/puceli.png) no-repeat 0 4px;
	
}
div#floatrightSoc { 
	float:right;
	padding:0; 
	margin:0; 
	width:400px;
}

div#floatrightSoc p { 
	padding:0 0 10px 0;
	margin:0; 
	width:400px;
	font-size:14px;
	text-align:justify;
	line-height:1.3em;
}
.vignsoc {
	padding:0;
	margin:10px 0 20px 42px; 
	border:1px solid #000;

}
.vignsocfirst {
	padding:0;
	margin:10px 0 20px 0; 
	border:1px solid #000;

}

/* ---------------------------------------------------------------- Equipe */

/* --------------------------------------------------------------- Contact */
#situation {
	float:right;
	padding:30px 80px 0 0;
	margin:0;
	width:190px;
	height:230px;
}
#situation p {
	padding:0;
	margin:0;
	width:190px;
	font-size:12px;
}
#situation img {
	padding:0 0 10px 0;
	margin:0;
}
#newsletter_h2 {
	padding:0;
	margin:0;
	width:50%;
	height:20px;
	background:#fff url(images/newsletter.gif) no-repeat 0 0;
}
#newsletter_h2 span{
	display:none;
}
#valider {
	padding:0;
	margin:10px 0 0 105px;
	width:112px;
	height:30px;
	background:transparent url(images/bt_contact.gif) no-repeat -130px 0;
	border:none;
	cursor:pointer;
}
#valider:hover {
	background:transparent url(images/bt_contact.gif) no-repeat -130px -45px;
}
#inscription {
	display:block;
	padding:0;
	margin:0 0 10px 0;
	width:112px;
	height:30px;
	background:transparent url(images/bt_contact.gif) no-repeat 0 0;
	border:none;
	cursor:pointer;
}
#inscription:hover{
	background:transparent url(images/bt_contact.gif) no-repeat 0 -45px;
}

#inscription span{
	display:none;
}
#confirme {
	display:block;
	padding:0;
	margin:0 0 10px 0;
	width:112px;
	height:30px;
	background:transparent url(images/bt_contact.gif) no-repeat -250px 0;
	border:none;
	cursor:pointer;
}
#confirme:hover{
	background:transparent url(images/bt_contact.gif) no-repeat -250px -45px;
}
/* ---------------------------------------------------------------- Presse */
#contenuPresse {
	margin:0;
	padding:25px 60px 0 60px;
	width:830px;
	height:auto;
	/*min-height:464px;*/

}
#contenuPresse h1{
	margin:0;
	padding:0;
	width:824px;
	font-size:24px;
	font-weight:bold;
	color:#D13737;
	border-bottom:1px solid #000;

}
#contenuPresse h2,h3{
	margin:0;
	padding:0 0 4px 0;
	width:400px;
	font-size:14px;
	font-weight:bold;
	color:#000;
}
#contenuPresse p{
	font-size:14px;
	text-align:justify;
	line-height:1.3em;
}

#contenuPresse dl{
	margin:20px 0 20px 0;
	padding:0;
	width:830px;
	height:auto;
	font-size:14px;
	text-align:justify;
	line-height:1.3em;
}
#contenuPresse dt img{
	margin:0 40px 0 0;
	padding:0;
	border:1px solid #000;
}
#contenuPresse dd{
}
#contenuPresse dl p{
	float:left;
	margin:0;
	padding:0;
	width:410px;
	height:auto;
}
#contenuPresse dt{
	margin:0;
	padding:0;
	float:left;	
}
.separateur {
	clear:both;
	padding:0;
	border-top:1px solid #000;
	border-bottom:1px solid #fff;
	border-left:1px solid #fff;
	border-right:1px solid #fff;
}
.img {
	float:right;
	margin:0;
	padding:0;
	border:1px solid #000;
}
a.telecharge {
	clear:both;
	display:block;
	padding:10px 0 0 10px;
	margin:0 0 0 85px;
	width:100px;
	height:20px;
	font-size:11px; 
	font-weight:bold; 
	background:transparent url(images/pictotelechargerpresse.png) no-repeat 0 16px;
	}
.date {
	padding:0;
	margin:0;
	color:#D13737; 
	font-size:11px; 
	font-weight:bold;
}

/* Conteneur du footer */
#footer {
	margin:0 0 0 7px ;
	padding:0;
	width:937px;
	height:110px;
	background:transparent url(images/bgfooter.jpg) repeat-x;
}
#footer p{
	float:left;
	margin:0 ;
	padding:24px 0 0 60px;
	width:740px;
	font-size:11px;
}
a#netira {
	float:left;
	margin:22px 0 0 0;
	padding:0;
	display:block;
	width:102px;
	height:14px;
	background:transparent url(images/logonetira.png) no-repeat;
}

#finconteneur {
	padding:0;
	margin:0;
	width:950px;
	height:40px;
	background:transparent url(images/basfooter.jpg) no-repeat;
}
/* ---------------------------------------------------------------- Newsletter */
#news_ul {float:left;width:450px; height:100px;}
#news_ul a {margin:0; color:#CF152D; font-weight:bold; text-decoration:underline;}
#news_ul a:hover{color:#000;}
.form {padding:0; margin:0; font-size:11px; height:100px;}
.form ul li {padding:0;margin:0;}
.radio {padding:0; margin:4px 4px 0 0; *margin:0 1px 0 10px ;-margin:0 0px 0 10px;float:left; background:none; border:none;} 
.radio_li {float:left;padding:0; margin:0 10px 0 0 ;width:100px; -width:110px;}

.button_li {
	*clear:both;
	padding:10px 0 0 0; 
	margin:20px 0 0 0;
	-margin:0;
	*margin:0;
	width:200px;
	height:30px;
}
.input {
	padding:2px;
	margin:2px;
	border:1px solid #ccc;
	font-size:11px;
	width:200px;
	background:#FFDF19 url(images/bg_forme.gif) repeat-x;
	
}
#infonews_div {
	float:left;
	width:450px;
	height:auto;
}
#infonews_div a{
	color:#CF152D; 
	font-weight:bold; 
	text-decoration:underline;
}
#infonews_div a:hover{
	color:#000; 
}
#infonews_h2 {
	padding:0;
	margin:0;
	background:#fff url(images/ico_anoter.gif) no-repeat;
}
#infonews_p {
	padding:0;
	margin:0;
	font-size:10px;
}

/* ---------------------------------------------------------------- home */
	#yourwelcome {
		position:			absolute;
		z-index:			5000;
		width:				100%;
		height:				100%;
		margin:				0;
		padding:			0;
		background:			#FFC519 url(images/fondprechargement.gif) no-repeat center ;
		color:				#FFC519;
		font-size:          9px;
	}

	#ConteneurSlide {
		position:absolute;
		left: 50%; 
     	top: 50%;
		width: 820px;
		height: 420px;
    	margin-left: -410px;  /*moitié de la largeur */
		margin-top: -210px;  /*moitié de la largeur */
	}
	
	#diaporama{
		position:relative;
		float:right;
		margin:0;
		padding:0;
		z-index:1;
		border:2px solid #fff;
		/* CSS HACK */
		width: 826px;	/* IE 5.x */
		width/* */:/**/800px;	/* Other browsers */
		width: /**/800px;
		/* CSS HACK */
		height: 368px;	/* IE 5.x */
		height/* */:/**/340px;	/* Other browsers */
		height: /**/340px;
		filter : alpha(opacity=0); 
		-moz-opacity : 0;
		opacity : 0;
		-khtml-opacity:0;
	
	}
	#diaporama img{
		position:absolute;
		margin:0;
		padding:0;
		width:800px;
		height:340px;
		
	}

	
	div#logo {
	position:absolute;
	padding:0;
	margin:0;
	top:200px;
	/*left:0px;*/
		z-index:800;
	width:350px;
	height:250px;
	background:transparent url(images/logo.png) no-repeat 0 8px;
	left: -53px;
		/*filter : alpha(opacity=0); 
		-moz-opacity : 0;
		opacity : 0;
		-khtml-opacity:0;*/
	}
	
	* html #logo  {
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/logo.png');
		background-image:	none;
		}
		
	div#signature{
		position:absolute;
		padding:40px 0 0 0;
		margin:0;
		top:345px;
		left:370px;
		z-index:800;
		width:450px;
		height:50px;
		text-align:right;
		background:transparent url(images/signature.png) no-repeat -4px 0;
	}
	
	* html #signature  {
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/signature.png');
		background-image:	none;
	}
	
	div#signature a{
		font-family:century gothic;
		font-size:12px;
		font-weight:bold;
		text-transform:uppercase;
		text-decoration:none;
	}
	div#signature a:hover{
		color:#fff;
	}
	
	
	.ref_description {
		display:none;
	}