/* POLICES :
squada one
homenaje
jockey one
russo one
economica
oswald

COULEURS :
rouge : #dd0000
gris très clair : #e6e6e6
gris + foncé : #c5c3c3
gris très foncé : #3e3e3e
*/


body {
  font-family:Arial;
  background-color:#e5e7ea;
  text-align: center; /* IE6: pour centrer le bloque #general car IE6 ne comprend pas margin:auto; */
  margin:0; 
  padding:0;
  font-size:13px;
  color:#3e3e3e;
}
input {
  margin-bottom:1px;
  margin-top:1px;
}
a {
  text-decoration:none;
  color:#dd0000;
}
a:hover {
  text-decoration:none;
}
a img {
  border: none;
}

p {
  margin:0px;
  padding:0px;
}


.vdao_font {
  font-family: 'Economica', sans-serif;
}


#general {
  position:relative;
  margin:15px auto 15px auto;
  width:900px;
  text-align: left; 
   -moz-box-shadow: 0 0 7px #898484; 
  -webkit-box-shadow: 0 0 7px #898484; 
  box-shadow: 0 0 7px #8d8b8b;
}


/*********************************************************************************/
/************************************** HEADER **********************************/
/*********************************************************************************/
div#header {
  background-color:#212121;
  color:#ffffff;
  font-size:16px;
  font-weight:bold;
}
div#header span.txt_header {
  position:absolute;
  color:#ffffff;
  font-size:33px;
  display:block;
}
div#header span.txt_header.ligne_1 {
  top:28px;
  left:154px;
}
div#header span.txt_header.ligne_2 {
  top:80px;
  left:165px;
}
img.logo_vdao {
  width:120px;
  height:120px;
  border:1px solid #ffffff;
  margin:10px 0px 7px 10px;
}
img.icone_lang {
  position:absolute;
  top:10px;
  width:20px;
  height:15px;
  opacity:0.65;
  display:none;
}
img.icone_lang:hover {
  opacity:1;
}
img.icone_lang.en {
  right:10px;
}
img.icone_lang.fr {
  right:35px;
}
img.icone_lang.selec {
  opacity:1;
}

div#autocad {
  position:absolute;
  right:6px;
  top:107px;
  width:200px;
  height:39px;
  color:#dd0000;
  text-align:right;
  display:block;
  font-size:15px;
  font-weight:bold;
}
div#autocad span {
  font-size:10px;
}
span#licence_certifie {
  position:absolute;
  right:8px;
  top:126px;
  width:200px;
  height:39px;
  color:#dd0000;
  text-align:right;
  display:block;
  font-size:10px;
}

div#chevrons {
  position:absolute;
  top:0px;
  right:150px;
  background-image:url('../img/chevrons_header.png');
  background-repeat:no-repeat;
  width:166px;
  height:144px;
  opacity:1;
  filter:alpha(opacity=60);
}

/************************* fin header *************************/



/********************************************************************/
/************************  MENU NAVIGATION ***********************/
/********************************************************************/
div#barre_menu {
  position:relative;
  background-color:#d1cfcf;
}
div#barre_menu nav {
  position:relative;
  padding:0px;
  margin-left:0px;
  font-weight:bold;
  font-size:19px;
  height:34px;
  font-weight:bold;
}
div#barre_menu nav ul {
  margin:0px;
  padding:0px;
  list-style-type: none; 
  text-align:left;
}
div#barre_menu nav li {
  position:relative;
  float:left;
  margin:0px 1px 0px 0px;
  padding:5px 12px 10px 6px;
  line-height:17px;
  list-style-type:none; 
  display:block;
}
div#barre_menu #realisations {
  color:#dd0000;
}
div#barre_menu #realisations:hover {
  cursor:pointer;
}
div#barre_menu #realisations span {
  color:#3e3e3e;
}

