body {
	background-image:url("background.jpg");
	color:#5b5b5b;
	font-family: Tahoma, Verdana, Arial, serif;
	margin:auto;
	text-align:center;
}

#ie {
	width:900px;
	margin:auto;
}

#fond {
	background-color:#FFFFFF;
	background-image:url("fond_body.png");
	background-repeat:repeat-x;
}

#text {	
	width:752px;
	text-align:justify;
	font-size:13px;
	margin:auto;
	padding-bottom:15px;
}

p {
	margin:5px;
}

/* CSS des liens */

#text a {	
	color:#3679B7;
	text-decoration:none;
}	

a {	
	color:#828282;
	text-decoration:none;
}	
	
a:hover { 
	color:#3679B7;
}

	
a img {
	border:none;
}

.linkhover {
	padding:5px;
}

.linkhover:hover {
	background-color:#EEEEEE;
	padding:5px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}

#footer a {
	color:#FFFFFF;
}

#footer a:hover { 
	color:#3679B7;
}

/* CSS des listes */

ul {

	list-style-image:url("../images/puce.png");
}

li {
	padding-bottom:2px;
}

.pourquoiunsite {
	list-style-image:url("../images/puce2.png");
}

.pourquoiunsite {
	margin-bottom:3px;
}

#footer2 ul {
	margin:2px 2px 2px 20px;
	padding:0px;
	text-align:left;
}

/* CSS des titres */

.titre {
	font-size:18px;
	color:#5b5b5b;
}

.sous_titre {
	font-size:14px;
	color:#5b5b5b;
	margin-left:0px;
	margin-top:20px;
	border-bottom: 1px #E0E0E0 solid;
	font-weight:bold;
}

.titre_equipe {
	font-size:18px;
	color:#5b5b5b;
	font-weight:normal;
}

/* CSS des atributs spéciaux */

.droite {
	text-align:right;
}

.floatdroite {
	float:right;
}

.rouge {
	color:red;
}

.smallcaps {
	font-size:9px;
}

acronym {
	margin-left:5px;	
}

.double_quotes {
	font-size:20px;
	font-weight:bold;
	color:#3679B7;
	font-family: "Arial Black";
}

.prix_soumission
{
	color:#3679B7;
	font-weight:bold;
	padding-left: 5px;
}


/* CSS pour le Header */

#top {	

	background-image:url("top.png");
	height:26px;
}

#top2 {	
	text-align:left; 
	margin:auto; 
	height:16px; 
	width:752px; 
	font-size:11px;
	padding-bottom:5px;
	margin-top:2px;
}

#logo {	
	text-align:left;
	color:#FFFFFF;
	margin:auto;
	width:752px;
	padding:20px;
	font-size:13px;
}


/* CSS pour le Menu */	

#menu {
	height:141px;
	background: url("menu.png");
	width:900px;
	margin:auto;
	position:absolute;
	z-index:10;
}

.pmenu {
	margin:24px 20px auto 20px;
}

#menu a {
	color:white;
 	text-decoration:none;
	padding:18px 20px 10px 20px;
}

#menu a:hover { 
	background:url("menu_hover.png");
}

/* Images JavaScript*/

#offrejs img {
	border:0;
}

#offrejs {
	margin:-20px 0px 10px 0px;
	padding:0px;
    width:742px;
    height:246px;
}

#un {
    position:absolute;
}

#deux {
    position:absolute;
}

/* CSS de l'accueil */

#bienvenue {
	text-align:justify;
	float:left;
	width:390px;
}

#realisation {
	text-align:justify;
	float:right;
	width:335px;
	padding-left:10px;
	border-left:1px #D7D7D7 solid;
}

/* infinite Carousel */

.infiniteCarousel {
	width: 330px;
	position:relative;
	margin:auto;
	margin-bottom:290px;
}

.infiniteCarousel .wrapper {
	height:280px;
    margin-left:45px;
    overflow:auto;
    position:absolute;
    width:240px;
}


.infiniteCarousel .wrapper ul {
	width: 9999px;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0 0 0 -10px;
	padding:0;
	width: 9999px;
	top: 0;
}

.infiniteCarousel ul li {
	float:left;
	padding: 10px;
	height: 180px;
	width: 240px;
}


.infiniteCarousel .arrow {
	display: block;
	height: 36px;
	width: 37px;
	position: absolute;
	cursor: pointer;
	text-align:center;
}

.infiniteCarousel .forward {
	background-position: 0 0;
	right: 0;
	margin-left:-5px;
}

.infiniteCarousel .back {
	background-position: 0 -72px;
	left: 0;
}

#avant {
	margin-right: -17px;
}

#apres {
	margin-left: -18px;
}

/* CSS de la page réalisations*/	

.titre_realisation {
	font-size:18px;
	color:#5b5b5b;
	font-weight:normal;
	margin:0px 0px 0px 10px;
}

.image_realisation {
    position:absolute;
    width:350px;
	border:#A7A6AA 1px solid;
	padding:3px;
}

.image_realisation:hover {
    border:#3679B7 1px solid;
	cursor:pointer;
}

/*.image_realisation_block {
    width:350px;
	border:#A7A6AA 1px solid;
	padding:3px;
}

.image_realisation_block:hover {
	border:#3679B7 1px solid;
	cursor:pointer;
}*/

.images_gauche_realisation {
	float:left;
	width:360px;
    height:150px;
    margin-bottom:40px;
}

.images_droite_realisation {
	float:right;
	width:360px;
    height:150px;
    margin-bottom:40px;
}

.lien_realisation {
   position:absolute;
   width:344px;
   background:#000;
   margin-top:115px;
   padding:10px 7px 10px 7px;
   color:#FFF;
   font-family:Verdana, serif;
}

