/***************** Accueil*****************/

#header-image{

margin-bottom:-5px;

}



#texte h3 {

color:#DDDDDD;

margin-bottom:5px;

font-size:15px;

}

#upline{

	position:relative;

	width:990px;

	margin:0px auto 0 auto;

	font-size:1.2em;

	font-family: Geneva, Arial, Helvetica, sans-serif;

	color: #DDD;

	text-align: left;

	/*border:1px solid red;*/

}

a#bt-site span{
	display:none;
}

a#bt-site{

width:155px;

height:20px;

background:url(../images/charte/bt-site.gif) left top no-repeat;

float:left;

}

a#bt-site:hover{

background-position:left bottom;

}

#contenui{

width:990px;

height:426px;

background:url(../images/charte/bg-contenu.jpg) left top no-repeat;

font-size:1.2em;

font-family: Geneva, Arial, Helvetica, sans-serif;

color: #DDD;

text-align: left;

}



#leftcolumni .encart-opacity a:link img, #leftcolumni #encart-opacity a:visited img{

filter:alpha(opacity=100);  

-moz-opacity: 1.00;  

opacity: 1.00;

}



#leftcolumni .encart-opacity a:link, #leftcolumni #encart-opacity a:visited{

filter:alpha(opacity=100);  

-moz-opacity: 1.00;  

opacity: 1.00;



}



#leftcolumni .encart-opacity a:hover img, #leftcolumni #encart-opacity a:active img {

filter:alpha(opacity=60);  

-moz-opacity: 0.60;  

opacity: 0.60;

}



#leftcolumni .encart-opacity a:hover, #leftcolumni #encart-opacity a:active {

filter:alpha(opacity=60);  

-moz-opacity: 0.60;  

opacity: 0.60;

color:#999;

}



#leftcolumni { 

 margin: 0px;

 padding: 0px 15px 10px 15px;

 width: 300px;

 float: left;

}



#leftcolumni img {

border:none;

}



#leftcolumni a {

color: #CCCCCC;

text-decoration:none;

}

#leftcolumni a:hover{

color: #CCCCCC;

text-decoration:none;}



.sign {

text-align:center;

margin-bottom:10px;

font-family: Geneva, Arial, Helvetica, sans-serif;

font-weight:600;

font-size:13px;

color:#DDD;

}



.gros_texte {

text-align:left;

margin-bottom:10px;

font-family: Geneva, Arial, Helvetica, sans-serif;

font-weight:600;

font-size:20px;

font-style:italic;

line-height:30px;

color:#DDD;

}

.presentationi {

margin-top:5px;

font-weight:600;

font-size:1em;

}



#contenti { 

 float: left;

 margin-top: 10px;

 padding-right: 10px;

 padding-left:20px;

 width: 300px;

 display: inline;

 text-align:right;

}





.gde_photo {

margin-top:5px;

}



.vignettes img {

border:none;

margin-top:4px;

margin-left:1px;



}





#rightcolumni { 

 margin-top: 10px;

 padding-left: 10px;

 padding-right: 0px;

 width: 310px;

 float: left;

 position: relative;

  text-align:right;



}



#texte ul#phrases {

float:left;

list-style:none;

margin-top:5px;



}



#texte ul#phrases li {

background:url(../images/puce1.gif) left top no-repeat ;

padding-left:15px;

list-style:none;

margin-top:5px;

font-size:1em;

}





#texte  {

font-family: Geneva, Arial, Helvetica, sans-serif;

text-align:left;

font-weight:600;

color:#DDD;

}

#texte .droite p.petit_texte {

font-style:italic;

float:right;

text-align:center;

}



#gtexte { 

 float: left;

 margin-top:20px;

 padding-right: 10px;

 padding-left:20px;

 width: 400px;

 display: inline;

}

/***************** Contact*****************/



#contact {

	float:left;

	width:738px;

	height:370px;

	text-align:right;

	padding:0 0 0 50px;

}





#top {

 font-size:1.2em;

 text-align:justify;

 margin-top:5px;

 margin-left:*20px;

 height:20px;



}



#leftcolumn {

margin-top:10px;

margin-left:20px;

text-align:justify;

 color: #FFFFFF;

 width: 250px;

 float: left;

 font-size:1.2em;

 

}