div#barre_menu nav li.selec,  div#barre_menu nav li.over_selec {
  background-color:#ffffff;
  font-size:22px;
}
div#barre_menu nav li.selec.ss_menu,  div#barre_menu nav li.over_selec.ss_menu, div#barre_menu nav li.selec.ss_menu:hover,  div#barre_menu nav li.over_selec.ss_menu:hover {
  background-color:#e6e6e6;
  font-size:19px;
}
div#barre_menu nav li.selec:hover,  div#barre_menu nav li.over_selec:hover {
  background-color:#ffffff;
}
div#barre_menu nav li:hover, div#barre_menu.ss_menu {
  border-bottom:1px solid #e6e6e6;
  background-color:#e6e6e6;
}
div#barre_menu  .selec.ss_menu {
  background-color:#e6e6e6;
}

div#barre_menu nav li.selec {
  border-bottom:1px solid #e6e6e6;
}
div#barre_menu nav li span {
  position:relative;
  margin:0px;
  padding:0px;
  padding-right:1px;
  top:3px;
  font-weight:bold;
  font-size:30px;
}

/****************** sous menu ****************/
div#barre_ss_menu, div#barre_ss_menu_selec {
  position:absolute;
  top:176px;
  left:0px;
  margin:0px;
  padding:0px;
  padding-left:10px;
  width:890px;
  background-color:#e6e6e6;
  height:25px;
  text-align:left;
  z-index:1;
}
div#barre_ss_menu nav, 
div#barre_ss_menu_selec nav {
  padding:0px;
  margin:0px;
  font-size:15px;
  font-weight:bold;
  height:35px;
  position:absolute;
  left:15px;
}
div#barre_ss_menu nav ul, 
div#barre_ss_menu_selec nav ul {
  left:0px;
  margin:0px;
  padding:0px;
  list-style-type: none; 
  text-align:left;
}
div#barre_ss_menu nav li,
div#barre_ss_menu_selec nav li {
  position:relative;
  float:left;
  margin:0px 1px 0px 0px;
  padding:2px 20px 5px 6px;
  line-height:17px;
  list-style-type:none; 
  display:block;
}
div#barre_ss_menu_selec nav li:hover {
  background-color:#f0f0f0;
  padding:2px 20px 4px 6px;
}
div#barre_ss_menu  nav li.selec, 
div#barre_ss_menu_selec nav li.selec,  
div#barre_ss_menu nav li.over_selec, 
div#barre_ss_menu_selec nav li.over_selec {
  background-color:#ffffff;
  font-size:17px;
  padding:3px 20px 5px 6px;
  border:0px;
}
div#barre_ss_menu  nav li.selec, 
div#barre_ss_menu_selec nav li.selec,  
div#barre_ss_menu nav li.over_selec, 
div#barre_ss_menu_selec nav li.over_selec {
  background-color:#ffffff;
  font-size:17px;
  padding:3px 20px 5px 6px;
  border:0px;
}

div#barre_ss_menu nav li span,
div#barre_ss_menu_selec nav li span {
  position:relative;
  margin:0px;
  padding:0px;
  padding-right:1px;
  top:1px;
  font-weight:bold;
  font-size:20px;
  text-align:left;
}



/********************************************************************/
/**************************  CADRE CENTRAL *************************/
/********************************************************************/
div#content_general {
  position:relative;
  left:0px;
  padding:30px 10px 20px 10px;
  background-color:#ffffff;
  min-height:560px;
}
div#content_general p {
  text-align:justify;
  padding-left:10px;
  padding-right:15px;
  line-height:17px;
}
img.illus_general {
  position:relative;
  display:block;
  width:880px;
  height:100px;
  margin-bottom:24px;
  margin-top:3px;
  padding:5px 0px 5px 0px;
  border-bottom:1px solid #dd0000;
  border-top:1px solid #dd0000;
}

div.titre_general {
  position:relative;
  margin-left:5px;
  margin-top:-20px;
}
.titre_general  h1 {
  color:#dd0000;
  font-weight:bold;
  padding:0px;
  margin:0px;
  font-size:24px;
}
.titre_general  h1 span {
  font-size:19px;
}



