/* CSS CESP main page V 1.0 2014 */ 
@font-face {
    font-family: 'centaurregular';
    src: url('../../../../themes/cesp/fonts/centaur-webfont.eot');
    src: url('../../../../themes/cesp/fonts/centaur-webfont-.eot#iefix') format('embedded-opentype'),
         url('../../../../themes/cesp/fonts/centaur-webfont.woff') format('woff'),
         url('../../../../themes/cesp/fonts/centaur-webfont.ttf') format('truetype'),
         url('../../../../themes/cesp/fonts/centaur-webfont.svg#centaurregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'centaurregular';
    src: url('../../../../themes/cesp/fonts/centaur-webfont.eot');
    src: url('../../../../themes/cesp/fonts/centaur-webfont-.eot#iefix') format('embedded-opentype'),
         url('../../../../themes/cesp/fonts/centaur-webfont.woff') format('woff'),
         url('../../../../themes/cesp/fonts/centaur-webfont.ttf') format('truetype'),
         url('../../../../themes/cesp/fonts/centaur-webfont.svg#centaurregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'mohaveitalic';
    src: url('../../../../themes/cesp/fonts/mohave_italics-webfont.eot');
    src: url('../../../../themes/cesp/fonts/mohave_italics-webfont-.eot#iefix') format('embedded-opentype'),
         url('../../../../themes/cesp/fonts/mohave_italics-webfont.woff') format('woff'),
         url('../../../../themes/cesp/fonts/mohave_italics-webfont.ttf') format('truetype'),
         url('../../../../themes/cesp/fonts/mohave_italics-webfont.svg#mohaveitalic') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'mohavebold_italic';
    src: url('../../../../themes/cesp/fonts/mohave-bold_italics-webfont.eot');
    src: url('../../../../themes/cesp/fonts/mohave-bold_italics-webfont-.eot#iefix') format('embedded-opentype'),
         url('../../../../themes/cesp/fonts/mohave-bold_italics-webfont.woff') format('woff'),
         url('../../../../themes/cesp/fonts/mohave-bold_italics-webfont.ttf') format('truetype'),
         url('../../../../themes/cesp/fonts/mohave-bold_italics-webfont.svg#mohavebold_italic') format('svg');
    font-weight: normal;
    font-style: normal;

}




body,html{ margin:0; padding:0; width:100%}

#page{ width:100%; }

#header{ height:200px; width:100%; background:#FFF}


@-webkit-keyframes appear {
  0%   { height:0px; }
  100% { height:240px; }}
}
@-moz-keyframes appear {
  0%   { height:0px; }
  100% { height:240px; }
}
@-o-keyframes appear {
  0%   { height:0px; }
  100% { height:240px; }
}
@keyframes appear {
  0%   { height:0px; }
  100% { height:240px; }
}

#header-bandeau-in {
  -webkit-animation: appear 1s ease ; /* Safari 4+ */
  -moz-animation:    appear 1s ease ; /* Fx 5+ */
  -o-animation:      appear 1s ease ; /* Opera 12+ */
  animation:         appear 1s ease ; /* IE 10+ */
}




