/*structure commun*/
body { color: #737373; font-size: 12px; font-family: Arial, Helvetica, sans-serif, Tahoma; margin: 0; padding: 0; width: 100%; background-color:#aaabac; }
#global { width: 100%; background: url(../medias/commun/bandeau.jpg) repeat-x; background-position:50% 0; background-color:#FFF; padding-bottom:20px; }
#global-home { width: 100%; background: url(../medias/commun/fond-home.gif) repeat-x; background-position:50% 0; background-color:#d4d6d4; padding-bottom:10px; }
#global-main-home { margin-left: -488px; left: 50%; width: 976px; position:relative; }
#global-main { margin-left: -488px; left: 50%; width: 976px; position:relative; }
#col-gauche { width: 190px; margin-right:40px; float:left; margin-top: 130px; }
#col-droite { width: 746px; float:right; margin-top: 130px; }
.col-home { width: 280px; float:left; margin:375px 10px 0px -1px; /*height:165px;*/ font-size:11px; padding:10px 20px 10px 20px; }
.col-home-right { width: 279px; float:left; margin:375px 0px 0px -1px; /*height:165px;*/ font-size:11px; padding:10px 20px 0px 20px;  }
.accueil-titre-image {  }
.accueil-date { font-weight:bold;  }
.accueil-titre { font-size:12px; font-weight:bold; margin-bottom:8px; }
.accueil-texte { margin-bottom:8px; }
#footer { width: 100%; height: 30px; font-size:11px; }
#footer-home { width: 100%; height: 30px; font-size:11px; padding-top:15px; border-top: solid 25px #d4d6d4; }

#footer_contenu { position: absolute; width: 976px; margin-left: -488px; left: 50%; color: #fff; background-color:#aaabac; }
#footer_contenu_gauche { width: 30%; float: left; }
#footer_contenu_droite { width: 70%; float: right; text-align: right; }
#bandeau { position: absolute; margin-left: -488px; left: 50%; width: 976px; top:0px; height:114px; }
#bandeau-home { position: absolute; margin-left: -488px; left: 50%; width: 976px; top:0px; height:360px; }
#flashContent { margin-top:10px; }
#logo { width: 190px; /*margin-right:40px;*/ float:left; margin-top:3px; }
#menu-container { width: 746px; float:right; padding-top:74px; padding-bottom:5px; background: url(../medias/commun/trait.gif) repeat-x; background-position:bottom; margin-right:10px;}
#fil-ariane { width: 746px; padding-bottom:5px; margin-bottom:20px; background: url(../medias/commun/trait.gif) repeat-x; background-position:bottom; color: #a7a8a8; font-size:11px; }
#contact-ligne { clear:both; height:10px; width: 240px; margin-top:10px; margin-bottom:10px; background: url(../medias/commun/trait.gif) repeat-x; background-position:bottom; }
.align-middle { vertical-align:middle; float:left; }
.align-middle-right { vertical-align:middle; float:right; }
.align-middle-picto { margin-top:-7px; float:left; } *html .align-middle-picto {margin-top:-2px;}
#bloc-menu-gauche { width: 160px;/*190*/ background-color:#ededed; padding:10px 15px 10px 15px; }
#bloc-menu-gauche ul { padding:0px; margin:0px; list-style:none; }
#bloc-menu-gauche li { padding:2px 0px 2px 0px; background: url(../medias/commun/trait.gif) repeat-x; background-position:bottom; list-style:none; }
.bloc-bleu-gauche { width: 160px;/*190*/ background-color:#e6ecf1; padding:10px 15px 10px 15px; margin-top:15px; font-size:11px; }
.bloc-bleu-gauche-titre { padding:2px 0px 5px 0px; background: url(../medias/commun/trait.gif) repeat-x; background-position:bottom; margin-bottom:2px; }
.bloc-bleu-gauche-trait { clear:both; padding:2px 0px 5px 0px; margin:0px 0px 4px 0px; background: url(../medias/commun/trait.gif) repeat-x; background-position:bottom; }
.bloc-bleu-gauche-image { margin:5px 0px 5px 0px; }
.bloc-bleu-gauche-float { float:left; font-size:11px; line-height:10px; }
.btn { float:right; margin-top:5px; }
.lien-gauche { line-height:12px; margin-bottom:5px; color: #6da72b; }
.spacer{ clear:both; }
.float{ float:left; }
.right{ float:right; }
.petit{ font-size:10px; margin-bottom:0px; }
h1{ margin:0px 0px 10px 0px; padding:0px; color:#629427; font-size:15px; font-weight:bold; text-transform:uppercase; }
h2{ margin:0px 0px 0px 0px; }
.titre-accueil {margin:0px 0px 10px 0px; padding:0px; color:#629427; font-size:15px; font-weight:bold; text-transform:uppercase;}
p{ margin:0px 0px 8px 0px; }
ul { padding: 0px 0px 0px 2px; margin: 0em 0em 0em 1.5em; } 
li { list-style:url(../medias/commun/puce.gif); }* html li {list-style-image:none;}
.no-puce { list-style-image:none; }
.list-plan { list-style:none; margin: 0em 0em 0em -1.5em; color:#717272; }
.list-plan-titre { list-style:none; margin: 0em 0em 0em -1.5em; color:#6da72b; text-transform:uppercase; font-size:12px; font-weight:bold; }
image {}
.calques { border-bottom: #ffffff 1px solid; z-index: 1000; background-color:#fff; background: url(../medias/commun/trait.gif) repeat-x; background-position:bottom; }
.menuContainer { z-index: 1000; 
	position: absolute; 
	color : #0078be;
	z-index : 100;
	top: 130px; 
	right: 50%; 
	margin-right: -500px; 
	width: 1000px; 
	}
	
	#menuContainer { z-index: 1000; 
	position: absolute; 
	color : #0078be;
	z-index : 100;
	top: 0px; 
	right: 50%; 
	margin-right: -490px; 
	width: 1000px; 
	}



/*pages*/
#col-droite-image { width:340px; height:248px; border: 2px solid #d8d8d8; float:left; margin:0px 40px 0px 0px; }
#col-droite-texte { width:360px; float:left; }
.onglet-container { width:745px; margin-bottom:2px;}
.onglet-container-telechargement { width:460px; margin-bottom:2px;}
.onglet-vert { height: 16px; padding-left:5px; background-color:#77a63f; color:#fff; font-weight:bold;  }
.onglet-vert-2 { height: 16px; padding-left:5px; background-color:#77a63f; color:#fff; font-weight:bold;  }
a.fleches,
a.fleches-active { 
	color:#fff !important; 
	font-weight:bold !important; 
	display:block; 
	background: left url(../medias/pages/fleches.gif) no-repeat; 
	width: 740px; 
	height: 16px; 
	padding-left:5px; 
	background-position:right top; 
	background-color:#77a63f; 
	clear:left; 
	cursor : pointer!important;
}
a.fleches:hover, 
a.fleches.current, 
a.fleches-active { 
	background-position:right bottom; 
	text-decoration:none;
	cursor : pointer; 
}
a.fleches-telechargement { cursor : pointer; color:#fff !important; font-weight:bold !important; display:block; background:url(../medias/pages/fleches.gif) no-repeat; width: 455px; height: 16px; padding-left:5px; background-position:440px 0px; background-color:#77a63f;  }
a.fleches-telechargement:hover, a.fleches-telechargement.current, a.fleches-telechargement-active { background-position:440px -16px; text-decoration:none; }
.onglet-container-int { width:721px; padding:3px 12px 10px 12px; background-color:#f1f1f1; }
.onglet-container-int-telechargement{ width:460px; padding:3px 0px 0px 0px; }
.produit-bloc { 
	width:117px; 
	float:left; 
	margin:10px 3px 0px 0px; 
	text-align:center; 
}
* html .produit-bloc {
	margin:10px 2px 0px 0px; 
}
.produit-bloc-fin { width:117px; float:left; margin:10px 0px 0px 0px; text-align:center; }
.produit-vignette { width:115px; height:84px; border: 1px solid #d8d8d8; margin-bottom:5px; }
.produit-vignette:hover , .produit-vignette-active { width:115px; height:84px; border: 1px solid #659828; margin-bottom:5px; }
.btn-plan { width:115px; height:84px; border: 1px solid #d8d8d8; margin-bottom:5px; }
.btn-plan:hover , .btn-plan-active { width:115px; height:84px; border: 1px solid #659828; margin-bottom:5px; }
a.btn-voir-plan { background:url(../medias/pages/btn-voir-plan.gif) no-repeat; width: 112px; height: 12px; background-position:0px 0px;  }
a.btn-voir-plan:hover, a.btn-voir-plan:active { background-position:0px -12px; text-decoration:none; }

.hover-container { position:absolute; left:600px; top:350px; z-index:2000; }
.hover { border: 1px solid #c6c6c6; background: url(../medias/pages/hover-fond.gif) repeat; padding:5px; font-size:10px; }
.hover ul { margin:0px; padding:0px; }
.hover li { list-style:none; }
.hover-fleche { margin-left:10px; }
#bloc-gauche-trait { background: url(../medias/commun/trait-vertical.gif) repeat-y; background-position:right; width:460px; padding-right:20px; float:left; }
#bloc-gauche { width:460px; padding-right:25px; float:left; }
#bloc-droite { width:240px; padding-left:20px; float:left; text-align:center; }
#bloc-droite-bleu, .bloc-droite-bleu { width:240px; padding:10px 10px 5px 10px; float:left; background-color:#e6ecf1; margin-top:30px; }
#bloc-droite-bleu-image , .bloc-droite-bleu-image { width:70px; float:left;}
#bloc-droite-bleu-texte, .bloc-droite-bleu-texte { font-size:11px; float:left;}
#form-gauche { width:250px; float:left; margin-right:20px; }
#form-droite { width:180px; float:left; }
#plan-gauche { width:215px; float:left; margin-right:20px; }
#plan-droite { width:215px; float:left; }
table { border: 1px solid #f1f1f1; }
.table { border: 1px solid #f1f1f1; }
.table-produit { border: 1px solid #f1f1f1; width:356px; }
.table-titre { background-color:#f1f1f1; font-size:12px; font-weight:bold; color:#737373; display:block; height:20px; border-right: 2px solid #fff; text-align:center; float:left; width:87px; margin-bottom:10px; padding-top:5px; }
.table-titre-end { background-color:#f1f1f1; font-size:12px; font-weight:bold; color:#737373; display:block; height:20px; text-align:center; float:left; width:89px; margin-bottom:10px; padding-top:5px; }
.table-gris { background-color:#f1f1f1; color:#737373; display:block; height:15px; font-size:11px; text-align:center; float:left; width:89px; padding-top:2px; }
.table-blanc { background-color:#fff; color:#737373; display:block; height:15px; font-size:11px; text-align:center; float:left; width:89px; padding-top:2px; }
.table-gris-grand { background-color:#f1f1f1; color:#737373; display:block; height:15px; font-size:11px; padding:2px 0px 2px 5px; }
.table-blanc-grand { background-color:#fff; color:#737373; display:block; height:15px; font-size:11px; padding:2px 0px 2px 5px; }
.cadanat { float:left; padding:0px 0px 0px 4px; }
.gris { width:450px; padding:0px 5px 0px 5px; background-color:#f1f1f1; color:#737373; display:block; height:15px; font-size:11px; margin-top:4px; }
.bloc-droite-bleu-titre { color:#1b495a; font-weight:bold; font-size:12px; margin-top:10px; }
.bloc-droite-bleu-soustitre { background: url(../medias/commun/trait.gif) repeat-x; background-position:bottom; color:#1b495a; font-size:11px; padding:8px 0px 2px 0px; }
.bloc-droite-bleu-texte { float:left; font-size:11px; }

/* formulaire */
form{ padding:0px; margin:0px 0px 0px 0px; font-size:11px; }
label{ width: 80px; float: left; padding-top: 3px; }
.error{ color: #ff0000; }
.label-textfield-col-gauche{ width: 74px; float: left; padding: 0px 0px 0px 0px; font-size: 11px; }
.label-textfield-home{ width: 100px; float: left; padding: 0px 0px 0px 0px; font-size: 11px; }
input{ padding: 0px; margin: 0px; float: left; }
.textfield{ background-color: #ffffff; border: #cccccc 1px solid; width: 160px; font-size: 11px; color: #9d9d9d; margin-bottom: 2px; padding: 2px; font-family:Arial, Helvetica, sans-serif; }
.textarea{ background-color: #ffffff; border: #cccccc 1px solid; width: 180px; height: 75px; font-size: 11px; font-family:  Arial, Helvetica, sans-serif; color: #9d9d9d;}
.ok{  }
.alerte{ color: #e41f7a; }
.legals{ font-size:11px; color:#737779; background: url(../medias/commun/trait.gif) repeat-x; background-position:top; padding-top:10px; }
.label-btn { width: 30px; float: left; padding: 0px 0px 0px 2px; margin: 0px; font-size: 11px; }
.label-btn-grand { width: 55px; float: left; padding: 0px 0px 0px 2px; margin: 0px; font-size: 11px; }
.textfield-col-gauche{ background-color: #ffffff; border: #cccccc 1px solid; width: 80px; font-size: 11px; color: #9d9d9d; margin-bottom: 2px; padding: 2px; font-family:Arial, Helvetica, sans-serif; }
.textfield-home{ background-color: #ffffff; border: #cccccc 1px solid; width: 173px; font-size: 11px; color: #9d9d9d; margin-bottom: 2px; padding: 2px; font-family:Arial, Helvetica, sans-serif; }
.textfield-rechercher{ border-right: #fff 1px solid; border-left: #d2cece 1px solid; border-top: #d2cece 1px solid; border-bottom: #d2cece 1px solid; width: 100px; height:15px; font-size: 11px; color: #888887; padding-left: 20px; font-family:Arial, Helvetica, sans-serif; background: url(../medias/commun/loup.gif) no-repeat; }
#rechercher-container { float:right;}
.container-radio-label { width: 80px; float: left; padding: 2px 0px 2px 0px; }
.container-radios { width: 160px; float: left; padding:2px 0px 2px 0px; }

/*menu*/

a.menu-metier { display: block; float:left; background:url(../medias/menu/metier.gif) no-repeat; width: 150px; height: 16px; padding:0px; }
a.menu-metier:hover, a.menu-metier:active, a.menu-metier.current { background-position:0 -16px; text-decoration:none; }

a.menu-constructeurs { display: block; float:left; background:url(../medias/menu/constructeurs.gif) no-repeat; width: 171px; height: 16px; padding:0px; }
a.menu-constructeurs:hover, a.menu-constructeurs:active, a.menu-constructeurs.current { background-position:0 -16px; text-decoration:none; }

a.menu-telechargement { display: block; float:left; background:url(../medias/menu/telechargement.gif) no-repeat; width: 158px; height: 16px; padding:0px; }
a.menu-telechargement:hover, a.menu-telechargement:active, a.menu-telechargement.current { background-position:0 -16px; text-decoration:none; }

a.menu-contact { display: block; float:left; background:url(../medias/menu/contact.gif) no-repeat; width: 72px; height: 16px; padding:0px; }
a.menu-contact:hover, a.menu-contact:active, a.menu-contact.current { background-position:0 -16px; text-decoration:none; }



/* liens */
a:link { color: #6da72b; text-decoration: none; }
a:visited { color: #6da72b; text-decoration: none; }
a:hover , a .active{ color: #6da72b; text-decoration: underline; }
a:active { color: #6da72b; text-decoration: underline; }

a.lien-menu-gauche:link { color: #737474; text-decoration: none; }
a.lien-menu-gauche:visited { color: #737474; text-decoration: none; }
a.lien-menu-gauche:hover, a.lien-menu-gauche-active { color: #6b9a33; text-decoration: none; }
a.lien-menu-gauche:active { color: #6b9a33; text-decoration: none; }

a.lien-footer:link { color: #fff; text-decoration: none; }
a.lien-footer:visited { color: #fff; text-decoration: none; }
a.lien-footer:hover { color: #fff; text-decoration: underline; }
a.lien-footer:active { color: #fff; text-decoration: underline; }

a.lien-passe:link { color: #6da72b; text-decoration: none; font-size:9px; margin-top:6px; float:left; }
a.lien-passe:visited { color: #6da72b; text-decoration: none; font-size:9px; margin-top:6px; float:left; }
a.lien-passe:hover { color: #6da72b; text-decoration: underline; font-size:9px; margin-top:6px; float:left; }
a.lien-passe:active { color: #6da72b; text-decoration: underline; font-size:9px; margin-top:6px; float:left; }

a.lien-disponibilites:link { color: #6da72b; text-decoration: none; font-size:10px; }
a.lien-disponibilites:visited { color: #6da72b; text-decoration: none;  font-size:10px;  }
a.lien-disponibilites:hover { color: #6da72b; text-decoration: underline; font-size:10px; }
a.lien-disponibilites:active { color: #6da72b; text-decoration: underline; font-size:10px; }

a.lien-fil-ariane:link { color: #a7a8a8; text-decoration: none; }
a.lien-fil-ariane:visited { color: #a7a8a8; text-decoration: none; }
a.lien-fil-ariane:hover, a.lien-fil-ariane-active { color: #a7a8a8; text-decoration: underline; }
a.lien-fil-ariane:active { color: #a7a8a8; text-decoration: underline; }

a.lien-plan:link { color: #717272; text-decoration: none; }
a.lien-plan:visited { color: #717272; text-decoration: none; }
a.lien-plan:hover { color: #717272; text-decoration: underline; }
a.lien-plan:active { color: #717272; text-decoration: underline; }

a.lien-recherche:link { color: #717272; text-decoration: none; }
a.lien-recherche:visited { color: #717272; text-decoration: none; }
a.lien-recherche:hover { color: #6da72b; text-decoration: underline; }
a.lien-recherche:active { color: #6da72b; text-decoration: underline; }

a.lien_calques { display: block; float:left; background:url(../medias/commun/fond-menu.gif) no-repeat; width: 122px; height: 18px; padding:2px 0px 0px 10px; color:#717272; text-decoration:none; font-size:11px; }
a.lien_calques:hover, a.lien_calques:active, a.lien_calques.current { background-position:0 -20px; text-decoration:none; }

a.lien-menu-ouvert:link { color: #737474; text-decoration: none; background-color:#dddddd; display:block; border-top:2px solid #ededed; padding:0px 0px 0px 5px; }
a.lien-menu-ouvert:visited { color: #737474; text-decoration: none; background-color:#dddddd; display:block; border-top:2px solid #ededed; padding:0px 0px 0px 5px; }
a.lien-menu-ouvert:hover , a.lien-menu-ouvert-active{ color: #fff; text-decoration: none; background-color:#79a841; display:block; border-top:2px solid #ededed; padding:0px 0px 0px 5px; }
a.lien-menu-ouvert:active { color: #fff; text-decoration: none; background-color:#79a841; display:block; border-top:2px solid #ededed; padding:0px 0px 0px 5px; }

.btn_logout {
width : 73px; 
height: 16px;
background-image:  url(../medias/pages/btn-deconnexion.gif); 
background-repeat: no-repeat;
float : right;
border: 0px;
border : none;
cursor : pointer;
margin-top : 8px;
margin-bottom : 3px;
}	

.btn_logout:hover {
background-position: 0px -16px !important;
background-position: 0px -16px ;
}

.btn_savoir_plus {
width : 73px; 
height: 16px;
background-image:  url(../medias/pages/btn-savoir-plus.gif); 
background-repeat: no-repeat;
float : right;
border: 0px;
border : none;
cursor : pointer;
margin-top : 8px;
margin-bottom : 3px;
}	

.btn_savoir_plus:hover {
background-position: 0px -16px !important;
background-position: 0px -16px ;

}

#auth_loginBtn {
width : 54px; 
height: 16px;
background-image:  url(../medias/pages/btn-connexion.gif); 
background-repeat: no-repeat;
float : right;
border: 0px;
border : none;
cursor : pointer;
}	

#auth_loginBtn:hover {
background-position: 0px -16px !important;
background-position: 0px -16px ;

}

#inscrivez_vous {
width : 77px; 
height: 16px;
background-image:  url(../medias/pages/btn-inscrivez-vous.gif); 
background-repeat: no-repeat;
float : right;
border: 0px;
border : none;
cursor : pointer;
}	

#inscrivez_vous:hover {
background-position: 0px -16px !important;
background-position: 0px -16px ;
}

.contact {
width : 77px; 
height: 16px;
background-image:  url(../medias/pages/btn-contactez-nous.gif); 
background-repeat: no-repeat;
float : right;
border: 0px;
border : none;
cursor : pointer;
}	

.contact:hover {
background-position: 0px -16px !important;
background-position: 0px -16px ;
}

.telecharger_catalogue {
width : 151px; 
height: 16px;
background-image:  url(../medias/pages/btn-telecharger-catalogue.gif); 
background-repeat: no-repeat;
float : left;
border: 0px;
border : none;
cursor : pointer;
}	

.telecharger_catalogue:hover {
background-position: 0px -16px !important;
background-position: 0px -16px ;
}


.imprimer {
width : 161px; 
height: 26px;
background-image:  url(../medias/pages/btn-imprimer-produit.gif); 
background-repeat: no-repeat;
float : left;
border: 0px;
border : none;
cursor : pointer;
}	

.imprimer:hover {
background-position: 0px -25px !important;
background-position: 0px -25px ;
}


.telecharger_fiche {
width : 163px; 
height: 24px;
background-image:  url(../medias/pages/btn-telecharger-produit.gif); 
background-repeat: no-repeat;
float : left;
border: 0px;
border : none;
cursor : pointer;
}	

.telecharger_fiche:hover {
background-position: 0px -23px !important;
background-position: 0px -23px ;
}

.telecharger {
width : 63px; 
height: 17px;
background-image:  url(../medias/pages/btn-telecharger.gif); 
background-repeat: no-repeat;
float : right;
border: 0px;
border : none;
cursor : pointer;
}	

.telecharger:hover {
background-position: 0px -17px !important;
background-position: 0px -17px ;
}

.file_remove {
width : 13px; 
height: 14px;
background-image:  url(../medias/commun/x.gif); 
background-repeat: no-repeat;
float : right;
border: 0px;
border : none;
cursor : pointer;
}


/* feuille de style pour l'affichage 
@media screen{
        body {
            background-color:#000000;
            color:#FFFFFF;
        }
        .col-gauche {display:block}
        .printonly {display:none}
}*/

/* feuille de style pour l'impression */
@media print{
        #col-gauche {display:none}
		#fil-ariane {display : none;}
        .imprimer {display:none}
		.onglet-vert-2 {display : none;}
		.onglet-container-int {display : none;}
        #rechercher-container { display : none;}
		#footer { display : none;}
		#col-droite { float : left; margin-left : 70px;}
		.onglet-vert{ color : #333;}
		#bandeau {padding-left : 70px;}
		
		
}

#liens_externes {float:right;position:relative;top:-80px;left:750px;}
#like_fb{float:left ;margin-top:10px; margin-left : 95px; text-align : right;}

#logo_english, #logo_rss, #logo_twitter, #logo_facebook{width:15px;height:15px;display:inline-block;}
#logo_english{background:url("../medias/commun/english.gif") no-repeat;}
#logo_rss{background:url("../medias/commun/rss.gif") no-repeat;}
#logo_twitter{background:url("../medias/commun/twitter.gif") no-repeat;}
#logo_facebook{background:url("../medias/commun/facebook.gif") no-repeat;}
#logo_english:hover, #logo_rss:hover, #logo_twitter:hover, #logo_facebook:hover{background-position:0 -15px;}