.lien_realisation:hover {
   cursor:pointer;
}

/*CSS de la page Équipe*/

.image_profile {
	border:#A7A6AA 1px solid;
	margin: 3px 17px 3px 17px;
	padding:3px;
	width:200px;
	height:140px;
}

#bloque_equipe {
	margin:auto;
	width:752px;
}

.profils_equipe {
	width:240px;
	margin:auto;
	float: left;
	padding:5px;
}

/* CSS des formulaires pour la page Contact et Soumission  */

form {
	width:700px;
	margin:auto;
}

.label_gauche {
	width:350px;
	float:left;
	margin:0px;
	padding:0px;
}


.label_droit {
	width:350px;
	float:right;
	margin:0px;
	padding:0px;
}

.text_input {
	height:22px;
	width: 310px;
	padding-left: 5px;
	padding-right: 5px;
	border:#A7A6AA 1px solid;
	margin-bottom: 3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
}

.text_input:focus {
	background:#F7F7F7;
}

.checkbox {
	width:auto;
	height:auto;
	margin-right: 5px;
	margin-bottom:11px;
	margin-top:5px;
	border:none;
}

.radio {
	width:auto;
	height:auto;
	margin-right: 5px;
	margin-bottom:11px;
	margin-top:5px;
	border:none;
}

.small_input {
	height:22px;
	width: 25px;
	border:#A7A6AA 1px solid;
	margin-bottom: 3px;
}

textarea {
	width:700px;
	height:150px;
	border:#A7A6AA 1px solid;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
}

textarea:focus {
	background:#F7F7F7;
}

.captcha {
	border:#A7A6AA 1px solid;
	margin-top:21px;
}

.bouton {
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	height:25px;
	width:auto;
	margin:10px 0px 10px 0px;
	padding: 0px 10px 2px 10px;
	-moz-box-shadow:0 1px 2px rgba(0, 0, 0, 0.2);
	text-shadow:0 1px 1px rgba(0, 0, 0, 0.3);
	background:#188AF7;
	background:-moz-linear-gradient(center top , #1B8CFE, #017DC0) repeat scroll 0 0 transparent;
	background: -webkit-gradient(linear, left top, left bottom, from(#1B8CFE), to(#017DC0));
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#1B8CFE', endColorstr='#017DC0');
	border:1px solid #0076A3;
	color:#FFFFFF;
	cursor:pointer;
}

.bouton:hover {
	background: #037EC6;
	background: -webkit-gradient(linear, left top, left bottom, from(#0582FE), to(#0170AB));
	background: -moz-linear-gradient(top,  #0582FE,  #0170AB);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0582FE', endColorstr='#0170AB');
}


.bouton:active {
	background:#037EC6;
	background:-moz-linear-gradient(center top , #017DC0, #1B8CFE) repeat scroll 0 0 transparent;
	background:-webkit-gradient(linear, left top, left bottom, from(#017DC0), to(#1B8CFE));
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='##017DC0', endColorstr='#1B8CFE');
}

.message_erreur {
    background:#f9f8ba;
    color:#575757;
    padding:6px;
    width:725px;
    margin:0 0 0 5px;
    border-top:1px solid #fedd1f;
    border-bottom:1px solid #fedd1f;
    font-size:12px;
}

/* Pour le tableau hébergement dans la page soumission*/	

#showhebergement table {
	margin:auto;
	margin-top:10px;
	margin-bottom:10px;
	border-collapse:collapse;
	border:#A7A6AA 1px solid;
	width:400px;
}
	
#showhebergement td{
	border:#A7A6AA 1px solid;
	padding:3px;
}

#showhebergement th{
	font-size:16px;
	border:none;
	padding:3px;
	background-color:#CBE0F5;
	color:#CBE0F5;
	border-top:#A7A6AA 2px solid;
}	

#showhebergement caption{
	font-size:16px;
	border:#A7A6AA 1px solid;
	font-weight:bold;
	padding:3px;
	background-color:#CBE0F5;
}

/* CSS du footer */	
   
#footer p {
	margin:3px;
}

#footer h2 {
	color:white;
	font-size:15px;
	padding:0px;
	margin:auto;
	text-align:left;
}

#footer2 {
	width:752px;
	margin:auto;
	padding:0px;
	color:#EEEEEE;
}

#footer2 ul {
	margin:2px 2px 2px 20px;
	padding:0px;
	text-align:left;
}

#news, #plan {
	width:180px;
	margin:3px;
	padding:0px 0px;
	float:left;
	color:white;
	font-size:12px;
	text-align:left;
}

#partenaires, #tweets {
	width:180px;
	margin:3px;
	padding:0px 0px;
	float:right;
	color:white;
	font-size:12px;
	text-align:left;
}

#footer3 {
	color:white;
	font-size: 12px;
	padding:5px;
	background-image:url("copyright.png");
	text-align:center;
}

/* Lightbox */

#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
}
#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	zoom: 1;
	display: block;
}
#lightbox-nav-btnPrev { 
	left: 0; 
	float: left;
}
#lightbox-nav-btnNext { 
	right: 0; 
	float: right;
}
#lightbox-container-image-data-box {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 0 10px 0;
}
#lightbox-container-image-data {
	padding: 0 10px; 
	color: #666; 
}
#lightbox-container-image-data #lightbox-image-details { 
	width: 70%; 
	float: left; 
	text-align: left; 
}	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
	display: block; 
	clear: left; 
	padding-bottom: 1.0em;	
}			
#lightbox-secNav-btnClose {
	width: 66px; 
	float: right;
	padding-bottom: 0.7em;	
}