/*------partie commune à l'ensemble des pages----------cielelec-----------------------*/
body {	
	background-color: #E5E5E5;
	font-family: Arial, Helvetica, sans-serif;	
	font-size: 13px;
/font-size:11px;
text-align:center;
	color: #036;
	}

.conteneur{
	position:relative;
	margin-left:auto;
	margin-right:auto;
	background-color:#FFFFFF;
	width:1000px!important;
	width:980px;
	display:table;
	text-align:left;
	}
.header{
	float:left;
	width:1000px;
	height:131px;
	background: url(../ig/header.jpg) no-repeat;
	
	}
.header a{
	float:right;
	margin:5px 10px 0 0;
	color:#FFF;
	}
.header a:link, .header a:visited{
	color:#FFF;
	text-decoration: underline;
	}
.header a:hover{color:#FFF;
	text-decoration:none;
	}

.titre{float:left;
width:800px;
height:131px;

}
.titre h1{float:left;
font-size:22px;
font-family:times;
font-weight:normal;
color:#fff;
margin:5px 0 0 320px;
text-transform:uppercase;
}
.titre h2{float:left;
font-size:20px;
font-family:times;
font-weight:normal;
color:#fff;
margin:5px 0 0 380px;
text-transform:uppercase;

}
.titre p{/clear:both;
font-size:14px;
color:#fff;
margin:70px 0 0 380px;
/margin:5px 0 0 330px;
}
.titre  a{float:left;
margin:0px 0 0 470px;
/margin:0px 0 0 430px;
}
.langue{
float:right;
width:200px;
height:131px;
}
.langue p{
text-align:right;
color:#fff;
margin:80px 5px 0 0;
}
.corps{
	float:left;
	width:1000px;
	display:table;
	background:#FFFFFF;
	
	}
.conditions{
float:left;
width:650px;
display:table;
padding:20px 0px 20px 150px;
text-align:justify;
}
.footer{
	float: left;
	width:1000px;
	height:22px;
	background:url(../ig/footer.jpg) no-repeat;
	}
.navig{
	float: left;
	width:750px;
	height:50px;

	}
.connect a{/*---------------------------------------------------------bouton de déconnexion-----------------------------------------------------------------------------------*/
	float:right;
	display:block;
	width: 110px;
	height:26px;
	text-align:center;
	vertical-align:middle;
		}
.connect a:link, .connect a:visited{
	background: url(../ig/btnconnect2.gif) left no-repeat;
	background-position:middle;
	margin:0 10px 0 0 ;
	padding:0px 5px 50px 0px;
	}

.connect a:hover{
	background: url(../ig/btnconnect2.gif) right no-repeat;
	background-position:middle;
	}
.navig ul{
	font-size:18px;

	}
.navig li {
	display:inline;
	padding:3px 20px 0 20px;
	text-decoration:underline;
	list-style-type:none;
	border-right:1px solid #01366a;
	}
a:link{
	color:#01366a;

	}
a:visited{
	color:#01366a;
	}
a:hover{
	color:#7796b3 ;
	}

a:strong{
	border:1px solid #01366a;
	text-decoration:none;
	background:red;
	}
	
/*------fin partie commune à l'ensemble des pages-------------------------------------*/
/*-------page de garde connexion-------------------------------------------------------*/
.log, .merci{
	float:left;
	width:1000px;
	min-height:500px;
	display:table;
	background:FFF;
	}
.log table{
	float:left;
	margin:50px 0 0 280px;
	border:none;
	font-size:23px;
	width:470px;
	color:#023a6b;
	}
.log table td{padding:0 7px 0 0;}
.log a:link, .log a:visited{
	font-size:13px;
	color:#023a6b;
	text-decoration:underline;
	}
.log a:hover{
	color:#7796b3;
	}
.log-input{width:200px;}
.log h1{
	font-family:Castellar, Arial;
	font-size:27px;
	text-align:center;
	color:#023a6b;
	margin:100px 0 0 0;
	}
/*-----------------------------------fiche produits----*/
.prod{
	float:left;
	width:1000px;
	height:500px;
	background:FFF;
	}
.prod table{
	float:left;
	margin:10px 0 0 280px;
	border:none;
	font-size:23px;
	width:470px;
	color:#023a6b;
	}
.prod table td{padding:0 7px 0 0;}
.prod a:link, .log a:visited{
	font-size:13px;
	color:#023a6b;
	text-decoration:underline;
	}
.prod a:hover{
	color:#7796b3;
	}
.prod-input{width:200px;}
.prod h1{
	font-size:30px;
	text-align:center;
	color:#023a6b;
	margin:100px 0 0 0;
	}
.submitlog {/*bouton de validation des formulaires------------------------------------*/
   width: 33px;
   height: 29px;
   display:block;
   margin: 0;
   padding: 0;
   border: 0;
   background:url(../ig/btnok.gif) left top no-repeat ;/* on place l'image en arrière plan */
   cursor: pointer;  /* pour transformer le pointeur en main */
	}
.submitlog:hover {
   background:url(../ig/btnok.gif) right top no-repeat;
   }/* On déplace l'image d'arrière plan pour donner l'effet */
/*--------------------------page de remerciement cotation------------*/

.merci p{
	margin :150px 0 0 50px;
	font-size: 15px;
	line-height:30px;
	text-align:center;
	font-weight: bold;
	}

.btnmerci{
	float:left;
	width:250px;
	height:50px;
	text-align:center;
	color:#fffff;
	font-size:12px;
	}

.btnmerci a{
	float:left;
	display:block;
	width:185px;
	height:26px;
	margin:50px 0 0 450px;
	border:none;
	color:#FFFFFF;
	text-decoration:none;
	padding-top:3px;
	}
.btnmerci a:link, .btncom a:visited{
	background: url(../ig/btncom.gif) left top no-repeat;
	
	}
.btnmerci a:hover{
	background: url(../ig/btncom.gif) right top no-repeat;
	}
	/*-----------------------------------------contact------------------------------*/
	.contact{
	float:left;
	margin:10px 0 20px 200px;
	padding:0 0 0 20px;
	border-left:1px solid #7796c0;
	}
	.contact h1{
	font-size:20px;
	}
	/*------------------------------------------------------------*/
	.footer{
	float:left;
	margin:20px 0 0 0;
	}