@import url('reset.css');
@import url('structure.css');


/* Classes Générales */
.alertNoFlash{
background-color:#FFFFFF;
text-align:center;
padding:0 20px;
margin:80px 0;
height:160px;
}

	.alertNoFlash img{
	display:block;
	margin:10px auto;
	}
	
	.alertNoFlash a{
	color:#990000;
	}

.hide{
display:none;
}

.clear{
clear:both;
}

/* PRESENTATION */
.pres-gauche{
float:left;
width:245px;
line-height:1.5em;
margin-top:90px;
}
	
	p{
	line-height:1.5em;
	margin-bottom:1em;
	}

.pres-video{
float:right;
background:url(../images/presentation.gif) no-repeat center 50px;
height:425px;
width:500px;
}

#pres-player{
/*background:url(../images/ajax-loader.gif) center center no-repeat;*/
}

/* SERVICES */
.cdroite{
width:30%;
float:left;
padding-left:1%;
}

.colone{
width:30%;
float:left;
padding:0 2% 0 1%;
}

	.colone h2, .cdroite h2{
	height:2.5em;
	line-height:1.25em;
	padding-bottom:0.25em;
	}
	
	.colone p, .cdroite p{
	line-height:1.5em;
	margin-bottom:1em;
	text-indent:1em;
	}
	
	.colone strong, .cdroite strong{
	font-weight:bold;
	/*text-decoration:underline;*/
	}

/* REFERENCES */
#blocVideo{
float:left;
width:480px;
}

h2{
font-family:'Arial Rounded MT Bold', Arial, Helvetica, sans-serif;
font-size:24px;
font-weight:100;
margin-bottom:15px;
}

.navigation{
float:right;
}

#player{
height:320px;
background:#000000 url(../images/ajax-loader.gif) center center no-repeat;
}

#descriptionVideo{
margin-top:1em;
line-height:1.5em;
text-align:justify;
}

#listVideos{
clear:both;
}

#blocVignettes{
float:right;
width:366px; /* 360 + ( border vignettes ) */
}

#navigationVignettes{
margin-left:10px;
margin-bottom:15px;
}

#navigationVignettes a{
display:block;
background-image:url(../images/buttons.miniatures.png);
background-repeat:no-repeat;
height:22px; width:36px;
float:left;
margin-right:5px;
}

#bouton_mur{
background-position:top left;
}
#bouton_long_description{
background-position:top left;
}
#back{
background-position:-80px top;
}
#next{
background-position:top right;
}

#listVideos img{
border:1px solid #003366;
}
#listVideos .actif img{
border:1px solid #fff;
}

.affichageMur{

}
	.affichageMur li{
	display:block;
	float:left;
	width:110px;
	height:80px;
	margin-bottom:10px;
	padding-left:10px;
	}
	
	.affichageMur li a{
	
	}

	.affichageMur span{
	display:none;
	}

.affichageLondDes{
margin-left:10px;
}

	.affichageLondDes li{
	margin-bottom:8px;
	height:80px;
	clear:left;
	}
	
	.affichageLondDes a{
	float:left;
	margin-right:10px;
	}
	
	.affichageLondDes span{
	line-height:1.5em;
	}

.bouton{
clear:both;
display:block;
border:none;
background:url(../images/contact.boutton.png) no-repeat top left;
width:120px;
height:20px;
padding:5px 0 0 0;
margin-top:10px;
text-transform:capitalize;
text-align:center;
color:#FFFFFF;
float:right;
}

.bouton:hover{
background-position:bottom left;
cursor:pointer;
color:#000000;
}

/* Contact */
.sentMail{
font-weight:600;
}

.adresse{
margin-bottom:1em;
font-size:1.1em;
line-height:1.5em;
margin-top:1.5em;
}
.nom{
margin-top:1em;
}

.msgMail{
height:40px;
visibility:hidden;
}

.visible{ visibility:visible; }

#contactCoordonnees{
float:left;
width:35%;
}

#contactForm{
float:right;
width:60%;
}

#contactForm p{
clear:both;
margin-bottom:0.75em;
line-height:1.5em;
}

#contactForm label{
/*float:left;
width:20%;*/
display:block;
}

.input{
width:95%;
overflow:hidden;
}

#contactForm .nomPrenom p{
float:left;
clear:none;
width:45%;
}

.nomPrenom .input{
width:90%;
}

#contactSubmit{
display:block;
border:none;
background:url(../images/contact.boutton.png) no-repeat top left;
width:120px;
height:25px;
text-transform:capitalize;
color:#FFFFFF;
}

#contactSubmit:hover{
background-position:bottom left;
cursor:pointer;
color:#000000;
}

.captcha span{
display:block;
float:left;
}

.captcha .img{
width:150px;
}

.captcha .champ{
width:100px;
}

/* Map */
#googleMap{
margin:1em 0;
width:100%;
height:185px;
overflow:hidden;
border:1px solid #999999;
background-color:#0C1A29;
}