/* *** ####################################### *** */

@import url("generiques.css");
@import url("menu.css");


/* ##################### HTML ################################ */
* 
{
	margin: 0;
	padding: 0;
} 

body 
{
	text-align: center;
	
	font-family:"Trebuchet MS", Trebuchet, Geneva, Helvetica, sans-serif;
	color:#404040;
	font-size: 62.5%;
	/*background-color:#141414;*/
	background-color:#000;
}

#container
{
	text-align:left;
	width:997px;
	margin-left:auto;
	margin-right:auto;
	font-size:1.2em;
	background:url(../images/crealink-bg-body.png) repeat-y 0 0;
	/*border:1px solid #000;*/
}
#containerAccueil
{
	text-align:left;
	width:997px;
	margin-left:auto;
	margin-right:auto;
	font-size:1.2em;
	background-color:#000;
	/*border:1px solid #000;*/
}

/* ###########################################################
		GENERIQUE
########################################################### */

/*titre site */
h1 {font-size:1.8em;margin-left:-24px;}

/*baseline */
h2 {font-size:1.6em;margin-left:-24px;}

/*titre site / baseline / masqué */
h1 span,h2 span,h3 span,h4 span{position:absolute;margin-top:-2000px;}

/*premier niveau de titre / affiché */
h3 {font-size:1.4em;color:#850303;display:block;/*border-bottom:dotted 1px #850303;*/margin-bottom:12px;;line-height:2em;}
h3 a{color:#850303}
h4 {font-size:1.2em;color:#8F8F8F}
h4 a{color:#8F8F8F}
h4 a, h4 a:hover,h5 a, h5 a:hover{color:#404040}
h4 a:visited,h5 a:visited{color:#8f8f8f;}


h5 {font-size:1em;}
h6 {font-size:0.8em;}

/*paragraphe*/
p {font-size:1em;}

/* listes */
ul li{list-style-type:none;}

/*liens*/
a{color:#FE771C;text-decoration:none;} 
a:hover{color:#FE771C;text-decoration:underline;}
a.select{color:#FE771C;text-decoration:underline;}

/*images*/
img{border:none;vertical-align:middle;text-align:center;}

/* formulaire */
fieldset{border:0px solid #ccc;padding:0 8px;}
fieldset legend{}
fieldset p{clear:both;margin:8px 0}
fieldset p span.bloc{display:block;float:left;width:320px;}
fieldset label{width:110px;float:left;text-align:right;margin-right:8px;}
fieldset label.radio,fieldset label.checkbox{display:inline;width:auto;float:none;text-align:left;margin:0}
fieldset input,fieldset select,fieldset textarea{border:1px solid #c6c6bd;background-color:#f8f8f5; /* gris foncé */width:280px;font-family:"MS Trebuchet", Arial, "Lucida Sans Unicode", Verdana, Helvetica, sans-serif;font-size:1em;}
fieldset select{width:286px}
/*fieldset input.btConnexion{padding-left:25px;width:121px !important;width:121px;height:25px;line-height:25px;border:none}*/
fieldset input.checkbox,fieldset input.radio{width:auto;border:none}
fieldset input.btImg{width:auto;border:none;}

fieldset textarea{width:440px;}

form .desc{color:#333}

/* formulaire */
table,table tr,table tr td{font-size:1em;margin:0;padding:0}

/* formulaire ONFOCUS */
fieldset input:focus{background-color:#fff;}
fieldset textarea:focus{background-color:#fff;}

/* formulaire CHECKED */
fieldset input:checked{color:#000;font-weight:bold;}

/* TOOLTIP popup DIV collante + légère.. */
div#tooltip {
   position:absolute;
   visibility:hidden;
   z-index:100;
   background-color:#ebebe6;
   border:1px solid #404040;
   padding:0.2em;
   font-size:1em;
   text-align:left;
}

/* autre */
hr{margin:0;border:none;height:1px;clear:both;}
.important{color:#FF0000;}
p.important{font-size:0.9em;}
.clr {clear: both;margin:0;padding:0;font-size: 1px;height: 1px;border:none;background:none;color:#fff;}

/* ###########################################################
		BOITES
########################################################### */
#sidebar-adresse{/*text-align:right;*//*color:#FE771C;*/color:#fff;margin:40px 45px 0 50px}

/* ##################### HEADER ################################ */
#header
{
text-align:center;
margin-top:4px;
}
#flashLogo{text-align:left;margin-left:/*50*/75px;}
/* ##################### FOOTER ################################ */
#footer
{
	clear:both;
	text-align: right;
	/*background-color:#ebebe6;*/
	padding:4px;
	padding-right:20px;
	font-size:0.8em;
	/*position:relative;*/
}

#footer .phraseCommerciale {
	
}

#footer .phraseCommerciale a{
	color:#404040;
}

#footer #footer-content{
	/*position:absolute;*/
	margin:0;
	margin-top:15px;
}

/* ##################### CONTENU ################################ */
/* ###########################################################
		LES STYLES POUR TOUTES LES PAGES
########################################################### */

#centre
{
	clear:both;
}

#colGauche
{	
	position:relative;
	float:left;
	width:375px;
	/*width:350px;*/
	/*padding:0 12px;
	border:1px solid #00ffff;*/

}
#colGauche .exposez
{	margin:10px 0 16px -32px;
}


#colCentre
{
	width:606px;
	overflow:hidden;
	margin-top:15px;
}

#colCentre h3 img{position:absolute;margin-top:-2000px;}
#colCentre h3 span{position:static;margin:0;font-size:2em;color:#FE771C; /* orange */}


.accueil #colCentre{margin-top:60px;}

#colDroite
{
    float:left;
	width:160px !important;width:172px;
	padding-left:12px;
	min-height:350px;
	/*border:1px dotted #000;*/
}

/* ###########################################################
		PAGES SPECIFIQUES
########################################################### */
#accueil{
	/*text-align:center;*/
}

.diaporama-mea{width: 280px; /*height: 300px; margin-bottom: 50px;*/}
.diaporama-mea p.image{margin:0;padding:0;text-align:center;width:280px;height:280px;overflow:hidden;}

#diapo-wrapper{margin-left:0px;/*width:0px;height:375px;*/position:relative;}
#diapo{position:relative;height:315px}
#diapo li{position:absolute;z-index:0;display:inline;}
#diapo h4 {/*position:absolute; z-index:10; margin-left:75px; width:200px;*/text-align:left;color:#404040}
#diapo h4 a{color:#404040}
#diapo h4 span{position:static;font-size:.8em;color:#8f8f8f;}
#diapo .more {/*position:absolute; z-index:10; margin-left:200px; margin-bottom:200px;*/text-align:right;display:block;}

#diapo-nav{}
#diapo-nav li{
	/*position:relative;
	z-index:10;*/
	float:left;
	display:inline;
	cursor:pointer;
	
	padding:1px 3px;
	font-size:1em;
	color:#ccc;
	margin-right:3px;
	margin-bottom:3px;
	
	background:#fff;
	border:1px solid #ccc;
}
#diapo-nav li:hover{color:#404040}
.accueil #diapo-wrapper{
	margin-left:0px;
	width:0px;
	height:405px;
	position:relative;
}
.accueil #diapo-nav{
	/*position:relative;
	z-index:10;
	bottom:-380px;
	left:150px;*/
}
.accueil #diapo-nav li{
	/*position:relative;
	z-index:10;
	display:inline;
	cursor:pointer;
	*/
	
	padding:2px 6px;
	font-size:1em;
	font-weight:bold;
	color:#fff;
	margin-right:3px;
	
	background:#000;
	border:1px solid #ccc;
	float:right;
}
#diapo-nav li.disabled{color:#FE771C}


.chapo{font-size:1.2em;}



/* listing */
/*
.box-listing{width:567px;background:#fff url(../images/crealink-bg-gamme-milieu.png) repeat-y 0 0}
.box-listing-bottom{width:567px;height:29px;background:#fff url(../images/crealink-bg-gamme-bas.png) no-repeat 0 0;}

.box-listing h3{/*width:567px;height:72px;width:543px;height:48px;line-height:48px; padding:12px; background:#fff url(../images/crealink-bg-gamme-haut.png) no-repeat 0 0;font-size:1.6em;color:#828282}
*/

.box-listing ol{display:block;clear:both;list-style-type:none; border-top:1px solid #fe771c}
.box-listing ol.first{border-top:0;}

.box-listing ol li{width:169px;padding:10px;float:left;text-align:center;overflow:hidden;}
.box-listing ol ul li{float:none;text-align:left;width:auto;padding:0;margin-left:10px;padding-left : 8px;background : transparent url(../images/puce_orange.png) no-repeat 0 0.4em;}
.box-listing ol li .image{text-align:center;vertical-align:middle;margin: 5px 0;}

.products-other-images .box-listing ol li{width:62px; padding-top:0px; padding-bottom:0px; padding-right:4px; padding-left:4px; }
.products-other-images .box-listing ol li .image{width:62px; height: 62px; border:1px solid #000;overflow:hidden;}


div.box-sep{border-top:4px solid #404040;margin-top:5px;}
div.box-sep h3{border-bottom:none;padding-top:5px}

#infoLoupe {
	background:#FFFFFF url(images/picto_loupe.png) no-repeat scroll left top;
	padding-left:16px;
}

/* new listing */
.box-listing{width:590px;}
.box-listing-bottom{display:none;}
.box-listing h3{
	background:none;color:#404040;height:auto; /*cancel other style*/
	border-bottom:4px solid #404040;
	line-height:1.2em;
	padding:0;
	padding-bottom:0;	
	padding-left:10px;
}

#meas{}
#meas ol{display:block;clear:both;list-style-type:none;}
#meas ol li{width:175px;margin:0 10px;padding:0;float:left;text-align:center;overflow:hidden;background:#fff url(../images/bloc-small-milieu.png) repeat-y 0 0;}
#meas ol li h4{background:#fff url(../images/bloc-small-haut.png) repeat-y 0 0;height:50px;line-height:50px;color:#404040;}
#meas ol li h5{background:#fff url(../images/bloc-small-bas.png) repeat-y 0 0;height:30px;line-height:30px;}
#meas ol ul li{float:none;text-align:left;width:auto;padding:0;margin-left:10px;padding-left : 8px;background : transparent url(../images/puce_orange.png) no-repeat 0 0.4em;}
#meas ol li .image{width:175px;text-align:center;vertical-align:middle;margin:0}
#meas ol li.first{margin-left:0}
#meas ol li.last{margin-right:0}

.box-listing h4.title{
	color:#404040;
	border-bottom:1px solid #404040;
	padding:0 0 2px 10px;
}

.box-listing #breadcrumbs{margin:10px;margin-top:0}

.box-listing .chapo{margin:10px;margin-top:15px; color:#FE771C; /* orange */ font-weight: bold;}
.box-listing .description{margin:0 10px;}

/* products */
.products .box-listing h4 a{color:#000}

/* products visuels */
.products-other-images .box-listing{width: 280px; background:none}


/* others products */
.others-products{margin-top:15px;}
.others-products .box-listing{background:none}
/*.others-products a:visited{text-decoration:line-through;}*/


/* categories */
/*
.categories .box-listing h4{background:#000;padding:5px 0;}
.categories .box-listing h4 a{color:#fff}
.categories .box-listing .image{margin:0;padding:5px 0;background:#000;}
.categories .box-listing ol ul{background:#000;padding:5px 0}
.categories .box-listing ol ul li{}
.categories .box-listing ol ul li a{color:#fff;}
*/


/* mea */
#meas{}

#categories .col-left, #categories .col-right{display:inline;float:left;}
.box-content .col-left, .box-content .col-right{display:inline;float:left;}
#categories .col-left{width:280px;margin-left:10px;}
.box-content .col-left{width:280px;margin-left:10px;}
#categories .col-right{width:290px;}
.box-content .col-right{width:290px;}

#categories .description{padding-left:20px;margin-right:10px;margin-bottom:20px;}
.box-content .description{padding-left:20px;margin-right:10px;margin-bottom:20px;}
#categories .col-right .links{padding-left:20px;margin-right:10px;list-style:none}
.box-content .col-right .links{padding-left:20px;margin-right:10px;list-style:none}

.box-content p {margin-left:10px;margin-right:20px;}

/*** fiche catégorie ***/
.categorie-fiche h3{
	background:none;color:#404040;height:auto; /*cancel other style*/
	border-bottom:4px solid #404040;
	line-height:1.2em;
	padding: 0 0 0 10px;
}
.categorie-fiche .box-listing{background:none;}
.categorie-fiche .box-listing-bottom{background:none;height:auto;}
.categorie-fiche .chapo{color:#FE771C; /* orange */ font-weight:bold;}


#realisations h4{text-align:center;}
/*
#colCentre #realisations
{
	float:left;
	width:300px !important;width:300px;
	height : 310px;

}
*/
#colCentre #texte
{
	padding-top : 25px;
}

#colCentre #texte p{margin:8px 0}

/* liste du texte */
#colCentre #texte ul li,
#categories .description ul li
{
	line-height : 1.3em;
	margin-left : 8px;
	padding-left : 8px;
	background : transparent url(../images/puce_orange.png) no-repeat 0 0.4em;
}

#colCentre #texte ul li.box-pdf-link{
	background : transparent url(../images/file_acrobat.gif) no-repeat 0 0;
	padding-left:20px;
}


#colCentre #gamme
{
	float:left;
	width:567px !important;width:567px;
	/*background:url(../images/crealink-bg-gamme-produits.png) repeat-y 0 0;*/
	background:url(../images/crealink-bg-gamme.png) no-repeat left bottom;
	padding-bottom:24px;

}
#colCentre #menuActualite
{
	float:left;
	width:290px !important;width:290px;
	padding-right : 10px;
}
#colCentre #menuActualite li a
{
color:#FE9350;
text-decoration:none;
display:block;
margin-bottom:4px;
padding-bottom:4px;
border-bottom:dotted 1px #EFEFEF;

}
#colCentre #menuActualite li a span
{
color:#666;
font-size:0.8em;
text-decoration:none;

}
#colCentre #menuActualite li a:hover
{
text-decoration:underline;
/*background-color:#EFEFEF;*/
}
#colCentre #actualite
{
	float:left;
	width:300px !important;width:300px;
}
#colCentre #actualite h4
{
	font-size:1.4em;
	margin-bottom:8px;
}
#colCentre #actualite img
{
	float:right;
	padding-right:8px;
}



#colCentre #references ul {
float:left;
display:inline;
/*width:283px;*/
width:263px;
margin:0 10px;
}
#colCentre #references ul li {
	color:#FE9350;
	font-weight:bold;
}
#colCentre #references ul ul{margin:0}
#colCentre #references ul li ul li {
	color:#666;
	font-weight:normal;
	margin-left:24px;
	list-style-image : url(../images/puce_orange.png);
}



.contact #adresse{color:#404040}
.contact #adresse, .contact #button-itineraire{display:inline;float:left;width:283px;margin:0;padding:0;text-align:left;}
.contact #adresse{width:212px;border-right:1px solid #ccc;margin-right:30px;margin-left:10px; padding-right:30px;}
.contact #button-itineraire{margin-right:10px;width:273px;}
.contact #button-itineraire a{display:block;width:183px;height:52px;text-indent:-20000px;background:transparent url(../images/bouton_acces.png) no-repeat 0 0}

.contact .label{display:block;font-weight:bold;margin-bottom:5px;font-size:1.2em;line-height:1em;}
.contact #adresse .org, .contact #adresse .adr, .contact #adresse .tel, .contact #adresse .fax{padding-left:12px}

.contact #form{margin:15px 10px 0;}
.contact #form textarea{width:380px;}

.planAcces .contact #adresse{width:252px;border-right:1px solid #ccc;margin-right:10px;margin-left:10px; padding-right:10px;}

form#form-itineraire fieldset{width:auto;}
form#form-itineraire fieldset input,form#form-itineraire fieldset textarea{width:250px;}


#itineraire{width:537px;margin:0 10px}
#itineraire table{width:537px;background:none;}


#boxPrintLink{text-align:right;}
#boxPrintLink a{
	display:block;
	float:right;
	height:auto !important;
	height:16px;
	min-height:16px;
	background:#fff url(../images/printer.png) no-repeat left center;
	padding-left:22px;
}



ol.listing, .actualite .box-listing ol.listing{}
ol.listing li, .actualite .box-listing ol.listing li{border-bottom:1px solid #fe771c;margin-bottom:10px;padding-bottom:10px;padding:0 40px 10px 10px;float:none;width:auto;text-align:left;margin:10px;display:block;}
ol.listing li.last, .actualite .box-listing ol.listing li.last{border-bottom:none;margin-bottom:0px;padding-bottom:0px;}
ol.listing li h4, ol.listing li h4 a, .actualite .box-listing ol.listing li h4, .actualite .box-listing ol.listing li h4 a{color:#000}
ol.listing li p, .actualite .box-listing ol.listing li p{margin:0;padding:0}


/* tabs */
#tabnav{margin:20px;border-bottom:1px solid #000;height:25px;font-size:1.2em}
#tabnav li{display:inline;float:left;}
#tabnav li a{text-decoration:none;display:block;float:left;background:#8f8f8f;border-bottom:1px solid #8f8f8f;padding:3px 10px;margin:0 5px;color:#000}
#tabnav li a:hover{color:#fe771c;}

/* onglet activé */
#tabnav li.select a{background:none;border:1px solid #000;border-bottom:1px solid #fff !important}
#tabnav li.select a:hover{color:#000}

#tabcontent #devis{
	width:527px;
	margin:0 20px;
}

#tabcontent #devis input,
#tabcontent #devis textarea,
#tabcontent #devis select
{
	width:240px;
}
#tabcontent #devis select{width:245px;}
#tabcontent #devis textarea{width:385px;}
#tabcontent #devis input.btImg{
	width:auto;
}

img.left{float:left;margin-right:10px;margin-bottom:10px;}


/*===============================*/
#colCentre #gamme h4
{
	position:relative; 
}

#colCentre #gamme h4 a.getAdobe
{
	position:absolute;
	margin:0;padding:0;
	right:0;top:23px;
}

#colCentre #gamme h5
{
	clear:both;
	font-size:1.4em;
	margin : 10px 20px;
}

#colCentre #gamme a
{
	color:#FE771C;
	display:block;
	width:150px;
	overflow:hidden;
	text-align:center;
	float:left;
	margin : 19px;
	
	text-decoration:none;
}

#colCentre #gamme a.first
{
	margin-left:19px !important;
	margin-left:10px;
}


#colCentre #gamme a span
{
	display:block;
}

#colCentre #gamme a span.titreFiche
{
	font-size : 1.2em;
	color:#FE771C;
}

#colCentre #gamme a span.accrocheFiche
{
	color:#000;
}

#colCentre #gamme a span.poidsFiche
{
	font-style:italic;
	color:#777;
}
/*=======================*/


#diap{margin-top : 10px;}


#infoLoupe{
	background : #fff url(../images/picto_loupe.png) no-repeat top left;
	padding-left : 16px;
	}
	
/*== mentions légales ==*/
.mentions h4{margin:10px 0}
/* ###########################################################
		BLOC PUBS
########################################################### */
#pubHaute{float:left;width:468px;height:60px;margin:25px 0 0 60px;/*background-color:#e5e5e5; /* gris clair */}
#pubDroite{width:160px;height:600px;/*background-color:#e5e5e5; /* gris clair */}

/* ###########################################################
		BLOC MULTIPAGES
########################################################### */
.navResultat
{
	color:#323232; /* gris très foncé*/
	/*background: url(../images/fond_gris_01.png) repeat-x ;*/
	float: right;
	padding:0 4px;
	margin-bottom:8px;
	font-size:1.1em;
}
.navResultat a{color:#323232; /* gris très foncé*/text-decoration: none;}
.navResultat a:hover{text-decoration: underline;}
.navResultat .selected{border :1px solid #323232; /* gris très foncé*/;padding:2px 4px 2px 4px;}

/* ###########################################################
		BLOC MULTIPAGES
########################################################### */
#forme_newsletter{width:371px;text-align:left;margin-top:25px;}
#forme_newsletter fieldset{margin:0;padding:0;padding-left:50px;}
#forme_newsletter .white{margin-bottom:2px}

#forme_newsletter input{
	border:1px solid #5C6672;
	color:#FE771C;
	background:#ccc;
	font-size:18px;
	margin-right:10px;
	padding:4px;
	width:220px;
	}
#forme_newsletter p.important{padding-right:15px;}
#forme_newsletter .btImg{
	border:none;
	padding : 0;margin:0;
	width:auto;
	vertical-align:middle;
	}

.white{color:#fff;}


/* ###########################################################
		PLAN DU SITE
########################################################### */

ul#planSite_liste{margin:10px 0 10px 0px}
ul#planSite_liste li{margin:4px 0 4px 24px;list-style-type:disc;}



/* ###########################################################
		lightbox
########################################################### */
#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; padding-bottom:41px;height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink, #prevLink:hover, #prevLink:visited:hover { background: url(../images/lightbox/precedent.gif) left 100% no-repeat; }
#nextLink, #nextLink:hover, #nextLink:visited:hover { background: url(../images/lightbox/suivant.gif) right 100% no-repeat; }

#imageDataContainer{padding-top:40px;font: 10px Verdana, Helvetica, sans-serif;background-color: #fff;margin: 0 auto;line-height: 1.4em;overflow: auto;}

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }




.boxInformations{padding:8px;}
.boxErrors{background-color:#FFEFF1;border:1px solid #EFD1D5}
.boxValid{background-color:#effff1;border:1px solid #e0efe2}
.boxInfo{background-color:#FFF9EF;border:1px solid #EFE4D1}


.boxPagination{clear:both;margin:10px;}

.info-newsletter{color:#f00}