@import url(common.css);

/* --[ Global ]-- */
* {margin:0px; padding:0px}

html {
  font:11px Arial, helvetica, sans-serif;
}

.bleu {color:#5471cf !important}
.vert {color:#a7c956 !important}
.gris {color:#6b6b6b !important}
.rouge{color:#cd003a !important}
.grisfonce{color:#6b6b6d !important}
.grisclair{color:#bbb !important}


img {border:none}
a {text-decoration:none}

h1 {font-size:15px}
h2 {font-size:14px}
h3 {font-size:13px}
h4 {font-size:12px}
h5 {font-size:10px}

.liste {background-color:#eee;padding:20px 0 10px 10px;color:#555}
.liste li {margin:0px 0px 10px 15px}

body{background:#eceded}

a.aBlanc{color:#fff;text-decoration:none}
a.aBlanc:hover{text-decoration:underline}

a.under{text-decoration:none}
a.under:hover{text-decoration:underline}

ul li a{zoom:1}

.rose{color:#a70230}

/**********************************************************************************************
 *************************** SQUELETTE *************************
 **********************************************************************************************/


#page{background:transparent;text-align:center;padding-bottom:30px}
#zeSite{text-align:center;color:#6b6b6d;background:transparent url(../img/squelette/bg_site.gif) repeat-y}
#pageContenu{margin-top:-11px;text-align:center;color:#6b6b6d;background:transparent url(../img/squelette/bg_site.gif) repeat-y}


#box_head{height:240px;position:relative;background:url(../img/header/bg.gif) no-repeat top center}
#box_head_pages{height:170px;overflow:hidden;position:relative;background:url(../img/header/bg.gif) no-repeat top center}
h1{width:119px;height:103px;overflow:hidden;position:absolute;z-index:4;top:40px;left:40px;}
#box_head img#dte_header{top:56px;left:655px;position:absolute;z-index:4;}
#box_head_pages img#dte_header{top:17px;left:643px;position:absolute;z-index:4;}
#box_head img#imgBBC{top:0;right:0;position:absolute;z-index:4;}


#header{background:transparent;position:absolute;top:0;left:0;z-index:3;}
#header img{background:transparent !important}

.conteneur {
  width:960px;
  text-align:left;
  margin:0px auto 0px auto;
}

#basColG{background:url(../img/squelette/bas_menu.gif) no-repeat;height:65px}

#backgroundFixed{z-index:1;top:0;left:0;position:fixed}
#page{z-index:2;position:relative;}

#mid{background:url(../img/accueil/bg_mid.gif) repeat-y}
#graphics{background:url(../img/accueil/bg_mid2.gif) no-repeat top center}

#realisations{float:left;width:687px;}
#menuAccueil{width:273px;float:right}

#menuAccueil ul{margin-bottom:5px}

#mid h2{position:relative;;z-index:6;margin-top:-28px;margin-bottom:8px;color:#99a9b4;font-weight:normal !important;font-size:18px}
#mid h2.rea{height:17px;margin-top:-20px;margin-bottom:8px}

#mid div.real{width:304px;float:left;margin-left:8px;}
#mid div.real p{color:#fff;margin-top:5px}

#menuAccueil ul li{margin:3px 6px 0;list-style:none}
#menuAccueil ul li a{background:#465661;display:block;padding:9px 10px;color:#ffffff;}
#menuAccueil ul li a:hover{font-weight:bold;background:#7a8c98 url(../img/accueil/puce.gif) no-repeat 238px 6px}

#suiteAccueil{padding-bottom:5px;background:url(../img/accueil/suite_accueil.gif) no-repeat top center}
#suiteAccueil div.col{width:49%;text-align:left;}
#suiteAccueil div.col p{font-size:12px;color:#4d5e69;text-align:justify;padding:10px 10px 10px 30px;}
#suiteAccueil div.col p img{border:5px #e5e5e5 solid}
#suiteAccueil div.col h2{font-size:18px;text-transform:uppercase;margin:25px 0 5px 30px;}

#suiteAccueil div.col a.onglet{font-size:12px;width:453px;height:111px;color:#fff;display:block;background:url(../img/accueil/onglets.gif) no-repeat -7px -6px}
#suiteAccueil div.col a.deux{background-position:-474px -6px}
#suiteAccueil div.col a.onglet:hover{background-position:-7px -126px;}
#suiteAccueil div.col a.deux:hover{background-position:-474px -126px}
#suiteAccueil div.col a.onglet span.titre{cursor:pointer;font-size:18px;display:block;padding:10px 0 0 206px}
#suiteAccueil div.col a.onglet span.titre2{padding:10px 0 0 150px;}
#suiteAccueil div.col a.onglet span.description{cursor:pointer;text-align:justify;width:285px;display:block;padding:4px 0 0 150px;}
#suiteAccueil div.col a.onglet span.description2{width:230px;padding:4px 0 0 206px;}

/**********************************************************************************************
 *************************** defilement accueil des realisation *************************
 **********************************************************************************************/

/*******************************************************************************/
/* defilement scrollable */
/*******************************************************************************/

/* override the root element to enable scrolling */
/* everything is constructed with a single background image */

#defilement{position:relative;}
#defilement img.nav{cursor:pointer;z-index:10;position:absolute;top:100px;left:8px;}
#defilement img.next{left:667px}

/* panes */
#flowpanes{margin-left:30px;width:624px;height:280px;}


/* single pane */
#flowpanes div{display:none;}

/* override the root element to enable scrolling */
#flowpanes{position:relative; overflow:hidden; clear:both;}

/* override single pane */
#flowpanes div{float:left;display:block;}
/* our additional wrapper element for the items */
#flowpanes .items{width:20000em;position:absolute;clear:both;margin:0;padding:0;}
#flowpanes .less, #flowpanes .less a{color:#999 !important;font-size:11px;}

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

#basSite{background:url(../img/global/bas_site.gif) no-repeat;height:9px}

#zeMenu{position:relative;z-index:7;text-align:left;}
#zeMenu #hautMenu{height:11px}
ul#menuPrincipal{height:62px;background:url(../img/global/bg_menu.gif) no-repeat}
ul#menuPrincipal li{list-style:none;display:inline}
ul#menuPrincipal li a{-moz-border-radius : 7px; margin-top:12px;font-weight:bold;float:left;display:block;background:#43545f;color:#b8bdc0;padding:7px;margin-right:10px;}
ul#menuPrincipal li a:hover,ul#menuPrincipal li a.actif{background:#b6bdc1;color:#ffffff;}

#menu_secondaire{width:217px;float:left;}
#leMenu{width:217px;margin-left:9px;background:#3f4e58;color:#fff;}

#menu_secondaire h2{font-weight:normal;text-align:left;margin-bottom:7px;margin-left:7px;font-size:13px;}
#partie_droite{text-align:left;float:left;width:700px;margin-left:23px;}
#menu_secondaire ul, #menu_secondaire .bas{padding-bottom:25px;background:#3f4e58 url(../img/global/bas_menu_secondaire.gif) no-repeat bottom}
#menu_secondaire ul li{margin:3px 4px;list-style:none}
#menu_secondaire ul li a{text-align:left;display:block;background:#43545f;color:#fff;padding:7px;}
#menu_secondaire ul li a:hover,#menu_secondaire ul li a.actif{background:#a70230;color:#ffffff;font-weight:bold}
#menu_secondaire p.hight{background:#43545f;color:#fff;padding:5px 10px;text-align:left;margin:0 5px}

#menu_secondaire ul ul.dev{padding-bottom:10px;background:transparent !important;}
#menu_secondaire ul ul.dev li{margin:0}
#menu_secondaire ul ul.dev li a{display:block;padding:5px;background:url(../img/produit/puce.gif) no-repeat 0 0;color:#fff}
#menu_secondaire ul ul.dev li a.var{background:url(../img/produit/puce.gif) no-repeat -209px 0;}
#menu_secondaire ul ul.dev li a:hover,#menu_secondaire ul ul.dev li a.var:hover,#menu_secondaire ul ul.dev li a.actif{background:url(../img/produit/puce.gif) no-repeat -418px 0;color:#ad123d}


/* footer */
#footer{text-align:center;color:#6b6b6d;background:transparent;padding-top:10px}
#arrondiFoot{background: url(../img/global/top_foot.gif) no-repeat;height:9px;}
#contentFoot{text-align:left;margin:0px auto 0px auto;text-align:left;padding:0 0 10px;background:#fff;width:944px}
#contentFoot ul li{list-style:none;display:inline;}
#contentFoot ul li a{color:#6b6b6d;text-decoration:none}
#contentFoot p a{color:#cd003a;text-decoration:none}
#contentFoot ul li a:hover,#contentFoot p a:hover{text-decoration:underline}


div.celluleActu{color:#fff;background:#b70034;padding:6px;}
div.celluleActu div.texte{margin:0 6px;float:left;width:160px;}
div.celluleActu a{color:#fff;text-decoration:none}



/**********************************************************************************************
 *************************** COMMUN *************************
 **********************************************************************************************/




/*** MESSAGES ERREUR ***/
.ok, .error{text-align:center; }
.ok {background-color:#00B000; color:#fff; font-weight:bold; padding:2px 0px}
.error {background-color:#f00; color:#fff; font-weight:bold; padding:2px 0px}
.erreur{background:#a70230 !important;color:#fff !important;}

/*** EXTRAS ***/

div.extras .widthExtras{width:633px;}
#contenu{margin-left:16px;width:673px;padding:10px 0 6px}

div#basRound{margin-left:16px;width:673px;background:#fff url(../img/squelette/bas_contenu.gif) no-repeat bottom right;padding:0 0 30px;}

div.extras p{color:#666;}
div.extras p a{color:#A70230;text-decoration:none}
div.extras a:hover{text-decoration:underline}
div.extras .width1{width:70px}
div.extras .width2{width:380px}
div.extras .width3{width:120px}
div.extras td a,div.extras div.credits1 a,div.extras div.credits2 a{color:#A70230;text-decoration:none}
div.extras td a:hover,div.extras div.credits1 a:hover,div.extras div.credits2 a:hover{color:#A70230;text-decoration:underline}
div.extras caption{font-size:11px;background-color:#A70230; color:#fff; padding:1px 0px; font-weight:bold}
#leb-img {margin-top:20px}

div.extras .credits1,div.extras .credits2{background-color:#F0F0F0; margin:5px 0px; padding:5px 0px 5px 20px; width:400px}
div.extras .bg1{background-color:#F0F0F0}
div.extras .credits2,div.extras .bg2{background-color:#F9F9F9}
div.extras td{padding:5px 0;color:#666;font-size:11px}


#plan ul{background:#eee;padding:7px;}
#plan ul li{list-style:none}
#plan a {display:block;padding:5px 0px 5px 5px; background-color:#ddd; margin-bottom:4px;color:#666}
#plan a:hover {background-color:#fff; color:#A70230;text-decoration:none}
#plan a.titre{font-weight:bold;background:#A70230;color:#fff}
#plan a.titre:hover{background:#780021;color:#fff}

.highlight{padding:10px;background:#efefef;color:#4d5e69}
.highlight p a{color:#A70230;font-weight:bold;}
.highlight p a:hover{text-decoration:underline}
.zelegendd{padding:10px;background:#efefef;color:#4d5e69;text-align:center}


/***************************************
************ FORMULAIRES ***
***************************************************************/


#formContact label.normal{padding-left:10px;display:block;float:left;width:60px;text-align:left;font-weight:bold;margin-right:7px;position:relative;top:5px}
#formContact p.textuel{height:23px;margin-bottom:15px;background:#efefef url(../img/extras/bg_cell.gif) no-repeat}
#formContact p.cp{margin-bottom:5px;background:#efefef url(../img/extras/bg_cp.gif) no-repeat}
#formContact p.cp label.normal{width:40px}
#formContact p.textuel input{position:relative;top:2px;color:#838383;width:170px;background:#efefef;border:none;font-size:11px;font-family:arial;margin-bottom:5px;padding:3px;}
#formContact p.textuel input#cp{width:50px;}
#formContact p.textuel input#ville{width:100px;}
#formContact textarea{margin-top:7px;width:690px;color:#666;border:none;background:#efefef;font-size:11px;font-family:arial;margin-bottom:5px;padding:3px;border-bottom:1px #bbbfc2 solid}
#formContact .width1{width:260px}
#formContact .width2{width:120px}
#formContact .width3{width:200px}

#fancybox-title-main{color:#666 !important}



.scrollable {

	/* required settings */
	position:relative;
	overflow:hidden;
	width: 700px;
	height:530px;
}

.scrollable .itemsA {
	/* this cannot be too large */
	width:20000em;
	position:absolute;
}

.itemsA div {
	width:700px;
	text-align:center;
	float:left;
}

.navi {
	height:80px;
	background-color:#A70230
}

.navi a {
	width:108px;
	height:62px;
	border:3px solid #fff;
	float:left;
	margin:6px 3px;
	background:url(../img/navigator.png) 0 0 no-repeat;
	display:block;
	cursor:pointer;
	font-size:1px;
}

.navi a:hover {
	background-position:0 -8px;
}

.navi a.current {
	background-position:0 -16px;
}

/*** diaporama realisation ***/

div.imgLegende{margin-bottom:10px;background:#efefef;width:700px;text-align:center;padding-top:10px}