/* header int */ 
#header-int{ height:260px; width:100%; background:#FFF}
#fil-arianne{ width:100%; height:50px;}
.swp-breadcrumbs{ height:50px; font-size:18px; line-height:80px; padding-top:7px; }
.swp-breadcrumbs a{ color:#4d4d4d; text-decoration:none }
SPAN.swp-breadcrumbs-level strong{color:#4d4d4d; font-weight:100}

#header-in{ min-width:800px; width:1000px; height:100%; margin:auto;}
#header-in-haut{ height:140px; width:100%; }
#header-in-bas{ height:60px; width:100%;}
#header-in a{ text-decoration:none}
#header-in-haut a{ text-decoration:none}


#header-logo{ width:320px; background-repeat:no-repeat; height:100%; margin:auto; background-color:#fff; background-image:url("../../../../themes/cesp/images/logo-coffrage-cesp.png"); background-position:center; font-size:0px}
#header-logo h1{ font-size:14px; color:#004571; position:relative; font-weight:bold; text-transform:uppercase; top:107px; display:block; text-align:center; } 
#header-logo h2{ font-size:14px; color:#004571; position:relative; font-weight:bold; text-transform:uppercase; top:107px; display:block; text-align:center; } 

.header-separate{ height:8px; width:100%; background-position:center; background-repeat:no-repeat; background-image:url("../../../../themes/cesp/images/bande-menu-cesp.png")}
#header-menu{ width:100%; margin:auto; height:50px;  font-family: 'centaurregular'; text-transform:uppercase }

#header-menu ul.nav{ width:100%}
#header-menu ul.nav li{ list-style:none; border:none;   padding:20px; display:inline; margin:0; }
#header-menu ul.nav li.nav-selected{ border:none;}
#header-menu ul.nav li a{ display:inline; font-size:20px; color:#004571; text-decoration:none;  }
#header-menu ul.nav .sub_menu li a{ display:inline; font-size:16px; line-height:20px; color:#004571; text-decoration:none;  }
#header-bandeau{ width:100%; height:400px; background-image:url("../../../../themes/cesp/images/banniere.jpg")}
#header-bandeau-in{ font-family: 'mohavebold_italic'; width:790px; height:240px; background-color:#000; margin:auto; position:relative; color:#FFF; text-align:center; padding:30px; line-height:100px; font-size:70px; opacity:0.3; top:50px} 

.filet1{opacity:1; background-image:url("../../../../themes/cesp/images/filet.png"); background-position:center; background-repeat:no-repeat; width:100%; height:27px}
#titre1{opacity:1; font-family: 'mohaveitalic'; } 

/* Page Home */
#back-central{ width:100%; background-image:url("../../../../themes/cesp/images/back.jpg")}
#central { width:1000px; margin:0px auto 0px auto; position:relative; top:-30px; }
#central h2{ font-weight:100}
#central a{color:#4f4f4f; text-decoration:none} 
#central a:hover{color:#CCC; text-decoration:none} 

/* contenu */ 

#central img.img-produits{ position:relative; top:7px; opacity:0.8; transition:all ease .3s;}
#central img.img-produits:hover{top:0px;  opacity:1; transition:all ease .3s;}

p.trait-titre{ width:35px; margin:auto; height:3px; background-color:#4d4d4d}

/* page produits*/ 
p.titre-produits a{color:#4f4f4f; text-decoration:none  }
p.titre-produits a:hover{color:#CCC }
#back-produits{ width:100%; background-image:url("../../../../themes/cesp/images/back.jpg")}
#header-bandeau-image{width:100%; height:400px; background-color:#06C } 
#content-produits{ width:1000px; margin:auto; }
#galerie-produits{  width:1000px; margin:auto; }

#vignette-produit{ position:relative; top:-150px; height:150px;   width:240px; margin:auto}

#coffrage{background-position:center; background-image:url("../../../../themes/cesp/images/coffrage.jpg");height:400px; width:100%}
#levage{background-position:center; background-image:url("../../../../themes/cesp/images/levage.jpg");height:400px; width:100%}
#etaiement{ background-position:center; background-image:url("../../../../themes/cesp/images/etaiment.jpg");height:400px; width:100%}

#chantier{ background-position:center; background-image:url("../../../../themes/cesp/images/chantier.jpg"); height:400px; width:100%}
#echafaudage{ background-position:center; background-image:url("../../../../themes/cesp/images/echafaudage.jpg"); height:400px; width:100%}
#protection{ background-position:center; background-image:url("../../../../themes/cesp/images/protection.jpg"); height:400px; width:100%}
#consommables{ background-position:center; background-image:url("../../../../themes/cesp/images/consom.jpg"); height:400px; width:100%}

/* page produits coffrage*/ 
#galerie-produits-details{  width:1000px; margin:auto;  }
#galerie-produits-details p{}
#galerie-produits-details ul{ padding:0 0 0 50px; width:220px}
#galerie-produits-details li{ margin-bottom:8px; width:240px;}

#bandeau-image{ position:relative; } 
#header-bandeau-image-produits{width:100%; height:400px; position:relative; }
#sub-menu{ width:100%; top:20px;  position:absolute; height:60px}
#menu-nav-produits{ width:1000px; position:relative; margin:auto; height:100%; }


#poteau{background-position:center; background-image:url("../../../../themes/cesp/images/poteau.jpg"); height:400px; width:100%}
#voile{background-position:center; background-image:url("../../../../themes/cesp/images/voile.jpg"); height:400px; width:100%}
#plancher{background-position:center; background-image:url("../../../../themes/cesp/images/plancher.jpg"); height:400px; width:100%}

#galerie-produits-details h1{ font-family: 'centaurregular'; text-transform:uppercase;  font-size:24px;}
#galerie-produits-details h2{ font-family: 'centaurregular'; font-size:20px;}


/* page simple */ 
#header-bandeau-simple{width:100%; height:300px; background-color:#CCC; position:relative; }
#content-cont{  width:1000px; margin:auto;  }

#contact{ background-image:url("../../../../themes/cesp/images/contact.jpg"); background-position:center;  height:300px; width:100%}

/* Footer */ 
#pointe{ width:100%; height:43px; background-image:url("../../../../themes/cesp/images/pointe.png"); background-position:center; background-repeat:no-repeat; margin-top:-43px; }
#footer{ height:300px; background-color:#c4bfbf; width:100%; padding-top:20px;}
#footer-in{  height:200px; margin:auto;  width:1000px;}

.footer-colonne{   height:250px; font-weight:bold;  font-size:14px; width:270px; padding:20px 30px 0px 30px;  float:left;}
.ccm-page-list a{ font-weight:100; text-decoration:none;   font-family: 'centaurregular'; text-transform:uppercase; color:#FFF}
.ccm-page-list a:hover{ color:#004571}
.footer-colonne .ccm-page-list-description{ display:none}

.footer-colonne ul.nav a{ display:block; font-size: 16px; margin: 8px 0px 4px;
padding: 4px 0px;
line-height: 21px; font-weight:100; text-decoration:none;   font-family: 'mohaveitalic'; text-transform:uppercase; color:#FFF}
.footer-colonne p{ text-align:justify; line-height:20px;  font-size: 14px; font-weight:100; color:#FFF}
.footer-colonne p strong{ font-weight:bold; color:#004571; font-size:16px}
.footer-colonne p a{ text-decoration:underline; color:#FFF}
.footer-colonne p a:hover{color:#004571; text-decoration:underline; }
.footer-colonne #HTMLBlock1306{ border:#CCC 1px solid}


.footer-colonne p.image{ width:48%; margin:auto; text-align:center }
.footer-colonne p.image img{ margin:30px 10px; opacity:0.4; transition:all .2s ease }
.footer-colonne p.image img:hover{ margin:26px 10px; opacity:01; transition:all .2s ease}
.footer-colonne ul.nav a.nav-selected{ text-decoration:underline;}
.footer-colonne ul.nav a:hover{ color:#004571}
.footer-colonne ul.nav { padding:0; margin:0; list-style:none}

.footer-colonne a.titre-produits{ color:#FFF; display:block; font-size: 16px; margin: 8px 0px 4px;
padding: 4px 0px;
line-height: 21px; font-weight:100; text-decoration:none;   font-family: 'centaurregular'; text-transform:uppercase; }
.footer-colonne a.titre-produits:hover{ color:#004571}

.footer-colonne .separate { width:60%; margin:10px auto 10px auto; background-color:#FFF ; height:1px;} 
/* galerie produits */

#galerie-produits img{ opacity:0.6; transition:all .2s ease }
#galerie-produits img:hover{ opacity:1; transition:all .2s ease }

/* page ou nous trouver */

#content-cont h2{ font-family: 'centaurregular'; text-transform:uppercase; font-weight:100;  font-size:24px;}
#content-cont p{ font-size:16px; line-height:22px; text-align:justify}

#content-cont div.inner input { color:#000; font-size:16px}

#content-cont div.inner textarera{color:#000; font-size:16px} 

#content-cont div.inner input#submit{font-family: 'centaurregular'; text-transform:uppercase; border-radius: 0px; width:200px; text-align:center; font-size:20px; color:#FFF; text-shadow:none; background-color:#004571; background-image:none; border:none}

#content-cont div.inner input#submit:hover{ color:#004571; background-color:#fecc00;}

.formidable_column div.inner input{  border-radius:0px; height:30px; border:none}

.formidable_column div.inner textarea{ color:#000; font-size:16px; font-family:Arial, Helvetica, sans-serif; border-radius:0px;  border:none}


p.conso img{ border-radius:130px; border:#999 5px solid }

/* page fournisseur */

.bandeau-montage{ background-repeat:no-repeat; background-color:#FFF; background-image:url("../../../../themes/cesp/images/fournisseurs.jpg"); background-size:100%; width:100%; height:300px}
.qsn-bandeau{ background-image:url("../../../../themes/cesp/images/qsn.jpg"); background-repeat:no-repeat; background-size:100%; width:100%; height:300px}
#ccm-layout-conteneur-109-2 p img { margin:30px; opacity:1}

#ccm-layout-conteneur-109-2 p img:hover {opacity:0.6}



ul#mega-menuh-1220 > li {  border:none}
.sitesearchform{ text-align:center}

.sitesearchform #submit{ border:none; background-color:#004571; color:#FFF;   font-family: 'mohaveitalic';}

/* Page recherche */

.ccm-search-block-form{ padding:0px 0px 50px 0px}

.ccm-search-block-form h3{ font-size:22px; font-family: 'centaurregular'; color:#004571; text-transform:uppercase}
.ccm-search-block-form h3 a{ font-size:18px; text-decoration:none;  color:#4F4F4F; }
.ccm-search-block-form h3 a:hover{ color:#CCC}
input.ccm-search-block-submit{ border:none; background-color:#004571; color:#FFF;   font-family: 'mohaveitalic';}

.paragraphe-details img{ margin:0 40px 50px 40px}

#votre-demande-5_counter{ display:none}
span.no_counter{ display:none}