/*********************************************************
* CSS global

	0. RESET
	1. STRUCTURE
    2. CHARTE COULEURS
    3. CHARTE LIENS
    4. CHARTE POLICE
    5. ARTICLE
    6. HOME - 1er AFFICHAGE
    7. ENTETE
    8. ARTICLE DETAIL
    9. CHARTE LISTES
   10. ELEMENTS
   11. PLAN
   12. LIENS PARTENAIRES
   13. FOOTER ELEMENTS
   
   
   
-------------- CHARTE NOMMAGE IMAGES -------------- 



**********************************************************/
 
 
 
 
  /*********************************************************
               0. RESET
  **********************************************************/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
caption, tbody, tfoot, article, aside, figure, footer, header, table,
hgroup, menu, nav, section, menu,
time, mark, audio, video {
  margin:0;
  padding:0;
  border:0;
  outline:0;
/*  font-size:97.5%;*/
  vertical-align:baseline;
  background:transparent;
}                  
article, aside, figure, footer, header, 
hgroup, nav, section { display:block; }

nav ul { list-style:none; }

blockquote, q { quotes:none; }

blockquote:before, blockquote:after,
q:before, q:after { content:''; content:none; }

a { margin:0; padding:0; font-size:100%; vertical-align:baseline; }
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a,
#nav-left .floatMenu a, .menu a,
#carousel a{ text-decoration:none; font-weight:normal}


ins { background-color:#ff9; color:#000; text-decoration:none; }

mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold; }

del { text-decoration: line-through; }

abbr[title], dfn[title] { border-bottom:1px dotted #000; cursor:help; }

/* tables still need cellspacing="0" in the markup */
table {}

hr { display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0; }

input, select { vertical-align:middle; }

/* -------------- END RESET CSS -------------- */

#full-screen-background-image { display: none; }
#slider2 {
    width:440px;
    float: right;
}
#slider2 li {
    width:100%;
}
#slider2 li h3 {
    width: 100%;
    margin: 0;
    box-sizing: border-box;
}




input, select, textarea {
    /* border-radius: 4px; */
    /* padding: 5px; */
}
input.bouton { cursor: pointer; font-weight: bold; padding: 2px 5px; }


  /*********************************************************
               1. STRUCTURE
  **********************************************************/

#header {
	margin:0 auto;
	clear:both;
	}

#lang {
	
	}
	
	#lang li {
		display:inline;
	}

/* #main-home {padding: 20px 25px 0 27px;} */
#main-home {padding: 20px 0 0 0; width: 100%; box-sizing: border-box;}
#main { /* padding: 21px 25px 25px 0;*/ padding: 21px 0px 25px 0; box-sizing: border-box;}


#nav-left { 
	display:inline-block; 
	*display: inline;  /* IE6 et IE7 */
	zoom: 1;  /* IE6 et IE7 */
	float:left;
	width:225px;
        min-height:600px;
	vertical-align:top;
}
	
#popupVideo {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.8);
	z-index: 99999;
	display: none;
}
#popupVideo.open { display: block; }
#popupVideo #popupVideoContent {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	-moz-ransform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	width: 80%;
	height: 80%;
}
#popupVideo #popupVideoClose {
	position: absolute;
	top: 50px;
	right: 50px;
	color: #FFFFFF;
	cursor: pointer;
}
#popupVideo #popupVideoContent iframe {
	width: 100%;
	height: 100%;
}
	
#content p {
	padding:0px 0;
}

#content ul li {
	list-style-position:inside;
}
        
#content-home{
    display:inline-block;
    /* display: inline; /* IE6 et IE7 */
    /* zoom: 1; /* IE6 et IE7 */
    float:left;
    margin:0;
    padding:0;
    width: 100%;
    box-sizing: border-box;
}

#content-references{
    display:inline-block;
    *display: inline; /* IE6 et IE7 */
    zoom: 1; /* IE6 et IE7 */
    margin:0;
    padding:0;
}
.DTFC_Cloned td,
table.display td {
	font-size:11px;
}
.DTFC_Cloned thead tr, table.display thead tr,
.DTFC_Cloned thead th, table.display thead th {height:auto !important; padding:8px 8px 8px 12px; /*font-size:12px !important;*/ white-space:normal !important;}
/*.DTFC_Cloned thead th.sorting, table.display thead th.sorting { padding-left:15px;}*/

