/* CSS Document */

img{
border:0;
}


body{
margin:0;
padding:0;
background-image:url(img/fond_body.jpg);
background-position:0 0;
background-repeat:repeat;
font-family:Arial, Helvetica, sans-serif;
font-size:80%;
color:black;
}


a:visited{
color:#003399
}

a:hover{
color:#000000;
}

a:link{
color:#003399;
}

#bloc_all{
background-color:#ffffcc;
padding:0;
width:850px;
border:1px solid #003399;
margin:0 auto!important;
height:638px;
}
.intro_index#bloc_all {
background-color:#transparent;
padding:0;
width:850px;
border:1px solid #003399;
margin:0 auto 0 auto;
height:600px!important;
}

#flash_intro{
margin:0px 0 0 0;
}


#entete{
background-image:url(img/entete.jpg);
background-position:0 0;
background-repeat:no-repeat;
width:850px;
height:141px;
}

#entete2{
background-image:url(img/entete2.jpg);
background-position:0 0;
background-repeat:no-repeat;
width:850px;
height:141px;
}
#entete2 img, #entete img{
border:0;}

#corps{
background-image:url(img/corps.jpg);
background-position:0 0;
background-repeat:no-repeat;
width:850px;
height:427px;
border:0px solid blue;
}

#pied{
background-color:transparent;
background-image:url(img/pied.jpg);
background-position:0 0;
background-repeat:no-repeat;
width:850px;
height:69px;
}

#pied2{
background-image:url(img/pied2.jpg);
background-position:0 0;
background-repeat:no-repeat;
width:850px;
height:69px;
}

#enveloppe{
background-color:transparent;
width:620px;
height:430px;
float:left;
padding:10px 0 0 0 ;
margin:0;
}

.spacer{
clear:both;
height:0;
width:550px;
}

/*-----------ACTU INDEX------------*/

#actualites{
	position:absolute;
	top:161px;
	left:85px;
	z-index:1;
	overflow: visible;
	visibility: visible;
	width: 723px;
}

#index_actu_g{
border:0px solid black;
width:53%;
float:left;
}

#index_bloc_actu{
border:0px solid red;
border-top:4px solid #817C6E;
margin:0 0 20px 0;
width:100%;
}

#actu_titre{
background-image:url(img/puce_actu.png);
background-position:0 4px;
background-repeat:no-repeat;
padding:0 0 0 21px;
font-size:1.4em;
font-weight:bold;
clear:both;
text-align:left;

}

#actu_date{
float:left;
font-size:0.8em;
color:white;
width:100%;
text-align:left;
margin:0 0 0 24px;

}
		         
#actu_img{
float:right;
padding:0 0 0 5px ;
}

#actu_actu{
border:0px solid red;
text-align:justify;
margin:0 0 0 24px;
padding:0;
}


/*-------------LIENS NAV--------------*/

#liens_nav{
background-color:transparent;
margin:0px 0 0 0;
padding:0;
float:left;
height:60px;
width:100%;
}

#bloc_liste{
background-color:transparent;
margin:0 0 0 30px;
padding:0;
height:30px;
}

#bloc_liste li{
display:inline;
margin:0.3em;
font-family:Arial, Helvetica, sans-serif;
font-size:0.8em;
}

.liens_list{
line-height:30px;
color:black;
font-weight:bold;
font-size:1.1em;

}

.lien_on{
background-image:url(img/fond_lien_nav.jpg);
background-position:0 -30px;
background-repeat:no-repeat;
height:30px;
padding:1em;
}

.lien_onb{
background-image:url(img/fond_lien_nav.jpg);
background-position:0 0px;
background-repeat:no-repeat;
height:30px;
padding:1em;
}

.lien_on:hover, .lien_onb:hover, .lien_on_active{
background-image:url(img/fond_lien_nav_or.jpg);
background-position:0 0px;
background-repeat:no-repeat;
height:30px;
padding:1em;
}


/*-------------ACCUEIL--------------*/

#titre{

}

#text{
float:left;
width:300px;
text-align:justify;
font-family:Arial, Helvetica, sans-serif;
font-size:0.82em;
line-height:1em;
margin:0 0 0 10px;
}

