@charset "utf-8";
/* CSS Document */

body{
width:955px;
background-color:#fff;
margin-left:auto;
margin-right:auto;
margin-top:0px;
padding:0px;
font-size:13px;
color:#000;
font-family: CoconOT-Regular, verdana, sans-serif;
}

h1{margin-top:30px;
color:#1e378b;}

hr{
margin-top:20px;
margin-bottom:20px;
}

a:link{
color:#d20045;
}

a:visited{
color:#1e378b;
}

a:hover{
color:#d20045;
}

a:active{
color:#d20045;
}

.strong{
font-weight:bold;}

.italic{
font-style:italic;}

.petit{
font-size:10px;}


/*Accueil*/

#entete-accueil {
width:955px;
height:110px;
background-color:#fff;
border:0px solid red;}

#entete-accueil img {
margin-left:226px;
margin-top:16px;}

#main-accueil{
background-image:url(img/Photo_ArrierePlan.jpg);
background-repeat:no-repeat;
width:955px;
height:340px;
}

#slideshow{
position:absolute;
width:469px;
height:300px;
margin-top:20px;
margin-left:243px;
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}

#slideshow IMG.active {
    z-index:10;
    opacity:1.0;
}

#slideshow IMG.last-active {
    z-index:9;
}

#foot-accueil{
background-image:url(img/Bandeau_Bleu_Textes.png);
background-repeat:no-repeat;
height:114px;}

#foot-accueil img{
margin-top : 10px;}

/* menu à coulisse */
  

	
			#nav {
			
				list-style: none ;
				margin:0 0 0 192px ;
				padding: 0 ;
				overflow: hidden ;		/* Création du contexte de formatage */
				}
			#nav li {
				float: left ;
				width: 114px ;
				height:91px;
				margin-top:10px;
				/*margin-right: 1px ;*/
				}
			#nav li.presentation a {
				display: block ;
				background:url(img/menu/presentation.png) no-repeat ;
				background-position:right;
				height:91px;
				}
			#nav li.presentation a:hover, #nav li.presentation a:focus, #nav li.presentation a:active, #nav li.presentation-on a  {
				display: block ;
				background: url(img/menu/presentation.png) no-repeat ;
				background-position:left;
				height:91px;
				}
			
			#nav li.contact a {
				display: block ;
				background:url(img/menu/contact.png) no-repeat ;
				background-position:right;
				height:91px;
				}
			#nav li.contact a:hover, #nav li.contact a:focus, #nav li.contact a:active, #nav li.contact-on a {
				display: block ;
				background: url(img/menu/contact.png) no-repeat ;
				background-position:left;
				height:91px;
				}
			#nav li.realisations a {
				display: block ;
				background:url(img/menu/realisations.png) no-repeat ;
				background-position:right;
				height:91px;
				}
			#nav li.realisations a:hover, #nav li.realisations a:focus, #nav li.realisations a:active, #nav li.realisations-on a {
				display: block ;
				background: url(img/menu/realisations.png) no-repeat ;
				background-position:left;
				height:91px;
				}
			#nav li.plan a {
				display: block ;
				background:url(img/menu/plan.png) no-repeat ;
				background-position:right;
				height:91px;
				}
			#nav li.plan a:hover, #nav li.plan a:focus, #nav li.plan a:active , #nav li.plan-on a{
				display: block ;
				background: url(img/menu/plan.png) no-repeat ;
				background-position:left;
				height:91px;
				}
			#nav li.parc a {
				display: block ;
				background:url(img/menu/parc-machines.png) no-repeat ;
				background-position:right;
				height:91px;
				}
			#nav li.parc a:hover, #nav li.parc a:focus, #nav li.parc a:active, #nav li.parc-on a {
				display: block ;
				background: url(img/menu/parc-machines.png) no-repeat ;
				background-position:left;
				height:91px;
				}

/*Présentation*/

#entete{
background-image:url(img/Bandeau_Bleu_haut_LogoTDI.png);
background-repeat:no-repeat;
}

#main{
width:955px;
padding-bottom:20px;}

#main-presentation{
background-image:url(img/presentation_ArrierePlan.png);
background-repeat:no-repeat;
background-position:top;
background-color:#ebe7db;
width:955px;
padding-bottom:20px;
}

#texte{padding:20px;}

#entete	#nav {
list-style: none ;
margin:0px 0 0 192px ;
padding-top: 37px ;
overflow: hidden ;		/* Création du contexte de formatage */
}

#foot{
background-image:url(img/Bandeau_Bleu_bas.png);
background-repeat:no-repeat;
background-position:top;
height:114px;
}

#foot-plan{
background-image:url(img/Bandeau_Bleu_bas.png);
background-repeat:no-repeat;
background-position:top;
position:absolute;
top:513px;
height:114px;
width:955px;
border:0px solid red;
}



#foot #nav {
height:91px;
position:absolute;	
list-style: none ;
margin:-55px 0 0 420px ;
padding-top:0px ;
overflow: hidden ;
/* Création du contexte de formatage */
}

