/* CSS Document */
body {
background-repeat:no-repeat;
margin-left:auto;
_margin-left:20px;
margin-right:auto;
margin-top:auto;
margin-bottom:auto;
width:800px;
height:500px;
font-family:arial;
font-size:11px;
}
.extrait{
position:absolute;
width:300px;
margin-left:480px;
margin-top:100px;
text-indent:40px;
padding-left:10px;

}
.conteneur{
width:900px;
margin-left:auto;
margin-right:auto;
left:auto;
}


.anim{
width:800px;
margin-left:0px;
margin-right:auto;
margin-top:0px;
}
* html .anim{
margin-left:50px;
}
.anim2{
width:100px;
position:absolute;
margin-left:780px;
margin-top:290px;
}
.anim3{
width:100px;
position:absolute;
margin-left:380px;
margin-top:100px;
}

.menu{

width:980px;
height:200px;
margin-left:-90px;
margin-top:0px;
border:#99CC00;
/*border:solid red;**/}

* html .menu{
margin-left:0px;
}


.compagnie{
width:500px;
margin-left:auto;
margin-right:auto;
margin-top:20px;}

.entrer{
font-family:arial;
font-size:12px;
color:#999999;
position:absolute;
margin-left:350px;
margin-top:0px;
}

.texteaccueil{
width:600px;
margin-left:auto;
margin-right:auto;
font-size:15px;
font:Arial;}

.texteauteur{
width:600px;
margin-left:auto;
margin-right:auto;
font-size:9px;
font:Arial, Helvetica, sans-serif;}

.dessus{
position:absolute;
margin-top:0px;
margin-left:300px;

width:500px;
}

.paille{
position:absolute;
margin-left:140px;
margin-top:71px;

}
.ardoise{
position:absolute;
margin-left:350px;
margin-top:126px;

}

.terre{
position:absolute;
margin-left:262px;
margin-top:51px;
}

.camion{
position:absolute;
margin-left:470px;
margin-top:370px;
}
.bandeau{
margin-top:120px;
margin-left:120px;
}

* html .bandeau{
margin-left:170px;
}
.bandeau2{
margin-top:78px;
margin-left:120px;
}
.agenda_texte {padding-top : 20px ;
				padding-bottom : 5px ;
				padding-left : 15px ;
				padding-right : 14px ;
				font:Arial;
				font-size:11px;
				text-align : left ;
				color:#FFFFFF;
				}

.gauchehaut {width : 140px ;
			    height : 40px ;
				background : url(documents/haut2.jpg)  no-repeat center top ;}

.gauchemiddle {width : 140px ;
				  min-height : 300px ;
				  max-height : 700px ;
				  padding-bottom : 25px ;
				  padding-top : 0px ;
				  
			      background : url(documents/milieu.jpg) repeat-y center top ;
				  font-family : Arial, Helvetica, sans-serif ;
				  font-size : 12px ;
				  color : #FFFFFF ;
				  text-align : center ;
				  font-weight : bold ;}

.gauchebas {width : 140px ;
			   height : 10px ;
			   background : url(documents/bas.jpg) no-repeat center top ;}
		
.droitehaut {width : 780px ;
			    height : 30px ;
				background : url(documents/haut_structure.jpg) no-repeat center top ;
				margin-left:100px;}

.droitemiddle {width : 780px ;
				  min-height : 400px ;
				  max-height : auto ;
				  padding-top : 20px ;
			      background : url(documents/milieu_structure.jpg) repeat-y center top ;
				  font-family : Arial, Helvetica, sans-serif ;
				  font-size : 12px ;
				  color : #000000 ;
				  text-align : left ;
				  font-weight : bold ;
				  margin-left:100px;}

.droitebas {width : 780px ;
			   height : 80px ;
			   background : url(documents/bas_structure.jpg) no-repeat center top ;
			   margin-left:100px;}
.droite2{
position:absolute;
width:780px;
margin-top:-20px;
margin-left:100px;
/*border:solid red;**/
}	

