HTML{ 
  font-size:100%; 
}

*,ul,li,div,p { 
  margin:0;
  padding:0; 
}

body{
  overflow:auto;
  font:0.825em/1em "Trebuchet", sans-serif;
  color:#7c6c50;
  background-color:#f4f2eb; 

}
h1{
  text-indent:-9999px;
}

 h2{ 
  font: 2.7em "Perpetua", serif;
  color:#3B2F1B;
}

h3{
 color:#3B2F1B;
}
a{
  text-decoration:none; 
  color:#3B2F1B;
}

.gauche{
  float:left;
}

.droite{
  float:right;
}

.centre{
  width:960px;
  margin:0 auto;
}

.spacer{ 
  clear:both; 
} 

.bouton{
padding:10px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
background-color: #c0b28b;
color: #3B2F1B;
 -webkit-transition: all .2s ease-in;-moz-transition: all .2s ease-in;-o-transition: all .2s ease-in;transition: all .2s ease-in;
}
.bouton:hover{background-color: #3b2f1b;color:#f4f2eb;}
#header{
  margin:0;
  padding:0;
  width:100%;
  height:243px;
  background-color:#f4f2eb;
}

#centre_header{
  width:960px;
  margin:0 auto;
}

#top{width: 100%;}
.onglet-top{
  float:right;
  width:120px;
  height:30px;
  font-size:0.8em;
  margin:-13px 0 0 0;
  padding:3px 0 0 0;
  background:transparent url(../images/fond_langue.png) top left no-repeat; 
  text-indent:18px;
  color:#F4F2EB;
}


#header blockquote{
position:relative;
  float:left;
  width:370px;
  margin:70px 0px 0 300px;
  font-size:1.7em;
  line-height:1.1em;
  text-align:justify; 
  color:#928167;
  font-style:italic;
}
#header blockquote p{
  position:absolute;
  left:150px;
  top:45px;
  margin:0px 0px 0 0;
  font-size:11pt;
  color:#a09166;
}
#guillemets_gche{
  width:50px;
  height:53px;
  float:left;
  margin:0 0 0 0;
  background:transparent url(../images/quote.png) top left no-repeat; 
}
#guillemets_dte{
  position:absolute;
  top:0;
  right:20px;
  width:50px;
  height:53px;
  background:transparent url(../images/quote1.png) top left no-repeat; 
}
#guillemets_dte_english{
  position:absolute;
  top:0;
  right:-20px;
  width:50px;
  height:53px;
  background:transparent url(../images/quote1.png) top left no-repeat; 
}

#logo{
  margin:-10px 0 0 0;
  padding:0;
  float:left;
  width:180px;
  height:225px;
  z-index:10;
}
#logo_jericho{
  background:transparent url(../images/logo_jericho.png) top left no-repeat;
}

#jericho{
  width:200px;
  height:60px;
  text-indent:-9999px;
}

#jericho a{
  width:200px;
  height:60px;
  background:transparent url(../images/jericho.png) top left no-repeat;
}

#jericho a:hover{
  width:200px;
  height:60px;
  background:transparent url(../images/jericho_hover.png) top left no-repeat;
}

#contener{
  margin:0 auto 0 auto;
  padding:0;
  text-align:justify;
}

#contener p{
  margin:15px 0;
  line-height:1.2em;
  font: 13pt "Trebuchet", sans-serif;
}

#fond_footer{
background:#3B2F1B url(../images/fond_footer.png) top left repeat-x; 
}

#footer_haut{
  clear:both;
  height:50px;
  margin:50px 0 0 0;
  background:#c0b28a;
}

#footer_bas{
  height:240px;
  background:#3b2f1b;
  margin:0px auto;
  font-size:10pt;
  color:#3B2F1B;
  background:transparent url(../images/footer.png) top left no-repeat; 
}
#footer a, a:visited {
  text-decoration:none;
  color:#3B2F1B;
}
#footer a:hover{
  text-decoration:underline;
}
a#contactLink{margin:45px 0 0 0;
  float:left;
  font-size: 16px;