/*********************************************************************************************/
/*********************************SLIDE REALISATIONS***************************************/
/*********************************************************************************************/
div#slide_central {
  position:relative;
  left:140px;
  margin-top:40px;
  width:600px;
  z-index:20;
  min-height:435px;
}
#slide_central .slidesContainer {
  position:relative;
  top:10px;
  height:350px;
  width:550px;
  overflow:hidden;
  z-index:2;
  margin:0px;
  margin-left:23px;
  padding:0px;
  border:1px solid #000000;
}
div#slide_preload {
  position:absolute;
  margin-top:26px;
  left:173px;
  height:350px;
  width:550px;
  text-align:center;
  overflow:hidden;
  z-index:2;
  padding:0px;
  border:1px solid #000000;
  z-index:10000;
  background-color:white;
}
.preloader {
  position:relative;
  top:120px;
  left:225px;
  width:100px;
  height:200px;
  background-image:url('../img/slides_prestations/slide_loader.gif');
  background-repeat:no-repeat;
  padding-top:110px;
  color:#dd0000;
  font-size:11px;
}


/***************** icones next / previous ********************/
a.slidesNext, a.slidesPrevious {
  position:absolute;
  top:172px;
  left:-17px;
  width:30px;
  height:30px;
  display:block;
  z-index:101;
  background-repeat:no-repeat;
}
a.slidesPrevious {
  background-image:url('../img/slides_prestations/slider_previous.png');
  margin-left:0px;
}
a.slidesPrevious:hover {
  margin-left:-7px;
}
a.slidesNext {
  background-image:url('../img/slides_prestations/slider_next.png');
  left:586px;
}
a.slidesNext:hover {
  margin-left:7px;
} 

/***************** pagination en bas ********************/
.slidesPagination {
  position:relative;
  margin:18px 0px 0px 13px;
  z-index:10;
  padding:0px;
  display:block;
  text-align:center;
  width:570px;
}
.slidesPagination li {
  display:inline;
  margin:0px;
  padding:0px;
  list-style:none;
  color:#dd0000;
  font-family: 'Economica', sans-serif;
  font-weight:bold;
  font-size:16px;
  line-height:38px;
}
.slidesPagination li a {
  display:inline;
  margin:3px;
  padding:3px 5px 3px 5px;
  background-color:#cccccc;
  overflow:hidden;
  text-align:center;
  border-radius:5px;
  border:1px solid #cccccc;
}
.slidesPagination li a:hover, .slidesPagination li.slidesCurrent a {
  border:1px solid #dd0000;
}
img.slide_image {
  display:block;
  width:550px;
  height:350px;
}



/************************************************************************/
/**************************  PAGE PRESTATIONS **************************/
/************************************************************************/
div#content_prestations ul {
  display:block;
  margin:4px;
  padding:0px 0px 0px 35px;
}
div#content_prestations li {
  padding:2px;
  margin:0px;
  line-height:15px;
  color:#dd0000;
  list-style-type:none;
  font-family: 'Economica', sans-serif;
  font-size:20px;
  font-weight:bold;
}
div#content_prestations li span {
  color:#3e3e3e;
  font-family:Arial;
  font-size:12px;
  font-weight:normal;
}



/************************************************************************/
/**************************  PAGE PARTENAIRES **************************/
/************************************************************************/
div#content_partenaires div.bloc_partenaire {
  position:relative;
  float:inherit;
  display:block;
  margin:10px 0px 5px 0px;
  border-bottom:1px dotted #dd0000;
  padding-left:10px;
}

div#content_partenaires .nom {
  position:relative;
  left:-15px;
  font-size:25px;
  font-weight:bold;
  padding:5px 0px 8px 0px;
  margin-bottom:5px;
}
div#content_partenaires div.infos_partenaire {
  position:absolute;
  width:345px;
  line-height:20px;
  padding-left:15px;
}

div#content_partenaires div.visuel_partenaire {
  position:relative;
  left:395px;
  margin-left:15px;
  padding-left:15px;
  top:0px;
  width:440px;
  text-align:center;
}
img.image_partenaire {
  margin-bottom:13px;
  margin-top:5px;
}