.font{
padding-left:50px;
width:700px;
font-family:arial;
}	   			   
.gauche{
position:absolute;
width:170px;
margin-top:0px;
margin-left:-80px;
/*border:solid red;**/
}
* html .gauche{
margin-left:0px;
}
.gauche2{
position:absolute;
width:170px;
height:300px;
margin-top:90px;
margin-left:-100px;
/*border:solid red;**/
border-collapse:collapse;
}
.droite{
position:absolute;
margin-top:-430px;
margin-left:100px;
/*border:solid blue;**/
}
.milieu_gauche{
position:absolute;
width:400px;
margin-left:100px;
margin-top:-430px;
/*border:solid yellow;**/
}
.milieu_droite{
position:absolute;
width:350px;
border:solid green;
margin-left:420px;
margin-top:
}

.carre{
border:white;
color:#FFFFFF;
}


a:hover{color:#FFFFFF; 
		text-decoration:none;
		border:#FFFFFF;}

a:link{color:#FFFFFF; 
	   text-decoration:none;
	   border:#FFFFFF;}

a:visited{color:#FFFFFF; 
		  text-decoration:none;
		  border:#FFFFFF;}
a:active{color:#FFFFFF; 
		  text-decoration:none;
		  border:#FFFFFF;}
		  
.titre{
position:absolute;
padding-left:120px;
width : 280px;
height:150px;
margin-top:100px;
font:Arial;
font-weight:bold;
font-size:25px;
/*border:solid red;**/
}
.titre1{
background-color:#666666;
padding-left:-15px;
margin-left:100px;
width : 290px;
margin-top:0px;
font:Arial;
font-weight:bold;
font-size:30px;
/*border:solid red;**/
}
* html .titre1{
margin-left:150px;
}

.titre1bis{
background-color:#666666;
padding-left:-15px;
margin-left:70px;
width : 330px;
margin-top:0px;
font:Arial;
font-weight:bold;
font-size:30px;
/*border:solid red;**/
}
.titre2{
background-color:#666666;
padding-left:-15px;
margin-left:100px;
width : 290px;
margin-top:40px;
font:Arial;
font-weight:bold;
font-size:30px;
/*border:solid red;**/
}
.titre3{
background-color:#666666;
padding-left:-15px;
margin-left:100px;
width : 290px;
font:Arial;
font-weight:bold;
font-size:30px;
/*border:solid red;**/
}
* html .titre3{
margin-left:150px;
}
.texte2{
margin-left:110px;
width : 280px;
padding-top:20px;
font:Arial;
font-size:11px;
line-height : auto;
text-align:left;
padding-bottom:50px;
/*border:solid yellow;**/
}
* html .texte2{
margin-left:160px;
}
.texte9{
margin-left:110px;
width : 380px;
margin-top:110px;
font:Arial;
font-size:11px;
line-height : auto;
text-align:left;
/*border:solid yellow;**/
}

.texte8{
margin-left:100px;
width : 750px;
font:Arial;
font-size:11px;
line-height : auto;
text-align:left;
padding-bottom:10px;
padding-top:20px;
/*border:solid yellow;**/
}

* html .texte8{
margin-left:150px;
}
.texte5{
margin-left:100px;
width : 290px;
padding-top:100px;
font:Arial;
font-size:15px;
font-weight:bold;
line-height :16px;
text-align:right;
/*border:solid yellow;**/
}
.texte1{
margin-left:300px;
width : 290px;
margin-top:200px;
font:Arial;
font-size:11px;
line-height : auto;
text-align:left;
/*border:solid yellow;**/
}
.texte6{
margin-left:300px;
width : 290px;
margin-top:25px;
font:Arial;
font-size:11px;
line-height : auto;
text-align:left;
/*border:solid yellow;**/

}.texte7{
background-color:#FFFFFF;
margin-left:300px;
width : 290px;
margin-top:-120px;
font:Arial;
font-size:11px;
line-height : auto;
text-align:left;
padding-left:5px;
/*border:solid yellow;**/
}
.texte3{
margin-left:110px;
width : 290px;
margin-top:30px;
font:Arial;
font-size:16px;
line-height : auto ;
text-align:left;
/*border:solid yellow;**/
}
* html .texte3{
margin-left:160px;
}
.texte4{
margin-left:110px;
width : 280px;
margin-top:25px;
font:Arial;
font-size:11px;
line-height : auto ;
text-align:left;
/*border:solid yellow;**/
}
* html .texte4{
margin-left:160px;
}

.texte{width : 500px ;
position:absolute;
font-family : "Arial" ;
font-size : 10px ;
line-height : 12px ;
}
.photo{
width:350px;
position:absolute;
margin-left:400px;
margin-top:90px;
}
* html .photo{
margin-left:300px;
}
.photo4{
padding-bottom:10px;
margin-left:100px;
}
.photo5{
position:absolute;
width:350px;
margin-top:0px;
margin-left:420px;
}

* html .photo5{
margin-left:300px;
}

.photo9{
position:absolute;
width:470px;
margin-top:0px;
margin-left:420px;
}
* html .photo9{
margin-left:330px;
}
.photo6{
position:absolute;
width:350px;
margin-top:480px;
margin-left:420px;
}
.photo10{
width:350px;
position:absolute;
margin-left:430px;
margin-top:00px;
}
* html .photo10{
margin-left:480px;
}

.photo11{
width:350px;
position:absolute;
margin-left:430px;
margin-top:00px;
}
* html .photo11{
margin-left:430px;
}

.photo12{
width:350px;
position:absolute;
margin-left:430px;
margin-top:00px;
}
* html .photo12{
margin-left:330px;
}
.photo1{
width:350px;
position:absolute;
margin-left:430px;
margin-top:00px;
}

* +html .photo1{
left:300px;
}
* html .photo1{
left:20px;
}
.equipe{
width:250px;
position:absolute;
top:775px;
margin-left:110px;
margin-top:00px;
}

* +html .equipe{
left:330px;
}
* html .equipe{
left:40px;
}
.photo3{
width:350px;
position:absolute;
margin-left:470px;
margin-top:100px;
}
.photo7{
width:440px;
position:absolute;
margin-left:420px;
margin-top:80px;
}
.photo2{
position:absolute;
margin-left:-200px;
margin-top:-200px;}

.diapo{
position:absolute;
width:100px;
margin-left:120px;
margin-top:0px;
}
.sstitre{
margin-left:120px;
margin-top:0px;
}
* html .sstitre{
margin-left:170px;
}
.grand{
width:0px;
position:absolute;
margin-top:40px;
margin-left:230px;
}
.intro{
margin-left:350px;
}

.mentions{
width:768px;
margin-top:5px;
margin-left:auto;
margin-right:auto;
padding-bottom:20px;
padding-top:0px;
font:Arial;
font-size:9px;
color:#666666;
}

.mentions1{
width:768px;
margin-top:32px;
margin-left:auto;
margin-right:auto;
padding-bottom:20px;
padding-top:0px;
font:Arial;
font-size:9px;
color:#666666;
text-align:center;
}
.mentions2{
position:absolute;
width:768px;
margin-top:415px;
margin-left:auto;
margin-right:auto;
padding-bottom:10px;
padding-top:0px;
font:Arial;
font-size:9px;
color:#666666;
}
.mentions3{
position:absolute;
width:768px;
margin-top:138px;
margin-left:auto;
margin-right:auto;
padding-bottom:10px;
padding-top:0px;
font:Arial;
font-size:9px;
color:#666666;
}
.mentions4{
position:absolute;
width:768px;
margin-top:125px;
margin-left:auto;
margin-right:auto;
padding-bottom:10px;
padding-top:0px;
font:Arial;
font-size:9px;
color:#666666;
}



.formu{
width:500px;
margin-left:110px;
padding-top:0px;
color:#333333;
}

* html .formu{
margin-left:160px;
}
input{
background-image:url(IMAGES/vignettes/fondinput1.jpg);
border:1px solid #999999;
color:#CC0033;
font-weight:bold;
font-size:15px;}

.bouton{
background-color:#FFFFFF;
font-size:9px;
cursor:pointer;
margin-left:500px;}


.bouton2{
background-color:#FFFFFF;
font-size:9px;
cursor:pointer;
margin-left:0px;}

.image {
 border:white;
 color:#FFFFFF;
  }	
  
.diaporama{
margin-left:110px;
position:relative;
}
.diaporama2{
margin-left:100px;
width:700px;
height:400px;
padding-bottom:180px;
}

.thumb{
width:130px;
top:0;
left:0;
height:0px;
border:none;
}
  
.thumb a {
  margin:0px;
  text-decoration:none;
  }
  
  
 .thumb a .grand2{
 position:absolute;
 margin-top:930px;
 margin-left:210px;
  display:block;
  border:white;
  color:#000000; 
  width:0px;
  }
  
.thumb a:hover .grand2 {
top:0px;
left:120px;
height:400px;
width:600px; 
border:white;
color:#000000;
}
.thumb a .grand4{
 position:absolute;
 margin-top:820px;
 margin-left:210px;
  display:block;
  border:white;
  color:#000000; 
  width:0px;
  }
  
.thumb a:hover .grand4 {
top:0px;
left:120px;
height:400px;
width:600px; 
border:white;
color:#000000;
}

.thumb a .grand5{
 position:absolute;
 margin-left:120px;
 margin-top:20px;
  display:block;
  border:white;
  color:#000000; 
  width:0px;
  }
  
.thumb a:hover .grand5 {
top:0px;
height:450px;
width:auto;
border:white;
color:#000000;
}


.thumb a .grand6{
 position:absolute;
 margin-top:820px;
 margin-left:210px;
  display:block;
  border:white;
  color:#000000; 
  width:0px;
  }
  
.thumb a:hover .grand6 {
top:0px;
left:120px;
height:400px;
width:600px; 
border:white;
color:#000000;
}
.thumb a .grand7{
 position:absolute;
 margin-top:1020px;
 margin-left:210px;
  display:block;
  border:white;
  color:#000000; 
  width:0px;
  }
  
.thumb a:hover .grand7 {
top:0px;
left:120px;
height:400px;
width:600px; 
border:white;
color:#000000;
}

.thumb a .legende{
 position:absolute;
 margin-top:480px;
 display:block;
 margin-left:110px;
 border:none;
  width:0px;
  }
  
.thumb a:hover .legende {
top:0px;
border:none;
width:auto;
}
.thumb a .grand3{
 position:absolute;
 margin-top:650px;
 margin-left:210px;
  display:block;
  border:white;
  color:#000000; 
  width:0px;
  }
  
.thumb a:hover .grand3 {
top:0px;
left:120px;
height:400px;
width:600px; 
border:white;
color:#000000;
}
.img1{
position:absolute;
height:370px;
margin-top:0px;
margin-left:400px;
}

.img2{
height:370px;
margin-top:20px;
margin-left:100px;
}
.diapo2{
margin-top:30px;
margin-left:100px;
width:800px;
height:90px;
}
.bandeau1{
width:800px;
border:none;
margin-top:30px;
margin-left:100px;
}
* html .bandeau1{
margin-left:150px;
}
.instruct{
width:300px;
margin-top:20px;
margin-left:100px;
}
* html .instruct{
margin-left:150px;
}
.contenu{
margin-top:200px;}

.haut{
margin-top:170px;
margin-left:100px;
padding-bottom:30px;
}

.telecharger{
margin-left:100px;
padding-bottom:50px;
}

.diapo1{
margin-top:20px;
margin-left:100px;
border:none;
}
* html .diapo1{
margin-left:150px;
}
.thumb2{
top:0;
left:0;
border:none;
width:20px;}


.thumb2 a{
margin:0;
text-decoration:none;
border:none;}

.thumb2 a:hover{
background-color:#FFFFFF;
border:none;

}
.thumb2 a .grand8{
display:block;
position:inherit;
float:left;
margin-left:50px;
width:0px;
border:none;}

* html .thumb2 a .grand8{
margin-left:20px;
margin-top:-250px;
}

.thumb2 a:hover .grand8{
top:0px;
position:fixed;
width:auto;
border:none;}

.thumb3{
top:0;
left:0;
height:0px;
border:none;
width:20px;}


.thumb3 a{
margin:0;
text-decoration:none;
border:none;}

.thumb3 a:hover{
background-color:#FFFFFF;
border:none;

}
.thumb3 a .grand8{
display:block;
position:inherit;
float:left;
margin-left:160px;
width:0px;
border:none;}

.thumb3 a:hover .grand8{
top:0px;
position:fixed;
width:auto;
border:none;}

.textmodif{
color:#CC0033;
margin-left:110px;
width : 280px;
font:Arial;
font-size:11px;
line-height : auto;
text-align:left;
padding-bottom:0px;
}

.texte2bis{
margin-top:20px;
margin-left:110px;
width : 280px;
font:Arial;
font-size:11px;
line-height : auto;
text-align:left;
padding-bottom:0px;
}
* html .texte2bis{
padding-left:160px;
}
.texte12{
margin-top:0px;
margin-left:410px;
width : 420px;
font:Arial;
color:#CC0033;
font-size:12px;
text-align:left;
}

* html .texte12{
margin-left:460px;
}

.texte13{
margin-top:10px;
margin-left:410px;
width : 300px;
font:Arial;
font-size:14px;
line-height : auto;
text-align:left;
padding-bottom:0px;

}
* html .texte13{
margin-left:460px;
}

.logo{
margin-left:410px;
width : 420px;
padding:10px;
}

* html .logo{
margin-left:460px;
}

.texte2bis2{
margin-top:100px;
margin-left:80px;
width : 330px;
font:Arial;
font-size:12px;
line-height : auto;
text-align:right;
padding-bottom:10px;
padding-right:10px;
}
.texte11{
padding-top:20px;
margin-left:420px;
margin-top:0px;
width : 280px;
font:Arial;
font-size:12px;
line-height : auto;
text-align:left;
}

.imgaccueil{
position:absolute;
margin-top:0px;
margin-left:120px;
}
* html .imgaccueil{
margin-left:170px;
}
.photo8{
position:absolute;
padding-left:110px;
padding-top:120px;
}
* +html .photo8{
padding-left:0px;
}
* html .photo8{
padding-left:0px;
}
.liens{
margin-left:110px;}

div#tst
{
position:absolute;
margin-left:100px;
margin-top:80px;
width:580px;
height:170px;
overflow:auto;
color:#FFFFFF;
padding-right:10px;
padding-left:0px;
padding-top:100px;
padding-bottom:30px;
background:url(IMAGES/fond5.jpg);
background-color:#000000;
background-repeat:no-repeat;
}

div#tst2
{
margin-left:100px;
margin-top:0px;
width:595px;
height:230px;
overflow:auto;
color:#FFFFFF;
padding-right:10px;
padding-left:10px;
padding-top:40px;
padding-bottom:0px;
background:url(IMAGES/fond6.jpg);
}
*+html div#tst2{
background:url(IMAGES/fond10.jpg);
background-repeat:no-repeat;
background-color:#CCCCCC;

}
* html div#tst2{
background:url(IMAGES/fond10.jpg);
background-repeat:no-repeat;
background-color:#CCCCCC;
margin-left:150px;
}
div#tst3
{
position:absolute;
margin-left:100px;
margin-top:80px;
width:430px;
height:170px;
overflow:auto;
color:#FFFFFF;
padding-right:10px;
padding-left:10px;
padding-top:100px;
padding-bottom:30px;
background:url(IMAGES/fond7.jpg);
}
*+html div#tst{
background:url(IMAGES/fond8.jpg);
background-repeat:no-repeat;
background-color:#000000;
}
* html div#tst{
background:url(IMAGES/fond8.jpg);
background-repeat:no-repeat;
background-color:#000000;
margin-left:150px;
}

.avant{
position:absolute;
margin-left:580px;
margin-top:95px;
min-height:240px;
max-height:330px;
min-width:200px;
background-color:#CCCCCC;
padding:10px;
}


.contenu2{
width:200px;
padding-bottom:50px;
padding-left:10px;
}

.contenu3{
width:260px;
padding-bottom:50px;
}


.tele{
width:200px;
margin-top:400px;
margin-left:100px;
}

.point{
margin-top:350px;
}
.fond{
margin-left:100px;
margin-top:0px;
width:700px;
}
* html .fond{
margin-left:150px;
}
.taille{
margin-left:100px;
}
* html .taille{
margin-left:150px;
}
.hautdepage{
margin-left:100px;
}

.galerie{
width:10px;
height:20px;
}

input .bouton2{
background-color:#CC0000;
}