padding: 10px;
margin: 23px 0 0 0;
background-color: #3B2F1B;
color: #cfc4a5;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
 -webkit-transition: all .2s ease-in;-moz-transition: all .2s ease-in;-o-transition: all .2s ease-in;transition: all .2s ease-in;
}
a#contactLink:hover{
background-color: #4d3d24; 
}
#mentions{
  width:300px;
  float:right;
  margin:45px 0px 0 0;
  font-size:0.8em;
}

#mentions a:link, a:visited{

}

#mentions a:hover{
  text-decoration:underline;
}

/***************MENU *****************************/
#fond_menu{
  height:54px;
  /*background:#bdaf84;*/
  background:transparent url(../images/fond_nav.png) top left repeat-x; 
}

#menu{
  /*width:870px;*/
  width:960px;  
  font-size:1.3em;
  margin:0 auto;

}

#menu ul {
 line-height:40px;
 padding:0;
 list-style-type:none;
 text-align:center;
 }

#menu li {
  float:left;
  padding:0 5px;
  list-style-type:none;
  font-size:1em;
  font-weight:bold;
  text-transform: uppercase;
 } 

#menu li a {
  display:block;
  height:80px;
  padding:0 16px;
  text-decoration:none;
  color:#3B2F1B;
 }



#menu a:hover, #menu a:focus{
  color:#ae9e71;
 }

#index .index, 
#accueil.accueil, 
#entreprise .entreprise, 
#activites .activites, 
#realisations .realisations, 
#partenaires .partenaires, 
#disponibilites .disponibilites, 
#contact .contact{
  position:relative;
  background:#3B2F1B url(../images/onglet_gauche.png);
  color:#F4F2EB;
}
 
#index .index span, 
#accueil .accueil span, 
#entreprise .entreprise span, 
#activites .activites span, 
#realisations .realisations span, 
#partenaires .partenaires span, 
#disponibilites .disponibilites span, 
#contact .contact span{
  position:absolute;
  right:0;
  top:0;
  width: 16px;
  height:80px;
  background:#3B2F1B url(../images/onglet_droit.png);
  color:#F4F2EB;
}
/*************MENU VERSION ANGLAISE*******************************/
#index_en .index_en, 
#home .home, 
#company .company, 
#activities .activities, 
#achievements .achievements, 
#availabilities .availabilities, 
#partners .partners, 
#contact_us .contact_us{
  position:relative;
  background:#3B2F1B url(../images/onglet_gauche.png);
  color:#F4F2EB;
}
 
#index_en .index_en span, 
#home .home span, 
#company .company span, 
#activities .activities span, 
#achievements .achievements span, 
#partners .partners span, 
#availabilities .availabilities span, 
#contact_us .contact_us span{
  position:absolute;
  right:0;
  top:0;
  width: 16px;
  height:80px;
  background:#3B2F1B url(../images/onglet_droit.png);
  color:#F4F2EB;
}



/*******************SLIDER*********************************/
#fond_slider{
  width:100%;
  height:264px;
  background:#3b2f1b;
  background:#3B2F1B url(../images/fond_slider.png) top left repeat-x;
}

.slide{
  width:940px;
  height:264px;

}

#slider{  
  width:940px;
  height:264px;
  background:transparent url(../images/fond_slides.png) top left no-repeat; }



#s4{
  position:relative;
}

.texte_slide{
  clear:both;
  height:170px;
  padding:50px 0 0 70px;
}

#s4 a{
  position:relative;
  margin:250px 0 0 300px;
  padding:5px;
  color:#f4f2eb;
  font-size:12pt;
}

.slide h2{
  font-size:2.5em;
  line-height:35px;
  font-style:italic;
  font-weight:bold;
  color:#bdaf84;
  width:500px;
}

.slide p{
  margin:0 0 0 40px;
  width:440px;
  font-size:1.5em;
  line-height:30px;
} 