#rightcolumn { 

text-align:justify;

margin-top:10px;

 float: right;

 color: #FFFFFF;

 width: 400px;

 display: inline;

 font-size:1.2em;

}



.loi{

clear:both;

color:#DDDDDD;

font-size:10px;

width: 550px;

margin-left:75px;

text-align: justify;

float:left;

}







#formContact p.capa{

padding-left:40px;

font-size:10px;

width: 250px;



}



.champRequis {

color:#FF0000;

}





#contenu p.merci{

text-align: center;

margin:50px 0 0 0;

}



#contenu p.adresse{

line-height: 18px;

}

/* STYLE RUBRIQUE CONTACT */



/* ZONE ADRESSE */

#contactTxt{

	width:240px;

	float:left;

	margin-left:20px;

}

#contactTxt p{

	margin:10px 0 10px 0;

}



#contactTxt img{

	border:0;

	float:left;

	margin-right:5px;

}



/* ZONE FORMULAIRE */

#contactForm{

	width:325px;

	float:left;

	margin: 20px 0 0 -20px;

}



/* FORMULAIRE */



.boutons{

margin: 5px 0 5px 140px;

float: left;

}

.bouton{

	width:75px;

	border:1px solid #FFF;

	font-size:12px;

	border-color:#CCCCCC;

	background-color:#FFFFFF;

	

}

#formContact p{

	color:#DDD;

	width: 170px;

	clear: left;

	padding: 5px 0 2px 0;

	padding-left: 155px;

	height: 0.5%;

}



#formContact label{

	float: left;

	margin-left: -130px;

	width: 100px;

	text-align:right;

}





#formContact input[type="text"]{ 

	width: 150px;

	font:normal 1.1em/1.2em Arial, Helvetica, sans-serif;

	border:1px solid #CCCCCC;

	margin-left:-20px;

}

*html #formContact .inputtext{

	width: 150px;

	border:1px solid #CCCCCC;

	margin-left:-20px;

}



#formContact textarea{

	font:normal 1.1em/1.2em Arial, Helvetica, sans-serif;

	width: 150px;

	margin-left:-20px;

	height: 70px;

	border:1px solid #CCCCCC;

}



#contactForm .champRequis{

	color:#FF0000;

}





.clearer {

clear:both;

}



.merci {

text-align:justify;

margin-top:10px;

padding-left:50px;

 float:left;

 color: #DDD;

 width: 350px;

 display: inline;

 font-size:1.2em;

 }

 

 #top p{

 color: #DDD;

 width: 710px;

 padding-left:70px;

 margin:0px;

}



 #footer{

 clear:both;

 }

/***************** Témoignages*****************/



#contenut{

	float:left;

	width:990px;

	height:370px;

	padding:0px;

	margin-bottom:0px;

	

}



#content {

background-image:url(../images/charte/bg-contenu.jpg);

 font-size:1.2em;

 color: #DDD;

	width:960px;

	padding-left:20px;

	padding-top:20px;

	height:348px;

	overflow:auto;

	text-align: justify;

	

	

}



.tem_img img {

float:left;

margin-right:10px;

margin-bottom:10px;

border:1px solid #DDD;

}

.tem_titre {

padding-left:5px;

padding-top:10px;

font-size:14px;

}

.them_titre {

margin-left:10px;

margin-bottom:10px;

}

.tem_desc {

padding-left:10px;

padding-right:10px;

}

.tem_client {

text-align:right;

font-weight:bold;

margin-right:5px;

margin-bottom:15px;

}

.tem_clear {

clear:both;

padding:2px;

margin:5px 5px 5px 5px;

}





/***************** Slideshow*****************/



#slideshow {

margin-top:5px;

 font-size:1.2em;

 color: #FFFFFF;

	float:left;

	width:788px;

	height:339px;

	overflow:auto;

	text-align: justify;

	padding:0 0 0 0px;

}



#slideshow img {

border:none;

}



ul#menugauche {

float:left;

margin-top:20px;

margin-left:20px;

list-style-type: none;} 



ul#menugauche li {margin-bottom: 5px;}



ul#menugauche a {

     margin-right: 5px;

	 padding-top:2px;

     width: 120px; 

     height: 18px;

     display: block;

     text-align: center;

     border: 1px solid #FFFFFF;

     text-decoration: none;

     color: #FFFFFF;

	 font-weight:bold;   

	 }

	 