#foot-plan #nav {
height:91px;
position:absolute;	
list-style: none ;
margin:-55px 0 0 420px ;
padding-top:0px ;
overflow: hidden ;
/* Création du contexte de formatage */
}

				
#foot #nav li.accueil a {
display: block ;
background:url(img/menu/accueil.png) no-repeat ;
background-position:right;
height:91px;}
				
#foot-plan #nav li.accueil a {
display: block ;
background:url(img/menu/accueil.png) no-repeat ;
background-position:right;
height:91px;
}
				
#foot #nav li.accueil a:hover, #nav li.accueil a:focus, #nav li.accueil a:active {
background: url(img/menu/accueil.png) no-repeat ;
top : -20px;
height:91px;
}
				
#foot-plan #nav li.accueil a:hover, #nav li.accueil a:focus, #nav li.accueil a:active {
background: url(img/menu/accueil.png) no-repeat ;
top : -20px;
height:91px;
}

#foot img{
position:absolute;
margin-top:-58px;
margin-left:700px;
}

#foot-plan img{
position:absolute;
margin-top:-58px;
margin-left:700px;
}


/*Parc machines*/

#main-parc-machine #col-droite{
margin-left:5px;
float:left;
width:495px;
height:345px;
background-image:url(img/parc-machines.jpg);
background-repeat:no-repeat;
}

#main-parc-machine #col-gauche{
padding:10px;
float:left;
width:392px;
background-image:url(img/degrade-parc-machine.png);
background-repeat:no-repeat;
height:300px;
overflow:auto;}

#main-parc-machine{
background-color:#fff;
width:955px;
padding-bottom:20px;
}

#main-parc-machine h2{
font-size:14px;
color:#6d82f8;
text-decoration:underline;
font-weight:bold;}

/*Contact*/

.form_erreur{
color:#d20045;}

#form_submit{
background-image:url(img/envoyer.png);
width:108px;
height:32px;
border:0px;
margin-left:403px;
margin-top:2px;
margin-bottom:20px;}

#col-a{
width:420px;
background-color:#b1b1b1;
border-top:1px solid #2c2c9f;
border-left:1px solid #2c2c9f;
border-bottom:1px solid #2c2c9f;
margin-left:30px;
padding:3px;
float:left;
margin-top:2px;
font-weight:bold;
height:20px;}

input{
background-color:#FFFFFF;
width:420px;
border:1px solid #2c2c9f;
padding:3px;
float:left;
margin-top:2px;
height:20px;
}

textarea{
background-color:#FFFFFF;
width:847px;
border:1px solid #2c2c9f;
padding:3px;
margin-top:2px;
height:150px;
overflow:auto;
margin-left:30px;
}

#antispam{
display:none;}

/*Plan d'accès*/

#main-plan{
position:absolute;
z-index:-100;
height:355px;
background-image:url(img/Photo_plan-acces.jpg);
background-repeat:no-repeat;
background-position:top;
background-color:#ebe7db;
width:955px;
margin-top:-45px;
padding-top:45px;
padding-bottom:20px;
border:0px solid red;
}



#main-plan #col-gauche{
margin-left:62px;
_margin-left:31px;
float:left;
margin-top:-28px;
}

#main-plan #col-droite{
margin-left:62px;
_margin-left:31px;
float:left;
margin-top:10px;
margin-bottom:18px;
}

#main-plan #col-droite li{
list-style-type:none;
background-image:url(img/Bouton_Imprimer.png);
background-position:-5px 0px 0px 0px;
background-repeat:no-repeat;
padding-left:30px;
padding-top:4px;
height:23px;
margin-left:200px;
}

#coordonnees{
margin-top:20px;
background-image:url(img/coordonnes.png);
background-repeat:no-repeat;
width:344px;
height:199px;
text-align:center;
padding-top:20px;
font-size:16px;}

#coordonnees .petit{
font-size:14px;
}

#coordonnees a{
text-decoration:none;}

#gps{
margin-top:30px;
background-image:url(img/gps.png);
background-repeat:no-repeat;
width:344px;
height:33px;
padding-top:30px;
text-align:center;
font-weight:bold;
font-size:16px;}

/*Réalisations*/

.rouge{
color:#ff0a00;}

.plv{
float:left;
width:280px;
padding:10px;
text-align:center;
margin:2px;}

.plv div{
margin-top:20px;
border-top:1px solid #cccccc;
padding-top:20px;}

#realisations-plv{
text-align:center;
font-size:12px;
font-weight:bold;}

#realisations-plv a:link.on{
color:#FF3300;
text-decoration:none;} 
#realisations-plv a:visited.on{
color:#FF3300;
text-decoration:none;}
#realisations-plv a:hover.on{
color:#FF3300;text-decoration:none;} 
#realisations-plv a:active.on{
color:#FF3300;text-decoration:none;}

#realisations-plv a:link.off{
color:#999999;
text-decoration:none;} 
#realisations-plv a:visited.off{
color:#999999;
text-decoration:none;}
#realisations-plv a:hover.off{
color:#999999;
text-decoration:none;} 
#realisations-plv a:active.off{
color:#999999;
text-decoration:none;}