#slide_accueil{
  background:transparent url(../images/slide_accueil.png) top left no-repeat; 
}
#slide_entreprise{
  background:transparent url(../images/illustration_entreprise.png) 550px  31px no-repeat; 
}
#slide_entreprise1{
  background:transparent url(../images/illustration_entreprise1.png) 550px  31px no-repeat; 
}
#slide_pierres{
  background:transparent url(../images/illustration_pierres.png) 600px  31px no-repeat; 
}
#slide_pont{
  background:transparent url(../images/illustration_pont.png) 590px  36px no-repeat; 
}
#slide_activites{
  background:transparent url(../images/illustration_activites.png) 550px  31px no-repeat; 
}
#slide_realisations{
  background:transparent url(../images/illustration_realisation.png) 550px  31px no-repeat; 
}
#slide_partenaires{
  background:transparent url(../images/illustration_partenaires.png) 540px  31px no-repeat; 
}
#slide_partenaires_long{
  background:transparent url(../images/illustration_partenaires.png) 470px  0px no-repeat; 
}
.slide_contact{
  background:transparent url(../images/illustration_contact.png) 600px  31px no-repeat; 
}
#slide_mentions{
  background:transparent url(../images/illustration_mentions.png) 550px  31px no-repeat; 
}
/*****************************************/
.bloc_centre{

}

.bloc_centre h2{
  font: 3em "Perpetua", serif;
  color:#3B2F1B;
}

.bloc_centre p{

}

.deux_blocs{
  width:45%;
  float:left;
  margin:50px 20px;
  padding:10px 0;
}

.deux_blocs h2{
  font: 3em "Perpetua", serif;
  color:#3B2F1B;
}

.deux_blocs p{
  margin:15px 0;
  line-height:1.2em;
  font: 13pt "Trebuchet", sans-serif;
}
/*************PAGE  ACCUEIL**********************************************/
 #actualite{
 background-color:white;
 padding:20px;
 position:relative;
 }
  #actualite h2{border-bottom:1px solid #7C6C50;margin:0 0 20px 0;}
    #actualite h3{font-size:16px;margin:5px 0 10px 0;}
	#date{font-size:12px;}
 #texte-actu{float:right;width:600px;line-height:20px;}
 #actualite img{background:#7C6C50;width:300px;height:150px;float:left;}
  #actualite a{position:absolute;bottom:20px;right:30px;}
/*************COLONNE DROITE**********************/
#accueil{
  float:left;
  width:580px;
  margin:30px 0 0 0px;
  text-align:justify;

}

#colonne_droite{
float:right;
width:300px; 
}

.bloc_colonne_droite{
width:100%;
}

#lien_pave_realisation a{
  text-decoration:none; 
  color:#3B2F1B;
}
#lien_pave_realisation  a:hover{
  text-decoration:underline; 
}

.liens_paves{
  float:right;
  /*
  width:130px;
  height:50px;
  line-height:33px;
  background:transparent url(/images/input_contacteznous.png) no-repeat;
  text-indent:35px;*/
  font-size:10pt;
}
.liens_paves a:hover{
  color:#F4F2EB;
  background:transparent url(/images/input_contacteznous_hover.png) no-repeat;
}

#lien_pave_realisation img{width:300px;height:100px;border:1px solid gray;margin:0 auto;}

#carte{margin:50px 0 0 0;}
#carte img{margin:20px 0;}
/**********BLOC ACTU****/
#bloc_contact address{
   line-height:1.2em;
}

#bloc_contact a{
   float:right;
   border:1px solid #594729; 
   padding:5px;
   background:#C1B48D;
}

#bloc_actus{
  margin:0 0 0 0;
}

.actu{
  float:left;
  width:100%;
  padding:0px;
  margin:0;
}

.actu h3{
	color:#3B2F1B;
	font-size:1.1em;
	margin:20px 0 0 0;
}
.actu img{
	float:left;
	margin:10px 10px 0px 0;
	padding:5px;
	background:white;
	border:1px solid #C0B28A;
}

.actu p{
	float:left;
	width:300px;
	margin:0;
	padding:0;
}

a#contacteznous{
	width:330px;
	height:100px;
	margin:0;
	line-height:40px;
	text-align:left; 
	color:#3C2F1B;
	text-align:center;
	background:transparent url(/images/fond_contacteznous.png) no-repeat; 
	display: block;
	font-size:1.2em;
}
 a#contacteznous:hover{
  color:white;
}


