@charset "iso-8859-1";
/* CSS Document */


body {
	margin: 0; 
	padding: 0;
	text-align: center; 
}

.typoGreen {
	font-family: Arial, sans-serif;
	font-size: 12px;
	color: #333333;
}
.typoGreen3 {
	font-family: Arial, sans-serif;
	font-size: 11px;
	color: #0C4125;
}
.blancbetween {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #E8E8E8;
	font-weight: bold;
}

.typoGreen2 {
	font-family: Arial, sans-serif;
	font-size: 12px;
	color: #333333;
	font-weight: bold;
}
.typoGreen5 {
	font-family: Arial, sans-serif;
	font-size: 12px;
	color: #C63F00;
	font-weight: bold;
}
.typoGreen22 {
	font-family: Arial, sans-serif;
	font-size: 18px;
	color: #0C4125;
	font-weight: bold;
}
.fondvert {
	background-color: #FFFFFF;
}
.fondvertgauche {
	background-color: #0C4125;
}

.fondGauche {
	background-image: url(gauche/gauche_2_2.jpg);
	background-repeat: repeat-y;
}

.fond {
	background-image: url(gif/background223.jpg);
	background-repeat: repeat-x;
}

.fondTableau {
	background-color: #fdf4e1;
	padding-left: 15px;
	border: 1px solid #fad687;
}


.fondTableau2 {
	padding-left: 10px;
	padding-right:15px;
	border: 0px solid #999999;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:justify;
	color:#333333;
}

.fondTableau5 {
	padding-left: 10px;
	padding-right:15px;
	border: 0px solid #999999;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:justify;
	color:#666666;
}


.fondTableau3 {
	background-color: #ededed;
	padding-left: 15px;
	padding-right:15px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	text-align:justify;

}


.bord_vert{
	border:1px solid #3B593F;
}

.fond2 {
	background-image: url(gif/background_3.jpg);
}

.fondLien {
	background-image: url(gif/top12.jpg);
	background-repeat: no-repeat;
	height: 18px;
}
.typoBlanche {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
}

.typogray1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #CACDC9;
}
.typogray12 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #CACDC9;
}
.typogray13 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #CACDC9;
}
.typogray133 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #7c7c7c;
}
.typogray11 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
}
.typogray111 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
}
.typogray2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
}
.typogray9 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #C63F00;
}
.typogray22 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
	font-weight: Italic;
}
.typogray23 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #C63F00;
	font-weight: Italic;
}
.fond_2 {
	background-image: url(gauche/gauche_5.jpg);
	background-repeat: repeat-x;
}
.fondPage {
	background-image: url(gif/fond.jpg);
	background-repeat: repeat-y;
}
.espace {
	height: 550px;
}

a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	text-decoration: none;
}
a:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
	color: #000000;
}
a:active {
	text-decoration: none;
	color: #000000;
}

a.lieu {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	text-decoration: underline;
}
a.lieu:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	text-decoration: underline;
}
a.lieu:hover {
	text-decoration: underline;
	color: #000000;
}
a.lieu:active {
	text-decoration: none;
	color: #000000;
}

a.lien4 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	text-decoration: underline;
	font-weight: 600;
	color: #3d5b43;
}
a.lien4:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #3d5b43;
	text-decoration: underline;
}
a.lien4:hover {
	text-decoration: underline;
	color: #3d5b43;
}
a.lien4:active {
	text-decoration: none;
	color: #3d5b43;
}

a.lien2 {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
	font-weight: 600;
	color: #CACDC9;
}
a.lien2:link {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #CACDC9;
	text-decoration: none;
}
a.lien2:hover {
	text-decoration: underline;
	color: #CACDC9;
}
a.lien2:active {
	text-decoration: none;
	color: #CACDC9;
}
a.lien6 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	text-decoration: underline;
	font-weight: 600;
	color: #333333;
}
a.lien6:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #333333;
	text-decoration: underline;
}
a.lien6:hover {
	text-decoration: underline;
	color: #333333;
}
a.lien6:active {
	text-decoration: none;
	color: #333333;
}
.type1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	text-decoration: underline;
	font-weight: 600;
	color: #333333;
}
.typoGreen1 {
	font-family: Arial, sans-serif;
	font-size: 10px;
	color: #333333;
	font-weight: bold;
}
.typoGray1 {
	font-family: Arial, sans-serif;
	font-size: 12px;
	color: #666666;

}
.typoGreen11 {
	font-family: Arial, sans-serif;
	font-size: 16px;
	color: #0C4125;
	font-weight: bold;
}

.typoGreen14 {
	font-family: Arial, sans-serif;
	font-size: 14px;
	color: #333333;
	font-weight: bold;
}
.typoGreen12 {
	font-family: Arial, sans-serif;
	font-size: 12px;
	color: #0C4125;
	font-weight: bold;
}
.typoGreen13 {
	font-family: Arial, sans-serif;
	font-size: 11px;
	color: #0C4125;
	font-weight: bold;
}

.typoGreen16 {
	font-family: Arial, sans-serif;
	font-size: 16px;
	color: #0C4125;
	font-weight: bold;
}

