@charset "utf-8";
/* CSS Document */
body{
	background-color:#999999;
    text-align:center;
    margin:0;
    padding:0;
    }
.tendeur{
    clear:both;   
    }
.references{
    visibility:hidden;
    display:none;
    margin:0;
    padding:0;
    }
.separateur{
	width:710px;
	height:18px;
	margin:0;
	padding:0;
	background:url(images/separateur.jpg) top left no-repeat;
	}
.module-texte{
	width:670px;
	margin:20px auto 10px;
	padding:0;
	color:#044b77;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:justify;
	}
.module-texte a{
	text-decoration:none;
	color:#e1680c;
	}
.module-texte a:hover{
	text-decoration:underline;
	}
.module-techno{
	width:670px;
	margin:10px auto;
	padding:0;
	color:#044b77;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:justify;
	}
.titre-techno{
	width:670px;
	height:30px;
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#333;
	font-weight:bold;
	}
.img-techno{
	width:248px;
	height:80px;
	margin:0 10px 0 0;
	padding:0;
	float:left;
	}
.img-techno-solo{
	width:120px;
	height:80px;
	margin:0 10px 0 0;
	padding:0;
	float:left;
	}
.img-techno img{
	border:solid 1px #214a88;
	float:left;
	}
.img-techno-solo img{
	border:solid 1px #214a88;
	float:left;
	}
.txt-techno{
	width:386px;
	margin:0;
	padding:0;
	float:left;
	text-align:justify;
	}
.txt-techno-solo{
	width:510px;
	margin:0;
	padding:0;
	float:left;
	text-align:justify;
	}
.separateur-img-techno{
	float:left;
	width:4px;
	height:50px;
	}
.module-texte img{
	float:right;
	border: solid 1px #000;
	margin:0 0 0 15px;
	}
.orange{
	color:#e1680c;
	}
.vert{
	color:#539b2c;
	}
.bleu{
	color:#4784d8;
	}
.rouge{
	color:#ff0000;
	}
#petit-texte{
	font-size:10px;
	color:#ff0000;
	}
.menubleu{
	text-decoration:underline;
	color:#0066cc;
	}
.gris{
	color:#4c5142;
	}
.module-vignette{
	width:220px;
	height:250px;
	margin:0;
	padding:10px 0;
	background-color:#e2e7ec;
	float:left;
	}
.ecarteur{
	width:5px;
	height:10px;
	margin:0;
	padding:0;
	float:left;
	}
.titre-vignette{
	width:196px;
	height:30px;
	text-align:center;
	line-height:30px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	margin:0 auto;
	padding:0;
	}
.visuel-vignette{
	width:194px;
	margin:6px auto;
	padding:0;
	border:solid 1px #214a88;
	}
.texte-vignette{
	width:190px;
	margin:0 auto;
	padding:0;
	color:#044b77;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	text-align:justify;
	}
.texte-vignette a{
	color:#06c;
	text-decoration:none;
	}
.texte-vignette a:hover{
	text-decoration:underline;
	}
#container{
	width:1100px;
	margin:0 auto 10px;
	padding:0 0 20px;
	text-align:left;
	background:url(images/bg.jpg) top left repeat-y #999;
	}
#footer{
	width:1100px;
	margin:0 auto;
	padding:0;
	text-align:right;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#6F6F6F;
	}
#footer a{
	text-decoration:none;
	color:#6F6F6F;
	}
#footer a:hover{
	text-decoration:underline;
	color:#06c;
	}
#menusec{
	width:1100px;
	margin:10px auto;
	padding:0;
	text-align:right;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#999;
	}
#menusec a{
	text-decoration:none;
	color:#999;
	}
#menusec a:hover{
	text-decoration:none;
	color:#06c;
	}
#gauche{
	width:380px;
	margin:0;
	padding:0;
	float:left;
	}
#adresse{
	width:380px;
	height:110px;
	margin:0;
	padding:20px 0 0;
	background-color:#fff;
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#044b77;
	}
#adresse a{
	text-decoration:underline;
	color:#0066cc;
	}
#adresse a:hover{
	text-decoration:none;
	}
#coordonnees{
	width:360px;
	height:80px;
	margin:0;
	padding:0;
	display:block;
	text-align:right;
	}
#illu_acc{
	width:378px;
	height:610px;
	margin:0;
	padding:0;
	border-left:solid 1px #fff;
	border-bottom:solid 1px #fff;
	border-right:solid 1px #fff;
	}
#qualite{
	width:378px;
	height:130px;
	margin:0;
	padding:0;
	border:solid 1px #fff;
	}
#espacement{
	width:10px;
	height:700px;
	margin:0;
	padding:0;
	float:left;
	}
#droite{
	width:710px;
	margin:0;
	padding:0;
	float:left;
	}
#header{
	width:710px;
	height:90px;
	margin:0;
	padding:20px 0 0;
	background-color:#fff;
	}
#logo{
	width:210px;
	margin:0;
	padding:0;
	float:left;
	}
#menu{
	width:480px;
	height:70px;
	line-height:120px;
	margin:0;
	padding:0 0 0 20px;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#777;
	}
#menu a{
	text-decoration:none;
	color:#777;
	}
#menu a:hover{
	text-decoration:none;
	color:#06c;
	}
#accroche{
	width:670px;
	margin:20px auto 10px;
	padding:0;
	color:#06c;
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	}
#contvignettes{
	width:670px;
	margin:20px auto 10px;
	padding:0;
	}
/**********************************************************************************/
/**********************************************************************************/
/**********************************************************************************/
/**********************************************************************************/
.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color:#eeeeee;
padding: 5px;
left: -10px;
border: 2px solid #214a88;
visibility: hidden;
color: #214a88;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: 10px; /*position where enlarged image should offset horizontally */

}
/**********************************************************************************/
/**********************************************************************************/
/**********************************************************************************/
/**********************************************************************************/
#formulaire_contact{
	width:670px;
	margin:10px auto;
	padding:20px 0;
	color:#044b77;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:justify;
	background-color:#fff;
	}
#reponse{
	width:670px;
	margin:10px auto;
	padding:30px 0;
	color:#044b77;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	text-align:center;
	background-color:#fff;
	}
.lineform{
	margin:10px auto;
	}
.gauche{
	width:182px;
	height:20px;
	line-height:20px;
	margin:0;
	padding:0 10px 0 0;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:right;
	}
.droite{
	width:470px;
	margin:0;
	padding:0;
	float:left;
	}
#validation{
	border:solid 1px #0066cb;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#0066cb;
	cursor:pointer;
	background-color:#fff;
	}
input{
	background-color: #fff;
	color:#7f9db9;
	border:1px solid #7f9db9;
	}