#text span, #text strong{
color:#06a;
}

#image_acc{
float:right;
}

/*-------------MENU--------------*/

#bar_nav_droite{
border:0px solid red;
float:right;
width:205px;
}

.menu h3{
font-size:1em;
margin:0;
padding:0;
}

#puce1{
background-image:url(img/puce.png);
background-position:0 0px;
background-repeat:no-repeat;
padding:0 0 10px 25px;
margin:0 0 0 20px;
height:70px;
overflow:hidden;
border:0px solid red;
}

#puce2{
background-image:url(img/puce.png);
background-position:0 0px;
background-repeat:no-repeat;
padding:0 0 10px 25px;
margin:0 0 0 5px;
height:70px;
overflow:hidden;
border:0px solid red;
}

#puce3{
background-image:url(img/puce.png);
background-position:0 0px;
background-repeat:no-repeat;
padding:0 0 10px 25px;
margin:0 0 0 8px;
height:70px;
overflow:hidden;
border:0px solid red;
}

#puce4{
background-image:url(img/puce.png);
background-position:0 0px;
background-repeat:no-repeat;
padding:0 0 10px 25px;
margin:0 0 0 22px;
height:15px;
overflow:hidden;
border:0px solid red
}

#puce5{
background-image:url(img/puce.png);
background-position:0 0px;
background-repeat:no-repeat;
padding:0 0 10px 25px;
margin:0 0 0 31px;
height:15px;
overflow:hidden;
border:0px solid red;
}

#puce6{
background-image:url(img/puce.png);
background-position:0 0px;
background-repeat:no-repeat;
padding:0 0 10px 25px;
margin:0 0 0 40px;
height:15px;
overflow:hidden;
border:0px solid red;
}

/*-------------ENTREPRISE--------------*/

#enveloppe2{
background-color:#A3BE4B;
background-image:url(img/entreprise/fond_entreprise.jpg);
background-position:0 0;
background-repeat:no-repeat;
width:630px;
height:378px;
margin:0px 0 0 0;
float:left;
}

#titre_ent{
height:170px;
}


#image_ent{
width:180px;
height:247px;
border:0px solid red;
margin:0 0 0 430px;
}

#text_ent{
float:left;
width:390px;
text-align:justify;
font-family:Arial, Helvetica, sans-serif;
font-size:0.8em;
margin:0 0 0 10px;
padding:0 3px 0 0;
overflow-y:auto;
height:190px;
}

/*-------------SITE--------------*/

#image_site {
	border:0px solid green;
	position:absolute;
	visibility: visible;
	height: 277px;
}

img#site{
background-color:transparent;
margin-top:-45px;
margin-left:-2px;
border:0px solid blue;
}

#sous_nav{
border-top:0px solid #FFCC00;
border:0px solid red;
width:74%;
height:22px;
margin:5px 0 0 0;
padding:0;
}

#sous_nav li{
display:inline;
padding:0 0.5em 0 0.5em;
border:2px solid orange;
margin:0 5px 0 0;
}

#sous_nav li a{
text-align:center;
}

#text_site{
	background-image:url(img/process/titre.png);
	background-position:0 0;
	background-repeat:no-repeat;
	position:absolute;
	background-color:#FF9900;
	width:230px;
	height:350px;
	overflow-y:hidden;
	visibility: visible;
	padding:0 0 0.3em 0;
	margin:0;
}

#col_g_site{
float:left;
margin:0 0 0 0;
padding:0;
}

#col_d_site{
border:0px solid red;
margin: 0px 0 0 0px;
padding:0 0 0 0px;
width:400px;
height:350px;
float:right;
}
/*-------------claques Sites--------------*/
#b_hangar {
	position:absolute;
	width:20px;
	height:20px;
	z-index:3;
	left: 175px;
	top: 58px;
	padding:0;
}

#b_broyeur {
	position:absolute;
	width:20px;
	height:20px;
	z-index:3;
	left: 185px;
	top: 107px;
	padding:0;
}

#b_cribleur {
	position:absolute;
	width:20px;
	height:20px;
	z-index:3;
	left: 140px;
	top: 105px;
	padding:0;
}