.typoGreen17 {
	font-family: Arial, sans-serif;
	font-size: 11px;
	color: #333333;
	font-weight: bold;
}
a.lien3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #333333;
}
a.lien3:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
}
a.lien3:hover {
	color: #333333;
}
a.lien3:active {
	text-decoration: none;
	color: #333333;
}

a.lien1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #666666;
}
a.lien1:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
}
a.lien1:hover {
	color: #666666;
}
a.lien1:active {
	text-decoration: none;
	color: #666666;
}

a.lien5 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #0C4125;
}
a.lien5:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #0C4125;
}
a.lien5:hover {
	color: #0C4125;
}
a.lien5:active {
	text-decoration: none;
	color: #0C4125;
}

#menu_service {     
    width: 75px;  
    height: 22px; 
    background: url(bouttons/service1.jpg) no-repeat left top;    
} 

#menu_service a {    
    display: block; 
    width: 100%; 
    height: 100%; 
    background: url(bouttons/service2.jpg) no-repeat left top;   
    color: #FFFFFF; 
} 

#menu_service a:hover {   
    background: transparent none; 
} 


#menu_accueil {   
    width: 75px; 
    height: 22px; 
    background: url(bouttons/accueil1.jpg) no-repeat left top;   
} 

#menu_accueil a {    
    display: block; 
    width: 100%; 
    height: 100%; 
    background: url(bouttons/accueil2.jpg) no-repeat left top;    
    color: #FFFFFF; 
} 

#menu_accueil a:hover {  
    background: transparent none; 
} 


#menu_produits {    
    width: 75px; 
    height: 22px;
    background: url(bouttons/Produits1.jpg) no-repeat left top;   
} 

#menu_produits a {    
    display: block; 
    width: 100%; 
    height: 100%; 
    background: url(bouttons/Produits2.jpg) no-repeat left top;   
    color: #FFFFFF; 
} 

#menu_produits a:hover {   
    background: transparent none; 
} 


#menu_actualites {   
    width: 88px;  
    height: 22px;
    background: url(bouttons/Actualites1.jpg) no-repeat left top;  
} 

#menu_actualites a {   
    display: block; 
    width: 100%; 
    height: 100%; 
    background: url(bouttons/Actualites2.jpg) no-repeat left top;    
    color: #FFFFFF; 
} 

#menu_actualites a:hover {   
    background: transparent none; 
} 


#menu_partenaires {   
    width: 100px;  
    height: 22px; 
    background: url(bouttons/partenaires1.jpg) no-repeat left top;   
} 

#menu_partenaires a {   
    display: block; 
    width: 100%; 
    height: 100%; 
    background: url(bouttons/partenaires2.jpg) no-repeat left top;    
    color: #FFFFFF; 
} 

#menu_partenaires a:hover {   
    background: transparent none; 
} 


#menu_contact {    
    width: 75px;  
    height: 22px; 
    background: url(bouttons/Contact1.jpg) no-repeat left top;   
} 

#menu_contact a {   
    display: block; 
    width: 100%; 
    height: 100%; 
    background: url(bouttons/Contact2.jpg) no-repeat left top;    
    color: #FFFFFF; 
} 

#menu_contact a:hover {   
    background: transparent none; 
	
}


.email_news {
	font-family:Geneva,Arial,Helvetica;
	font-size:11px;
	color:#000000;
	background-color:#ffffff;
	border-bottom:#bbbbbb 1px solid;
	border-top:#bbbbbb 1px solid;
	border-left:#bbbbbb 1px solid;
	border-right:#bbbbbb 1px solid;
}



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

#contact_body {
width:  90%;
margin: 0 auto;
}

#contact_body p {
text-align: justify;
margin: 0;}

fieldset{
border: 1px solid #888;
padding: 5px 0;
margin-top: 10px;}

fieldset legend{
	line-height: 16px;
	text-align: left;
	color: #0C4125;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	margin: 0 15px;
}

fieldset input{
border: 1px solid #aaa;}

fieldset label{}

fieldset textarea{
border: 1px solid #aaa;
vertical-align: text-top;}


	fieldset input:focus {
		border: 1px solid #306851;
		background: #fff;
	}
	
	fieldset textarea:focus {
		border: 1px solid #306851;
		background: #fff;
		}
		
#contact_body fieldset p{
margin-right: 100px;
text-align: right;}

input.contact_envoyer{
cursor: pointer;
text-align: center;
color: #fff;
font-weight: bold;
margin: 1em 0 .5em;
padding: .5em 1em;
background: #CCCCCC;
border: 0;}


#conteun a:link, #conteun a:visited {
text-decoration: none;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: normal;
color: #555;}

#conteun a:link strong, #conteun a:visited strong {
text-decoration: none;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;}

#contenu {
padding-top: 10px;}

/**********************************************************************************************************/


.bordurePhoto {
	border: thin solid #666666;
}
.bddDescriptif {
	background-color: #e4e4e4;
}
.bddTitre {
	background-color: #0c4125;
}
.bddBordure {
	border: thin solid #2b2b2b;
}
.bddTypoTitre {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #cdcbcc;
}
.bddTypoDescriptif {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #1f1f1f;
}
.bddBas {
	background-image: url(gauche/BddBas.jpg);
	background-repeat: no-repeat;
	height: 33px;
}