/*****************************************************/
/****************NEWSLETTER**********************************/
#bloc_newsletter input{
  width:460px;
  height:42px;
  margin:5px 0 10px 0;
  padding:0 5px;
  border:0 none;
  font-size:1.6em;

}
#form_location{
  margin:0 0 0 0;
  background:transparent url(/images/input.png) no-repeat;

  }
input#ok {
  float:right;
  width:130px;
  height:50px;
  line-height:35px;
  color:#3B2F1B;
  font-size:10pt;
  background:transparent url(/images/input_contacteznous.png) no-repeat;
}
/**********************************************/

/**************PAGE ENTREPRISE*******************************/
#linkedin{height:20px;width:20px;float:right;}
#pdg{
  float:right;
  width:400px;
  margin:0 0 0 70px;
  text-align:justify;
}
#pdg h4{
  font: 1.8em "Perpetua", serif;
  color:#3B2F1B;
}
#sa{
  float:left;
  padding:8px;
  margin:20px 10px 2px 0px;
  background:white;
  border:1px solid #C0B28A;
  height:187px;
  width:136px;
}
 #presse  ul{height:400px; overflow-y :auto;}
#presse li{

  line-height:1.5em;
  font-size:12pt;
  text-indent:30px;
  margin:20px 0 0 0;
  background:transparent url(/images/puce.png) 0px 2px no-repeat;
}
#presse li p{
	text-indent:30px;
	width:450px;
	margin:0 0 0 10px;
	color:#3B2F1B;
}
#presse a:hover{
	text-decoration:underline;
}
/********************************************/

/**************PAGE ACTIVITES*************************/
#activites h3{
  font: 2.7em "Perpetua", serif;
}
#activities h3{
  font: 2.7em "Perpetua", serif;
}
.bloc_activites{
  float:left;
  margin:10px 0;
  padding:0 0;
  border:1px solid #c0b28a;
}



/****************** CODA SLIDER OLD*****************************/
.stripViewer .panelContainer .panel ul {
  text-align: left;
  margin: 0 15px 0 30px;
}

.slider-wrap { /* This div isn't entirely necessary but good for getting the side arrows vertically centered */
  width: 100%;
  position: relative;
  margin: 20px 0;
}

/* These 2 lines specify style applied while slider is loading */
.csw {
  width: 50px; 
  height: 20px; 
  background: #fff; 
  overflow: hidden;
}

.stripViewer { /* This is the viewing window */
  position: relative;
  overflow: hidden; 
  border-top: 2px solid #B9AB84; /* this is the border. should have the same value for the links */
  margin: auto;
  width: 700px; /* Also specified in  .stripViewer .panelContainer .panel  below */
  clear: both;
  background: #F4F2EB;
}

.stripViewer .panelContainer { /* This is the big long container used to house your end-to-end divs. Width is calculated and specified by the JS  */
  position: relative;
  left: 0; top: 0;
  width: 100%;
  list-style-type: none; 
 }

.stripViewer .panelContainer .panel { /* Each panel is arranged end-to-end */
  float:left;
  width: 700px; /* Also specified in  .stripViewer  above */
  height: 100%;
}

.stripViewer .panelContainer .panel .wrapper { /* Wrapper to give some padding in the panels, without messing with existing panel width */
  padding: 10px;
}

.stripNav { /* This is the div to hold your nav (the UL generated at run time) */
  margin: auto;
}

.stripNav ul { /* The auto-generated set of links */
  list-style: none;
}

.stripNav ul li {
  float: left;
  margin-right: 2px; /* If you change this, be sure to adjust the initial value of navWidth in slideviewer.js */
}

.stripNav a { /* The nav links */
  font-size: 10px;
  font-weight: bold;
  text-align: center;
  line-height: 32px;
  color: #3B2F1B;
  text-decoration: none;
  display: block;
  padding: 0 15px;

}

.stripNav a:hover {
  background:#B9AB84 url(../images/fond_onglet_activites.png) repeat-x;
  height:32px;
  color: #fff;
 
}

.stripNav a.current {
  background:#B9AB84 url(../images/fond_onglet_activites.png) repeat-x;
  height:32px;
  color: #3B2F1B;
}