#b_cribleur {
	position:absolute;
	width:20px;
	height:20px;
	z-index:3;
	left: 140px;
	top: 105px;
	padding:0;
}

#b_bat{
	position:absolute;
	width:20px;
	height:20px;
	z-index:3;
	left: 93px;
	top: 145px;
	padding:0;
}

#b_air{
	position:absolute;
	width:20px;
	height:20px;
	z-index:3;
	left: 38px;
	top: 140px;
	padding:0;
}

#b_eau{
	position:absolute;
	width:20px;
	height:20px;
	z-index:3;
	left: 43px;
	top: 185px;
	padding:0;
}

#b_lit{
	position:absolute;
	width:20px;
	height:20px;
	z-index:3;
	left: 250px;
	top: 135px;
	padding:0;
}

#b_pont{
	position:absolute;
	width:20px;
	height:20px;
	z-index:3;
	left: 225px;
	top: 215px;
	padding:0;
}

#b_vehi{
	position:absolute;
	width:20px;
	height:20px;
	z-index:3;
	left: 198px;
	top: 242px;
	padding:0;
}

#b_stati{
	position:absolute;
	width:20px;
	height:20px;
	z-index:3;
	left: 252px;
	top: 249px;
	padding:0;
}

#txt_hangar, #txt_broyeuse, #txt_cribleuse, #txt_batiment, #txt_traite_air, #txt_traite_air, #txt_traite_eau, #txt_litiere, #txt_pont, #txt_vehicule, #txt_station{
	position:absolute;
	left:8px;
	top:12px;
	width:217px;
	height:360px;
	z-index:1;
	margin:0;
	padding:0;
	visibility:hidden;
}

#txt_hangar h3, #txt_broyeuse h3, #txt_cribleuse h3, #txt_batiment h3, #txt_traite_air h3, #txt_traite_air h3, #txt_traite_eau h3, #txt_litiere h3, #txt_pont h3, #txt_vehicule h3, #txt_station h3{
	font-size:1.2em;
	color:black;
	margin:0;
	padding:0;
	height:45px;
}

#txt_hangar{
visibility:visible;
}

.descript_site{
overflow-y:auto;
height:75px;
padding:0.3em 0 0 0;
margin:0;
font-size:10px;
text-align:justify;
line-height:12px;
}



/*-------------PROCESS--------------*/

#col_h_process{
float:left;
border:0px solid red;
width:100%;
height:150px;
}

#col_b_process{
background-color:#FF3300;
margin:0 0 0 0px;
padding:0;
}

#image{
	position:absolute;
	left: 165px;
	top: 383px;
	margin:0;
	padding:0;
	visibility: visible;
}


#rempli{
position:absolute;
	left: 165px;
	top: 383px;
}

#image2{
background-color:#FF0000;
}
.flash_process {
position:absolute;
border:0px solid green;
top:200px;
left:50%;
margin-left:-195px;
}


/*-------------TRAITEMENT--------------*/

#text_traitement{
background-image:url(img/process/titre.png);
background-position:0 0;
background-repeat:no-repeat;
background-color:#FF9900;
width:200px;
line-height:14px;
font-family:Arial, Helvetica, sans-serif;
font-size:0.9em;
padding:0.5em;
text-align:justify;
margin:10px 0 0 0;
}

#text_traitement h2{
width:200px;
font-family:Arial, Helvetica, sans-serif;
font-size:1.3em;
}

#text_traitement p{
padding:5px 3px 0 0;
overflow-y:auto;
height:300px;
}


/*-------------PRODUITS--------------*/

#col_prod{
background-image:url(img/produit/fond.png);
background-repeat:no-repeat;
background-position:0 0;
width:541px;
height:320px;
margin:0 0 0 45px;
padding:5px;
border-top:1px dashed white;
border-bottom:1px dashed white;
}

#vignette{
background:#fff;
background-image:url(img/produit/titre_prod.jpg);
background-repeat:no-repeat;
background-position:0 0;
float:left;
width:130px;
text-align:center;
height:120px;
margin:15px 15px 15px 15px;
overflow:visible;
border-bottom:1px solid #033;
border-right:1px solid #033;
}
#pager{
position:relative;
float:right;
margin-top:-22px;
font-size:90%;
color:#666;
margin-right:30px;
}
.nom_img2{
padding:0 0 0 0;
text-align:center;
font-weight:bold;
font-size:0.9em;
}