.numpage_selec {
	color:#ff0000;
}


/**********************************************************CONTACT **************************************/


.contact_envoyer{
cursor: pointer;
text-align: center;
color: #fff;
font-weight: bold;
margin: 1em 0 .5em;
padding: .5em 1em;
background: #CCCCCC;
border: 0;}

.fdbdd {
background-color:#999999;
}

/*=LIGHTBOX
--------------------------------------------------------------------------*/

#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; }

#overlay{ background-image: url(gifs/overlay.png); }

* html #overlay{
	background-color: #333;
	back\ground-color: transparent;
	background-image: url(blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="gifs/overlay.png", sizingMethod="scale");
	}
/*--------------------------------------------------------------------------*/

select{
border:1px solid #cacdc9;
font-family:"lucida grande",tahoma,verdana,arial,sans-serif;
font-size:11px;
padding:0px;
}


.downloaditem{
	clear:both;
	background:url(gif/dot.gif) repeat-x bottom;
	min-height:20px; 
	padding:12px 0 10px;
	_+padding:10px 0 7px;
	_+height:20px;
	
	
}

.downloaditem .leftimg{
	margin-right:9px;
	float:left;
	height:28px;
	width:26px;
}


.typoGreenCapital {
	font-family: Arial, sans-serif;
	font-size: 12px;
	color: #0C4125;
	font-weight: bold;
	text-transform: uppercase;
}

td {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #000000;
	text-decoration: none;
}

.typograyleft {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	padding-left:20px;
}


.encart_equipements, .encart_accessoires{
	border:1px solid #7a9084;
	background-color:#F3F2F2;
	font-size:10px;
	padding-top:4px;
}

#equipements, #accessoires{
	margin-bottom:25px;
	height:131px;
}
#partenaire{
	margin-bottom:25px;
	height:125px;
}
#savoirfaire{
	margin-bottom:25px;
	height:285px;
}
#groupe{
	margin-bottom:25px;
	height:150px;
}

.puce_encart{
	background-image:url("gif/fleche.jpg");
	background-repeat:no-repeat;
	background-position:left bottom;
	padding-left:15px;
	padding-top:1px;
	color:#404D4C;
	font-size:12px;
	font-weight:bold;
	line-height:16px;
	float:right;
	margin-right:30px;
	margin-top:3px;
}

.puce_encart2{
	background-image:url("gif/fleche.jpg");
	background-repeat:no-repeat;
	background-position:left bottom;
	padding-left:15px;
	padding-top:1px;
	color:#404D4C;
	font-size:12px;
	font-weight:bold;
	line-height:16px;
	float:left;
	margin-left:20px;
	margin-top:3px;
}

.initiatives_equipements, .initiatives_accessoires{
	margin-top:30px;
	margin-bottom:0;
	padding:0 0 15px 155px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

.initiatives_actu{
	margin-top:40px;
	margin-bottom:0;
	padding:0 0 15px 130px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}
.initiatives_services{
	margin-top:30px;
	margin-bottom:0;
	padding:0 0 15px 40px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}


.css_bouton{
	border:1px solid #7a9084;
	height:16px;
	background-color:#7a9084;
	color:#FFFFFF;
	display:block;
	padding:2px 5px 0px 5px;
	float:right;
	margin-right:10px;
	text-decoration:none;
	cursor:pointer;
	margin-top:0;
	margin-bottom:0;
}

#accueil_savoir_faire
{
width: 366px;
height: 186px;
}

.bord_vert{
	border:1px solid #7a9084;
}

#titre_accueil_savoir_faire{
	background-image:url(gif/titre_savoir_faire.jpg);
	background-repeat:no-repeat;
	background-position:bottom;
	border-bottom:1px solid #D4D3D3;
	height:22px;
}

#titre_accueil_savoir_faire h2{
	margin:0;
	padding:0;
	padding-top:6px;
	padding-left:20px;
}

#conteneur_animation{
	position:relative;
	width:990px; 
	height:185px;
	border:0px solid #2d6045;
}

#immedlogo1{
	height:185px;
	width:228px;
	border-right:0px solid #2d6045;
	background-color:#F3F2F2;
	/*margin-left:5px; ma\rgin-left:8px;*/
}

#middle{
	height:186px;
	width:230px;
	border-bottom:0px solid #0C4125;
	border-top:2px solid #0C4125;
	background-image:url(logo_new.jpg);
	/*margin-left:5px; ma\rgin-left:8px;*/
}
#middle2{
	height:185px;
	width:3px;
	
	border-bottom:1px solid #cdcdcd;
	border-top:2px solid #0C4125;
	/*margin-left:5px; ma\rgin-left:8px;*/
}

.middle

{position: relative;
float: none;
}

#activite{
	height:185px;
	width:747px;
	border-bottom:2px solid #ffffff;
	border-left:2px solid #ffffff;
	border-right:2px solid #ffffff;
	border-top:1px solid #ffffff;
}

.left

{position: relative;
float: left;
}

.right

{
float: right;
}