.stripNavL, .stripNavR { /* The left and right arrows */
  position: absolute;
  top: 230px;
  text-indent: -9000em;
}

.stripNavL a, .stripNavR a {
  display: block;
  height: 40px;
  width: 40px;
}

.stripNavL {
  left: 0;
}

.stripNavR {
  right: 0;
}

.stripNavL {
  background: url("images/arrow-left.gif") no-repeat center;
}

.stripNavR {
  background: url("images/arrow-right.gif") no-repeat center;
}

/**************FIN CODA***************/
/***************************************/
/************PAGE REALISATIONS************************/
.small{margin-bottom:50px;}
#realisations a:hover{
  text-decoration:underline;
}

.anchorLink{margin:0 0 20px 0;}
.bloc-realisation a{color:#7c6c50;}
.bloc-realisation a:hover{color:#3b2f1b;}

#menu-realisations li a{
	display:block;
	float:left; 
	font: 30px "Perpetua", serif;
	padding:10px;
	color:#3b2f1b;
	margin:10px ;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.selected{background-color:#CBBF9E;text-decoration:none;}
.bloc-realisation h2{
	color:#3b2f1b;
	padding:4px 0;
	font:13pt "Trebuchet", sans-serif;
	background-color:#CBBF9E;
	line-height:20px;
	text-indent:10px;
}
.untiers{width:190px;float:left;margin-left:20px;}
.deuxtiers{width:720px;float:left;}
.infos-tech{height:200px;border:1px solid #3b2f1b;padding:10px;margin-top:10px;position:relative;}
.infos-tech h3{Border-bottom:1px solid #c0b28b;padding:5px 0; background:transparent url("images/icon-infos.png") no-repeat top left;}
/*
.infos-tech h3{Border-bottom:1px solid #c0b28b;padding:5px 0; background:transparent url("images/icon-infos.png") no-repeat top left;}
*/
.infos-tech a{text-align:center;padding:10px;margin-bottom:5px;	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;position:absolute;bottom:10px;left:30px;background-color:#c0b28b;color:#3B2F1B;}
.bandeau_realisations{
	margin:20px 0 50px 0;
}

.bandeau_realisations img{
	padding:5px;
	border:1px solid gray;
}

.vignettes{
	float:left;
	width:180px;
	margin:0 5px;
	text-align:center;
}
.docs{
	width:200px;
	height:150px;
	margin:20px auto 0 auto;
	border:1px sold red;
}

.slider_programmes{
  width:672px;
  height:250px;
  margin:50px auto;
  background:#F4F2EB;
}
.diaporama{
  width:600px;
  height:250px;
  border:1px solid #564831;  
}

.diaporama img{
  width:600px;
  height:250px;
  padding:0px;
  float:left;
}

/************PAGE DISPONIBILITES************************/
.bloc-dispos{width:450px;margin:20px 10px 10px 10px;height:220px;float:left;border:1px solid #d1cfca;position:relative;background-color: white;}
.bloc-dispos h2{font: 13pt "Trebuchet", sans-serif;
margin: 10px 0 5px 10px;
border-bottom: 1px solid #7C6C50;
width: 95%;
padding-bottom: 5px;}
.dispo-infos{float:left;width:240px;}
.bloc-dispos img{margin:10px;padding: 5px;border: 1px solid gray;float:left;}
.bloc-dispos a{position:absolute;bottom:10px;right:10px;}

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



.diaporama-prev{
  text-indent:-9999px;
  width:35px;
  height:252px;
  float:left;
  margin:0 0 0 0px;
  background:transparent url(/images/nav_realisations.png) 0px 2px no-repeat;
}

.diaporama-next{
  width:35px;
  height:252px;
  float:right;
  text-indent:-9999px;
  margin:0 0px 0 0;
  background:transparent url(/images/nav_realisations1.png) 0px 2px no-repeat;
}

/******************************************************/
#desciptif_programmes{
  float:left;
  width:400px;
  height:200px;
  padding:0;
  border:1px solid #DBD6D3;
}


/************PAGE PARTENAIRES************************/
#bloc_partenaires{
  width:80%;
  height:600px;
}

#jfk.texte_slide{
	margin:0px 0 0 -30px;
}

#carousel.carouselActif{
  height: 400px;
}
#holder_images.carouselActif{ display: none; }
#holder_images{
  width:400px;
  text-align:center;  
  margin: 0 auto;

}
#carousel {
}
#carousel img{
background:transparent;
border:none;
}
#carousel img.link{
  cursor: pointer;
  border:none;
}
#carousel img.link:hover{
  border:2px solid #cccccc;
}