.titre_cat {
width:90%;
font-size:1.6em;
font-style:italic;
padding-left:15px;
color:#060;
border-bottom:1px solid #060;


}


/*-------------TROUVER--------------*/


#text_trouver{
float:left;
width:270px;
text-align:justify;
font-family:Arial, Helvetica, sans-serif;
font-size:0.8em;
margin:0 0 0 10px;
}

#image_trouve{
border:0px solid red;
background-image:url(img/trouver/carte.png);
background-position:0 0;
background-repeat:no-repeat;
float:right;
height:350px;
width:317px
}

#table_com{
margin:180px 0 0 0 ;

}

/*-------------ENVIRONNEMENT--------------*/



#enveloppe_envi{
background-image:url(img/environnement/fond_environnement.jpg);
background-position:0 0;
background-repeat:no-repeat;
width:640px;
height:380px;
float:left;
margin: -10px 0 0 0;
padding:0;
}

#col_envi{
}

#text_envi{
border-top:1px dashed white;
border-bottom:1px dashed white;
width:490px;
overflow:auto;
height:310px;
margin:90px 0 0 150px;
font-family:Arial, Helvetica, sans-serif;
font-size:0.9em;
font-weight:normal;
}

#text_envi h2{
color:#009900;
font-family:Arial, Helvetica, sans-serif;
font-size:1.3em;
font-weight:bold;
margin:5px 0 0 0;
padding:0;
line-height:1.2em;
}

#liens_envi{
background-image:url(img/environnement/fond_environnement_liens.jpg);
background-position:0 0;
background-repeat:repeat-x;
background-color:#66CC00;
height:25px;
}

#liens_envi li{
display:inline;
}


/*-------------ESPACE PRO--------------*/

#enveloppe_pro{
background-image:url(img/pro/fond_pro_g.jpg);
background-position:0 0;
background-repeat:no-repeat;
float:left;
height:428px;
}

#col_pro{

border:0px solid red;
margin:20px 0 0 230px;
width:100%;
}

#col_pro_actu{
padding:0;
border-bottom:2px solid white;
border-right:1px solid white;
overflow-y:auto;
overflow-x:hidden;
height:415px;
margin:10px 0 2px 220px;
width:625px;
}

fieldset{
width:75%;
}

#text_pro{
font-family:Arial, Helvetica, sans-serif;
font-size:1em;
font-weight:bold;
color:#003399;
}

#corpspro{
background-image:url(img/pro/fond_pro.jpg);
background-position:0 0;
background-repeat:repeat;
width:850px;
height:427px;
}

.A{
color:#FF0000;
margin:0 0 20px 0;
font-weight:bold;
font-size:1.2em;
}



/*-----------ACTUALITES------------*/

#enveloppe{
border:0px solid red;
margin:0;
padding:0;
}

#ban_actualites{
font-family:Arial, Helvetica, sans-serif;
font-size:0.9em;
font-weight:bold;
width:100%;
color:white;
text-transform:uppercase;
padding:0.05em 0 0.05em 0;
}

.l_actu{
clear:both;
border-bottom:2px solid green;
padding :2px  ;
width:540px;
margin: 0;
background:#ffd;
}

.l_date{
float:right;
font-size:0.8em;
height:30px;
margin-top:-15px;
padding:0 0.2em 0 0;
}

.zoom{
height:30px;
width:150px;
float:left;
}

.l_titre{
background-image:url(img/actus/fond_actu.jpg);
background-position:0 0;
background-repeat:no-repeat;
height:30px;
font-family:Arial, Helvetica, sans-serif;
font-size:1.3em;
font-weight:bold;
color:#009933;
}
.l_titre2{
background-image:url(img/actus/fond_actu.jpg);
background-position:0 0;
background-repeat:no-repeat;
height:30px;
font-family:Arial, Helvetica, sans-serif;
font-size:1.3em;
font-weight:bold;
color:#9a9;
}


.l_actu_det{
border:0px solid blue;
text-align:justify;
width:auto;
margin:20px 0 0 0px;
}