ul#menugauche a:hover {

     background: #FFFFFF;

     border: 1px solid #FFFFFF; 

	 color:#333333;

     }

	 

#menu_gauche {

 margin:0px;

 padding: 0px;

 width: 135px;

 float: left;

}



#grande_photo {

text-align:center;

 margin-left:40px;

 padding-top:0px;

height:322px;

 width:450px;

 float: left;

 position: relative;



}



#grande_photo img{

margin:auto;

}



#vignettes {

text-align:left;

 float: left;

 margin-left: 20px;

 padding: 0px;

 width: 255px;

 display: inline;

}



#vignettes a{

width:84px;

height:84px;

}



/***************** Mentions legales*****************/



#mentions {

margin-top:20px;

 font-size:1.2em;

 color: #DDD;

	float:left;

	width:768px;

	height:329px;

	overflow:auto;

	text-align: justify;

	padding:10px;

}

#mentions h3 {

margin-bottom:10px;

}



#mentions a {

color:#FFFFFF;

text-decoration:underline;

}

#mentions a:hover {

color:#FFFFFF;

text-decoration:none;

}



/*****************Slideshows*****************/



/*#showit {

width:350px;		

height:200px;		

position:relative;

margin:0 auto;

}*/

#showit {

	height:125px;

	width:300px;

	margin:0 auto;

}

#showit h1 {

font-size:28px;

font-weight:bold;

font-style:italic;

margin:5px 0 0 0;

text-align:center;

color:#999999;			/* title color */

}

#showit h2 {

font-size:18px;

font-weight:normal;

font-style:italic;

margin:5px;

text-align:center;

color:#666666;			/* subtitle color */

}



.error {

margin:20px;

border:2px solid #990000;

padding:20px;

color:#990000;

background-color:#cc7f7f;

font-size:12px;

text-align:center;

}

.error a:link, .showit_error a:visited {

color:#FFFFFF;

text-decoration:underline;

}

.error a:hover, .showit_error a:active {

color:#FFFFFF;

text-decoration:none;

background-color:#990000;

}



/** **/

#texte .droite {

	padding:10px 5px 0 5px;

}



#texte .droite p {

color:#FFF;

margin:0 0 10px 0;

text-align:left;





}



#texte .droite p.lien {

text-align:center;

}



#texte .droite p  a{

text-decoration:none;

color:#f3871a;



}



#texte .droite p  a:hover{

text-decoration:underline;

}



/** **/





.opacity img {

filter:alpha(opacity=80);  

-moz-opacity: 0.8;  

opacity: 0.8;

}					 



.opacity:hover img {

filter:alpha(opacity=50);

-moz-opacity: 0.5;

opacity: 0.5;

}



#encart-opacity a{

filter:alpha(opacity=100);  

-moz-opacity: 1;  

opacity: 1;

}



#encart-opacity a:hover {

filter:alpha(opacity=50);  

-moz-opacity: 0.5;  

opacity: 0.5;

}



/********* GALERIE PHOTOS *********/



#galerie{

	float:left;

	width:200px;

	height:200px;

	margin:10px 10px;

}

#galerie10{

	float:left;

	margin-left:20px;

	padding:0;

	text-align:left;

	width:250px;

}

#galerieSansSlide{

	float:left;

	width:200px;

	height:260px;

	margin:10px 10px;

}

#galerie img{

	float:left;

	height:58px;

	width:58px;

	margin:2px;

	border:none;

}

#galerieSansSlide img{

	float:left;

	height:58px;

	width:58px;

	margin:2px;

	border:none;

}

#modeleSlideshow{

	float:left;

	height:125px;

	width:300px;

	margin-left:10px;

}

#visuSlide{

	float:left;

	width:245px;

	height:80px;

}

span.modeleSlideshowTitle{

	float:left;

	color:#DDDDDD;

	font-size:14px;

	text-align:left;

	margin-left:0px;

}



.imgCentre img{

	margin:auto;

}

.legende{

	float:right;

	color:#999999;

	text-align:center;

	font-size:11px;

	width:370px;

}

.legende.left{

	float:left;

	margin-left:40px;

}

.spacerSlide{

	height:84px;

}