/************PAGE CONTACT************************/

#formulaire_contact{
  width:460px;
  float:left;
  text-align:justify;
}



.input_court,.input_long{
	height:42px;
	line-height:45px;
	padding:0px 4px 0 3px;
	border:0 none;
	font-size:1.6em;
	text-indent:10px;
	color:#3B2F1B;
  }

.input_long{
  width:460px;
  background:transparent url(../images/input.png) top left no-repeat; 
}

.input_court{
  width:220px;
  background:transparent url(../images/fond_input.png) top left no-repeat; 
}

#fond_textarea{
  width:460px;
  height:210px;
  background:transparent url(/images/text_area.png) top left no-repeat;
}

#formulaire_contact textarea{
  width:440px;
  height:150px;
  margin:5px 0 0 0;
  border:0 none;
  font-size:1.6em;
  padding:10px 10px 0 10px;
  color:#3B2F1B;
  overflow:auto;
  background:none;
}

#formulaire_contact label{
  margin:0px 0 0 5px;
  line-height:1.5em;
  font-size:1.6em;
  cursor:pointer;
  color:#3B2F1B;

}
#contact form p{
  float:left;
  font-size:8pt;
  margin:0px 0 0 0;
  font-weight:bold;
}
input#valider {
  float:right;
  margin-top:10px;
  /* width:130px;
  height:45px;
  line-height:45px;
  background:transparent url(/images/input_contacteznous.png) 0px 10px no-repeat;
  text-indent:35px;
  padding:3px 0 0 0;
  color:#3B2F1B;*/
  cursor:pointer;
}
input#validate {
  float:right;
  /*width:130px;
  height:45px;
  line-height:45px;
  background:transparent url(/images/input_contacteznous.png) 0px 10px no-repeat;
  text-indent:35px;
  padding:3px 0 0 0;
  color:#3B2F1B;*/
  cursor:pointer;
}
input#valider.bouton:hover {
color:f4f2eb;
  /* background:transparent url(/images/input_contacteznous_hover.png) 0px 7px no-repeat;*/
}

.erreur{
  padding:10px;
  background:#B8AC88;
  border:1px solid #3B2F1B;
  color:red;
}

.succes{
  color:green;
  padding:10px;
  background:#B8AC88;
  border:1px solid #3B2F1B;
}


#contactez_nous{
  width:350px;
  margin:70px 0 50px 0;
}

#contactez_nous h2{
  font-size:30pt;
}
#contactez_nous address{
  margin:0 0 20px 0;
  font:13pt "Trebuchet", sans-serif;
  font-weight:normal;
  color:#7c6c50;
}


#contactez_nous li{
  line-height:1.5em;
  font:12pt "Trebuchet", sans-serif;
  color:#7c6c50;
  text-indent:30px;
  background:transparent url(/images/puce.png) 0px 2px no-repeat;
}
#localisation {
  width:350px;
  font-size:10pt;
  text-align:right;
  color:#3B2F1B;
}

#googlemap{
  float:left;
  margin:0 auto;
}
    

#localisation h2{
  font-size:30pt;
  text-align:left;
}

#localisation a, a:visited{color:#3B2F1B;}
#localisation a:hover {
  color:#3B2F1B;
  text-decoration:underline; 
}

#googlemap iframe{ 
  border:1px solid #594729;
}

/****************PAGE 404**********************/
#quatre-cent-quatre{height:300px;}
/****************PAGE MENTIONS LEGALES**********************/
#bloc_mentions h3{
  text-indent:25px;
  background:transparent url(/images/puce.png) 2px no-repeat;
  font: 30px "Perpetua", serif;
  color:#3B2F1B;
}
#bloc_mentions p{margin:30px;text-align:left;}