.l_img{
width:auto;
float:left;
margin:5px;
padding:0;
background:#fff;
padding:1px;
border-right:1px solid #666;
border-bottom:1px solid #666;
}

#blocvide4{
clear:both;
height:10px;
}

a.clicagrandir {
font-weight:normal;
font-size:80%;
display:block;
text-decoration:none;
text-align:center;
color:#999999;
}


/*-------------CONTACT--------------*/

#enveloppe_cont{
background-image:url(img/contact/contact.jpg);
background-position:0 0;
background-repeat:no-repeat;
float:left;
height:428px;
}

#col_cont{
border:0px solid red;
margin:20px 0 0 230px;
width:550px;
}

.need {
background:#dfd;
border:1px solid #6f6;
}
/*-------------LIENS BAS--------------*/

#liens_bas{
font-size:90%;
width:100%;
text-align:center;
margin:10px 5px 0 5px;
padding:0.3em;
}

#liens_bas ul li{
border:0px solid red;
display:inline;
width:100%;
margin:10px 5px 0 5px;
text-align:center;
}
#liens_bas ul li a{
color:#66f!important;}
#liens_bas ul li a:visited{
color:#44f!important;}
#liens_bas ul li a:hover{
color:#fff!important;}
#liens_bas ul li a:active{
color:#ddf!important;}

/*-------------LISTE DOC PRO--------------*/

.doc{
background-color:transparent;
background-image:url(img/fond_doc.png);
background-position:0 0;
background-repeat:no-repeat;
border:0px solid red;
width:550px;
height:100px;
margin:0;
padding:0;
}

.img_doc{
border:0px solid orange;
width:100px;
float:left;
height:80px;
margin:10px 0 0 15px;
padding:0;
}

.date_doc{
color:red;
border:0px solid blue;
width:400px;
height:20px;
margin:0px 0 0 0;
padding:18px 0 0 0 ; 
}

.doc_pro{
border:0px solid green;
marign:0;
padding:0;
}

.titre_doc{
margin:8px 0 0 0;
padding:0;
font-size:1.1em;
}

#list_doc{
background-color:#E9E0B9;
height:400px;
overflow:auto;
width:569px;
}

/*--------------------------*/
#nav_int{
background-image:url(img/cartouche.png);
background-position:0 0;
background-repeat:no-repeat;
width:470px;
height:23px;
padding:3px 0 0 0;
margin:10px auto 0 auto;
}

#nav_int a{
font-weight:bold;
text-decoration:none;
}

.text_acc{
font-size:1.2em;
margin:0.8em 0 0 0;
padding:0;
line-height:1.4em;
}

/*-----------MENTIONS------------*/

#bloc_d_cadre{
border:0px solid red;
width:560px;
height:400px;
color:#339900;

text-align:left;
margin:10px 0 0 220px;
padding:0;
}

#ban_ment{
font-family:Arial, Helvetica, sans-serif;
font-size:1.3em;
font-weight:bold;
width:100%;
text-transform:uppercase;
padding:1em;
}


#mentions{
clear:both;
margin:0px auto 0 auto;
padding:0;
border:0px solid orange;
width:500px;
padding: 1em 1em 1em 0 ;
}

.semititre{
color:#FF9900;
}

a.creapr{
color:white;
}

.creapr a:visited{
color:white;
}

.creapr a:hover{
color:red;
}

.creapr a:active{
color:white;
}


/*---------------------------*/
a.thumbnail {
margin:auto;
border:0px solid green;
display:block;
margin-top:15px;
z-index:1;}

.thumbnail{
position: relative;
margin-top:10px;
z-index: 0;
}
a.thumbnail {
line-height:9px;
font-size:80%;
background:#ffd;
color:#666!important;
text-decoration:none!important;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
display:none;
color: black;
text-decoration: none;
z-index:1000;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
max-height:350px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
display:block;
top: 0;
left: 60px; /*position where enlarged image should offset horizontally */

}
.thumbnail .extra{
font-size:80%;
width:95%;
color:#779;
margin:auto;}

.thumbnail h4{
color:#066;
margin:-10px 0 2px 0;}