/********************************************************************/
/**************************  PAGE CONTACT **************************/
/********************************************************************/
div#content_contact {
  position:relative;
  top:0px;
  margin:0px;
  padding:0px;
  text-align:center;
  min-height:460px;
}
div#content_contact h1 {
  position:relative;
  text-align:center;
  font-size:14px;
  font-weight:bold;
  padding:0px;
}
div#content_contact span {
  position:absolute;
  left:130px;
  padding-right:10px;
  font-size:12px;
  text-align:right;
  font-weight:bold;
  display:block;
  width:100px;
}
#form_contact {
  position:relative;
  display:block;
  margin-top:-10px;
}
div#content_contact span#form_contact_statut {
  top:20px;
}
div#content_contact span#form_contact_nom {
  top:58px;
}
div#content_contact span#form_contact_email {
  top:96px;
}
div#content_contact span#form_contact_sujet {
  top:134px;
}
div#content_contact span#form_contact_message {
  top:172px;
}

div#content_contact input, div#content_contact textarea, div#content_contact select {
  position:absolute;
  left:240px;
  font-size:12px;
  padding:3px;
  border:1px solid #c5c3c3;
  color:#3e3e3e;
  width:420px;
}
div#content_contact select {
  width:110px;
  margin-top:17px;
  padding:1px;
}
div#content_contact input#nom {
  margin-top:55px;
}
div#content_contact input#email {
  margin-top:93px;
}
div#content_contact input#sujet {
  top:131px;
}
div#content_contact textarea#message {
  margin-top:169px;
  height:210px;
}
div#content_contact input#submit_contact {
  margin-top:395px;
  font-size:12px;
  font-weight:bold;
  background-color:#e6e6e6;
  color:#dd0000;
  width:428px;
  padding-top:6px;
  padding-bottom:6px;
}
div#content_contact input#submit_contact:hover {
  cursor:pointer;
  background-color:#e6e6e6;
}
div#confirm_mail_envoye {
  display:block;
  padding-top:10px;
  font-size:12px;
  font-weight:bold;
  text-align:center;
}



/********************************************************************/
/*********************  PAGE CONFIDENTIALITE **********************/
/********************************************************************/
div#content_confidentialite {
  position:relative;
  top:0px;
  margin:0px;
  padding:5px 10px 10px 7px;
  text-align:left;
  min-height:420px;
  font-size:13px;
}

div#content_confidentialite h2 {
  font-size:13px;
  font-weight:bold;
  padding:15px 0px 5px 0px;
  margin:0;
}
div#content_confidentialite p {
  text-align:justify;
  margin:0;
  padding:0px 10px 8px 10px;
}

/********************************************************************/
/************************  PAGE PLAN DU SITE ************************/
/********************************************************************/
div#content_sitemap {
  position:relative;
  top:0px;
  margin:0px;
  padding:20px 0px 0px 35px;
  text-align:left;
  min-height:390px;
  font-weight:bold;
  font-size:13px;
}
div#content_sitemap span {
  font-family: 'Economica', sans-serif;
  font-size:20px;
}
div#content_sitemap ul {
  list-style-type:none;
}
div#content_sitemap li {
  padding-left:2px;
  margin-left:2px;
}




/****************************  LIEN TOP **************************/
#toTop {
	display:none;
	text-decoration:none;
	position:fixed;
	bottom:70px;
	margin-left:470px;
	overflow:hidden;
	width:31px;
	height:61px;
	border:none;
	text-indent:100%;
	background:url(../img/icone_top.png) no-repeat left bottom;
}

#toTopHover {
	background:url(../img/icone_top.png) no-repeat left top;
	width:31px;
	height:61px;
	display:block;
	overflow:hidden;
	float:left;
	opacity: 0;
	-moz-opacity: 0;
	filter:alpha(opacity=0);
}

#toTop:active, #toTop:focus {
	outline:none;
}



/***************************************************************/
/****************************  FOOTER **************************/
/***************************************************************/
footer, div#footer {
  position:relative;
  top:0px;
  height:30px;
  padding:0px;
  padding-top:20px;
  background-color:#212121;
  border-radius:0px;
  font-weight:bold;
  color:#e6e6e6;
  font-size:11px;
  text-align:center;
}
footer p, div#footer p {
  display:inline;
  color:#e6e6e6;
}