.DTFC_ScrollWrapper .dataTables_scrollBody {
    overflow-y: scroll;
    max-height: 340px;
}

#myTable_filter { margin-top: 5px; }

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



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



  /*********************************************************
               2. CHARTE COULEURS
  **********************************************************

* Couleurs :

* #FF9148   [liens]
* #000      [titres]
* #6C757A   [textes]
* #D7D7D7   [intermedaire]
* #fff 		[bg]	
  
/* -------------- FIN CHARTE couleurs -------------- */ 


  
   
  /*********************************************************
               3. CHARTE LIENS
  **********************************************************/

a, p a, ul li a, ol li a { text-decoration:underline; font-weight:bold;  }
a:hover { text-decoration:underline;  }



/* ------------ LIENS AUTRES --------------------- */

.detail { display:inline-block;
    margin:.5em 0;
    width:117px;
    height:20px;
	display:block;
	float:left;
/* RADIUS */	
  	-moz-border-radius: 5px; /* FF1+ */
	-webkit-border-radius: 5px; /* Saf3-4 */
	border-radius: 5px; /* Opera 10.5, IE 9, Saf5, Chrome */	
	
	/* DEGRADE */	
	background-image: -moz-linear-gradient(top, #D7D7D7, #6C757A); /* Firefox 3.6 */
	background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #D7D7D7),color-stop(1, #6C757A)); /* Safari et Chrome */
	filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#D7D7D7', endColorstr='#6C757A'); /* IE6 et IE7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#D7D7D7', endColorstr='#6C757A')"; /* IE8 */
	

	
}
.detail a { 
padding: 4px 12px;
	font-size: 1em;
	text-decoration: none;
	color: #fff;
	text-shadow: 1px 1px 1px #525252;
	behavior: url(../blank/ie-css3.html);
	
}	

.detail a:hover { 
	text-shadow: 1px 1px 1px #000;
	behavior: url(../blank/ie-css3.html);
	
}	


.interesse { float:right; margin:5px; border:1px solid #d7d7d7; }

.retour { float:right; display:block; margin:5px; }
.retour a { margin: 0 2px;
	padding: 4px 12px;
	font-size: 1em;
	text-decoration: none;
	color: #fff;
/*	background: #6d6e6e url(../../images/glossy-50.html) repeat-x 0 50%;*/
	background: #6d6e6e;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.retour a:hover {
	color: #fff;
/*	background: #4D4D4D url(../../images/glossy-30.html) repeat-x 0 50%;*/
	background: #4D4D4D;
}



.print { float:left; margin:5px; border:1px solid #d7d7d7; }	

/*
p.pdf { background: url('images/icons/pdf.png') no-repeat left center; padding:0px 0px 0px 22px; margin:7px 24px;font-family: 'HelveticaNeue75Bold'; display:block; font-size:14px; clear:both;}
p.zip { background: url('images/icons/zip.gif') no-repeat left center; padding:0px 0px 0px 22px; margin:7px 24px;font-family: 'HelveticaNeue75Bold'; display:block; font-size:14px; clear:both;}
p.video { background: url('images/icons/video.gif') no-repeat left center; padding:0px 0px 0px 22px; margin:7px 24px;font-family: 'HelveticaNeue75Bold'; display:block; font-size:14px; clear:both;}
*/

#content p.pdf,
#content p.zip,
#content p.video {  padding:0px 0px 0px 22px; }
#content p.pdf a,
#content p.zip a,
#content p.video a{ font-weight:normal } 

.top  {
	text-align:right;
	}
	.top a {
	font-size: 13px;
	}
  
  /*********************************************************
               4. CHARTE POLICE
  **********************************************************/




.text-shadow { text-shadow: 1px 1px 0px #d7d7d7;}

/* ------------ TITRES H 1 2 3 4 5 ------------------ */

h1, h2, h3, h4, h5, h6 { 
	font-weight: normal; 
	text-rendering: optimizeLegibility; 
	line-height:100%;
	margin: .3em 0 .3em 0;
	padding: 0 0 0 0;
	color:#000;
	font-family: 'HelveticaNeue55Roman';
}

h1 {
	font-size: 24px; 
	margin-top:20px;
    color: #294D83;
}
	
h2 {
	font-size:3em; 
	
	}
	

	
html h2 a, html h2 a:visited {
	text-decoration:none;
	}

h2#breadcrumb {
	font-size:1em; 
	}
	
h3 {
	 font-size: 15px;
	
	}
	
h4 { }

h5 {
	font-size:.8em;
	}

/* ------------ DIVERS ------------------ */
.prix { 
	float:right;  font-weight:bold; color:#000; margin:.5em 0;}

.prix-barre {
	text-decoration:line-through;
	}


.img_legende{
	font-style:italic; font-size:0.9em;
	}
	
.annotation {
	font-style:italic; font-size:0.9em;
	}

.vide { 
	margin:5px 0;
	}
	
.alerte { 
	background: #FFEF95; text-align: center ; padding: 5px 0px; font-weight:bold; color:#000;
	}

.hidden, .menu-ref, .produit-ref { 
	visibility:hidden; overflow: auto; display:none;
	}
	



/*********************************************************
			5. ARTICLE
**********************************************************/

article {  
	
}

article h3, article h4 { margin-top:15px;  }
article .pic {}
article .pic img { } /* changer marge suivant largeur vignette */
article p {
	line-height: 16px;
}
article .prix { }



.produit-1 { margin:0 0 10px 0; clear:both;}
.produit-1 h2, .resultDevis h2, form h2, .bloc h2, .account h2 {
    float: left;
    font-size: 18px;
    padding-left: 24px;
    margin-bottom:20px;
}
.account h2, .produit-1 h2 { margin:22px 0 8px}
.produit-1 h2 { display:table-cell; float:left; padding:5px 0 8px 24px; }
.produit-1 a span { color: inherit !important; }
.produit-1 h2 { float: none;}
/*.produit-1 a {color:#000} #294d83*/
.produit-1 .pic {width:220px; height:160px; float:left; clear:left; margin-right: 35px;}
.produit-1 .pic img {width:220px; height:auto;}
.produit-1 .detail {text-align:center;}
.produit-1 .detail a { color:#FFF;}
.produit-1 .detail a:hover { color:#ff8a00; text-decoration:none;}

.produit-1 .padding { padding-bottom:10px }




.autres-1 { margin:0 0 10px 0; clear:both;}
.autres-1 h2 {
    color: #294D83;
    font-size: 20px;
    padding-left: 24px;
}
.autres-1 h2 a {    color: #294D83;}	
.autres-1 h3 {    
    color: #000;
    font-size: 18px;}
.autres-1 h3 a {    color: #294D83;}		

.autres-1 a {color:#294d83;}
.autres-1 .pic {width:240px; height:160px; float:left;   margin-right: 30px;}
.autres-1 .pic img {width:240px; height:160px;}
.autres-1 .detail {text-align:center;}
.autres-1 .detail a { color:#FFF;}
.autres-1 .detail a:hover { color:#ff8a00; text-decoration:none;}


.resultDevis { margin-bottom:20px;}

.produit-detail h2 {
    color: #294D83;
    float: left;
    font-size: 20px;
    padding-left: 24px;
    width: 614px;}
.produit-detail h2 a {    color: #294D83;}		

/*********************************************************
			6. HOME - 1er AFFICHAGE
**********************************************************/


/* ------------ BLOC HOME  ------------------ */

.home-1 {
	
	} 
	
.home-2 {
	width:357px; 
	}
	
	 
.home-3 {
	width:230px;
	}
	
.home-3  .pic{
	text-align:center;
	}

/*********************************************************
			ESPACE CLIENT
**********************************************************/

#accesclient input {
    margin-bottom: 8px;
}

#accesclient p {
    margin: 10px 0 13px 32px;
}
#accesclient form p {
    margin: 0;
}

/*********************************************************
			8. ARTICLE DETAIL
**********************************************************/


#diaporama { width:700px; margin:0 auto; }
#diaporama .thumb {}
#diaporama .thumb img {}
#diaporama .big { text-align:center;}



  /*********************************************************
            9. CHARTE LISTES
  **********************************************************/
  
li {}  

/* ------------ DL DT DD ------------------ */

dl.table-display { /* apparence d'une table */
	width: 41.1em;
	margin: 2em 0;
	padding: 0;
}

.table-display dt {
	width: 15em;
	float: left;
	margin: 0 0 0 0;
	padding: .5em;
	border-top: 1px solid #999;
	font-weight: bold;
	font-family: 'HelveticaNeue75Bold';
}

/* hack de commentaire avec un antislash pour ie5 mac \*/
dt { clear: both; }
/* end hack */

.table-display dd {
	float: left;
	width: 24em;
	margin: 0 0 0 0;
	padding: .5em;
	border-top: 1px solid #999;
}

.border-no dt, .border-no dd  { border:none;}


/*********************************************************
		   10. ELEMENTS
**********************************************************/

/* ------------ SEPARATIONS ------------------ */

div.hr { border-bottom:1px solid #CCC; } 

div.hr hr { display: none; }	

/* hack clear float */ 		
.clr { clear: both; }


fieldset { border:1px solid #c7c7c7; margin:.7em 0; padding:0 .5em;}
fieldset legend { color:#000; padding-right:.5em; margin-left:.5em; font-size:1.3em; font-family: 'HelveticaNeue75Bold'; }


/* ------------ NAV PAGINATION ------------------ */

div.pagination {text-align:right; padding:10px 6px 4px 0; display:block; margin:.5em 0;}
div.pagination a { color:#0030ce; text-decoration:none; padding:5px 6px 4px 5px; margin:0 3px 0 3px; border:1px solid #d7d7d7; color:#6C757A;}
div.pagination a:hover, div.pagination a:active {color:#FF9148;	border:1px solid #FF9148; background-color:#fff; }
div.pagination span.current {padding:5px 6px 4px 5px; margin:0 3px 0 3px; border:1px solid #6C757A; font-weight:bold; background-color:#fff; }
div.pagination span.disabled {display:none;}


/* ------------ RECHERCHE --------------------- */

#recherche-menu { display:inline-block;width:200px; height:110px; margin:10px 0 10px 5px; }
#recherche-menu .top { height:20px; width:180px; }
#recherche-menu form { margin:0 auto; width:180px;  }
#recherche-menu select { font-size:0.9em; border:1px solid #d7d7d7; vertical-align:middle; width:146px; vertical-align:middle;background:#fff; color:#000000;  }  /* Skinner couleur */
#recherche-menu .input-rech { padding:4px; font-size:0.9em; border:1px solid #d7d7d7; vertical-align:middle; width:145px; background:#fff; color:#000000;} /* Skinner couleur */
#recherche-menu option { vertical-align:middle; padding:2px; width:200px; color:#000000;  } /* Skinner couleur */
#recherche-menu label { float:left; width:150px; text-indent:10px; margin:0; }
#recherche-menu img { height:auto; size:auto; }


/* ------------ FORMULAIRE --------------------- */


.formulaire {}
.formulaire .left {width:45%; float:left;} 
.formulaire input, .formulaire textarea{ width:170px;  } /* charter bg couleur */ 
.formulaire input.radio { width:auto;  } /* charter bg couleur */ 

.formulaire radio, 
.formulaire label, 
.formulaire input, 
.formulaire textarea, 
.formulaire select { 
	display: block; 
	float: left; 
	margin-bottom:8px; /*margin-bottom:10px; */
	vertical-align:middle;
	}
.formulaire label { width: 180px; margin-right: 10px; font-weight:bold; }
.formulaire label.large { width:auto}
.formulaire input, 
.formulaire textarea, 
.formulaire select {
    padding:0;
    line-height: normal;
}
.formulaire select { width:176px }
.formulaire input[type=text]{ height:15px;}
.formulaire .bouton { width:120px; line-height: normal; cursor:pointer; font-weight:bold; padding:2px; }

.formulaire input.chkbox {
	margin:0 10px 0 0px;
	padding:0 0px 0 0;
	width:auto;
	background:transparent;
	border:none;
}

form .znLog {
	margin-right: 25px;
	margin-bottom:10px;
    text-align: left;
	float:left;
}

.formulaire .input-radio { background:transparent; border:0px solid #fff; width:auto; }
.formulaire br {clear:both;}
.formulaire img { width:auto; height:auto; }
/*.formulaire input[type=text]:focus, .formulaire textarea:focus { background:#fff; color:#000}*/


.left50 {	width:50% !important; float:left !important; margin:0 !important; padding:0 !important}
.right50 {	width:44% !important; float:right !important; margin:0 !important; padding:0 6% 0 0 !important; text-align:right !important}
.left25 {	width:25% !important; float:left !important; margin:0 !important; padding:0 !important	}

.formgrid_ll,
.formgrid_left,
.formgrid_right,
.formgrid_mid,
.formgrid_135,
.formgrid_100,
.formgrid_mr30, 
.formgrid_mr25 {
    float:left;
    margin:0 0 8px !important;
    padding:0 !important;
    height:22px !important;
    box-sizing: border-box;
}

.formgrid_left {	width:218px !important; clear:left !important;	}
.formgrid_right {	width:calc(100% - 218px) !important;	}

.left50 input, .right50 input {
	display:inline; float:none;
}

/*select.formgrid_right {	width:559px !important;	}*/
textarea.formgrid_right { height:42px !important	}

.formgrid_mid {	width:calc(50% - 119px) !important;	}
.formgrid_mid.mid2 {	width:calc(50% - 30px) !important;	}
.formgrid_mr30 { margin-right:20px !important;}

.formgrid_100 {width:100px !important; height:40px !important}
.formgrid_135 {width:135px !important;}
.formgrid_mr23 { margin-right:23px !important;}

.formgrid_top8 { position:relative; top:8px}


.formulaire input, 
.formulaire textarea, 
.formulaire select {
    padding: 0 !important;
    padding-left: 2px !important;
}


/* ------------ TABLE ------------------ */

table {border-spacing:0; }
th, td {}
th {}
td { }
tr:hover { cursor:default;  }







/*********************************************************
			11. PLAN
**********************************************************/


/* ------------ PLAN --------------------- */

.plan, .horaires { border:1px solid #d7d7d7;}
.plan legend, .horaires legend { color:#000;}
.plan a, .horaires a {}
.plan a:hover, .horaires a:hover, .plan a:visited, .horaires a:visited { text-decoration:underline;}
	




/*********************************************************
			12. LIENS PARTENAIRES
**********************************************************/


/* ------------ PARTENAIRES ------------- */

.partenaires { margin:1.3em 0; }
.partenaires h3, partenaires h3 a {
    color: #294D83;
    font-family: 'HelveticaNeue45Light';
    font-size: 20px; padding-left: 23px;
}
.partenaires ul { margin:.3em .7em; }
.partenaires ul li { display:list-item; list-style-type:disc; list-style-position:inside; }
.partenaires .liens { margin:0 0 0 10px; }
.thumbpic_liens { float:right; margin:0 50px 5px 10px; } /* d�calage vignette logo*/


.contacteznous.right {
	float:right;
}

.contacteznous .pic img { width: auto !important; height: 60px !important; margin-top: 8px; }


/*********************************************************
		   13. FOOTER ELEMENTS
**********************************************************/
 
 /* ------------ adresse ------------------ */
.logo-footer {
	text-align:center; font-weight:bold;
	}
	
	address {
	width:960px;
	margin:10px auto;
	font-size:.9em;
	}
	
.rcs {
	font-size:.8em;
	width:960px;
	margin:0 auto;
	}


 /* ------------ mentions l�gales ------------------ */
.mentions-legales{ margin:.7em 0; min-height:400px;}
	.mentions-legales h3{ list-style-position:outside;}
	.mentions-legales h5{margin:5px 0;}
	.mentions-legales p { margin:0; margin-bottom:20px; }
	.mentions-legales a { text-decoration:none; }


#copyright {text-align:center;} 

 
/* ------------ DEBUT SITEMAP ------------------ */

#sitemap  {width:900px; margin:0 auto;}	
	#sitemap h2 a {text-decoration:none;font-size:1.2em;  height:20px; text-transform:uppercase;}
	#sitemap p {list-style-type:none; background: url('images/icons/link.png') no-repeat left center; list-style-position:inside; }
	#sitemap p a { text-decoration:none; margin-left:18px; }




	
/* ------------ FOOTER - CATEGORIES ------------------ */

#categories-r  {text-align:center;}
#categories-r, #categories-r a , #categories-r a:hover{  text-decoration:none; font-size:.9em; }
#categories-r p { margin:5px;} 

#modal{display:none;}