@charset "utf-8";
/* disposition_2 */

body {
  margin:0px;padding:0px;
  /*background-image:url(../fichiers/bg_dg.png);background-repeat:repeat-x;*/
  background-color:#FFFFFF;
  font-size: medium;
  font-family: 'Comic Sans MS', cursive;
  color: #000000;
  text-align: left;
}

body img {border:none;}

#global {
background-image:url(../fichiers/bg_dg.png);background-repeat:repeat-x;
width:1000px;/*1024px;*/
/*height:800px;*/
margin:auto;
margin-top:0px;
padding-left:0px;
padding-right:0px;
}

/***********************************/
/*** barre navigation ** *     ** **/
/***********************************/
#logo {overflow:hidden;}
#barre_nav {position:absolute; top:0px; margin:auto; color:#0000FF; font-weight:bold;}
#barre_navigation {position:absolute; z-index:50; top:120px; left:0; width:1000px; height:36px; text-align:center; background: url(../fichiers/cssplay_0.gif);}
#menu_navigation {padding:0; margin:0 0;list-style-type:none; width:1000px; height:36px; background:url(../fichiers/cssplay_0.gif) no-repeat top right;}
#menu_navigation li {float:left; display:inline; width:125px; background:url(../fichiers/cssplay_1.gif);}
/*texte barre nav*/
#menu_navigation li a, #menu_navigation li a:visited {display:block; width:125px; height:36px; color:#ddd; font-size:0.8em; text-decoration:none; line-height:32px; font-family:arial, verdana, sans-serif; background:url(../fichiers/cssplay_0.gif);color:#000000;}
#menu_navigation li a:hover {color:#000099;  background:url(../fichiers/cssplay_1.gif);} 
#menu_navigation li a.courant, #menu_navigation li a.chosen:visited,  #menu_navigation li a:active, #menu_navigation li a:focus {color:#000;  background:url(../fichiers/cssplay_1.gif);} 
#menu_navigation li.java a:hover {color:#fff;  background:url(../fichiers/cssplay_1b.gif);} 
#lien_navigation {font-family:arial, sans-serif; position:absolute; bottom:0; left:10px;}
#lien_navigation ul {padding:0; margin:0; list-style-type:none;}
#lien_navigation ul li {float:left; font-size:0.8em; color:#999; margin:0 7px 0 0; line-height:25px;}
#lien_navigation ul li a, #lien_navigation ul li a:visited {font-size:1em; color:#000; text-decoration:none;}
#lien_navigation ul li a:hover {color:#263; border-bottom:1px solid #000;}


/***********************************
*** ** * barre vertical *  * * *****
***********************************/
/*
#barre_verticale {position:absolute;z-index:1;
left:50%; margin-left:195px;top:0px;
background-image:url(../fichiers/bg_vertical.gif);background-repeat:repeat-y;
height:700px;
width:40px;

    filter : alpha(opacity=10);/erreur css/
    -moz-opacity : 0.5;
    opacity : 0.5; }*/
/***********************************/
/***  *  * *  menu_css** *     ** **/
/***********************************/
#menu_css_magasins {
position:inherit;/*la bonne position serait absolute, mais avec IE les onglets marchent plus*/
margin-top:0px;/*200px;}*/
}


/***********************************/
/***  *  * *  contenu ** *     ** **
**** *menu_css * *  * * * *   ** ***
/***********************************/
#contenu, #contenu_page {/*marche aussi pour le menu css*/
margin-top:200px;
padding-left:50px;
/*padding-right:50px;*/

padding-right:40px;
}
#contenu.placard {margin-top:0;margin-left:-50px;}
/*#texte_accueil {
position:absolute;overflow:hidden;
margin-top:300px;
margin-left:150px;
}*/
#contenu h1, #contenu_page h1 {
padding-bottom:20px;
text-align:center;
background-image:url('../fichiers/bgmenu_h2.png');
background-position:bottom;
background-repeat:no-repeat;
}

#contenu div.real, #contenu_page div.real {text-align:center;}

#contenu div.tra1 {position:inherit;
margin-left:55px;
margin-top:-60px;height:80px;
}
#contenu div.tra2 {position:inherit;
margin-left:350px;
margin-top:-80px;height:80px
}
#contenu div.tra3 {position:inherit;
margin-left:650px;
margin-top:-70px;height:80px
}
#contenu div.tra4 {position:inherit;
margin-left:280px;
margin-top:-210px;height:80px
}


#liens_sup {position:inherit;width:900px;text-align:center;}
#liens_sup.ajustement {position:inherit;width:900px;padding-top:300px;text-align:center;}
span.page_courante {font-size:0.8em;/*font-weight:bold;*/}
#contenu .center {text-align:center;}

#contenu.travaux_img div {
}

#contenu div.ligne {height:400px;}/*permet de mettre le pied en bas normalement*//*  /!\ A REMPLACER PAR FLOAT:LEFT */
#contenu div.ensemble {float:right;/*margin-top:100px;*/}/*fait redescendre l'ensmeble des photos et textes travaux, necessaire a cause de :#contenu div.ligne_aff_trav {height:250px;margin-top:-80px;} */
/*#contenu div.ligne_travaux {position:inherit;float:left;width:290px;height:600px;margin:0 5px 0 5px;clear:right;border:5px solid red;}*/
#contenu div.ligne_aff_trav {height:200px;
}
#contenu div.ligne_aff_trav.impair img {float:left;padding:0px 20px;}
#contenu div.ligne_aff_trav.impair {text-align:left;width:430px;}
#contenu div.ligne_aff_trav.pair img {float:left;padding:0 20px 0 20px;}
#contenu div.ligne_aff_trav.pair {text-align:left;width:430px;margin:-215px 0 0 450px;}
#contenu div.ligne_aff_trav p {padding:0 0px;width:50%;margin-left:200px;}
#contenu div.ligne1 {position:inherit;float:left;width:22%;height:400px;margin:0 5px 0 5px;clear:right;}
#conten\u div.ligne1 img {/*clear:both;*/}

form.form_travaux {float:left; height:600px;width:300px;text-align:center;}
#contenu em.titre_real {
  /*margin-left:350px;*/
  line-height:0px;
  font-weight:bold;
  font-size:36px;
  /*padding-right:40px; background-image:url(../fichiers/fleche_bas.png); background-position:right; background-repeat:no-repeat;*/
}

#contenu a.lien_real {
  padding-right:30px; background-image:url(../fichiers/main.png); background-position:right; background-repeat:no-repeat;
  color:#330066;
  line-height:36px;
}
/*
#global div#contenu table {margin:10px;position:inherit;border:3px solid black;height:inherit;}*/
#contenu table tr {}
#contenu table tr td {padding-top:15px;width:40%}
#contenu table tr td img {float:left;}
#contenu table tr td p {margin-left:200px}

/*************ongletBULLES FONDUES******/
span.infobulle_fondu {/*position:absolute; margin-top:-20px*/
}

span.test {overflow:visible;position:absolute;z-index:10;top:160px;margin-left:250px;}



/***********************************/
/***  *  * * menu_droit* *     ** **/
/***********************************/

#contenu #menu_droit {position:absolute; left:50%;margin-left:240px; width:199px;top:224px;/*position du menu droit*/
  /*background:#FF9;*/
  /*border-top:2px solid #FFFFCC;
  border-left:2px solid #FFFFCC;
  border-right:2px solid #FFCC66;
  border-bottom:2px solid #FFCC66;*/
  text-align:center;/*permet de centrer le texte et les images*/
}
#menu_droit img {/*float:none;margin:auto;*/}	
#menu_droit {/*margin-left:10px;*/}

#menu_droit p {padding: 0px 2px 0px 2px;/*text-align:center;*/margin: 0;}

/*div.scroll {position:absolute;top:600px; left:0px;z_index:50px;}*/

div.diapo_nos_proj {font: normal 14px Arial; padding: 0px;}
#fscroller img {/*text-align:center*/ }
#fscroller {/*position:absolute;left:50%;margin-left:250px;top:630px; z-index:50px;border:1px solid black;*/}

#menu_droit h2 {background-image:url(../fichiers/bg_titre_menu_droit.gif);background-repeat:repeat-x;
margin:0 0 5px 0;font-size:14px;line-height:18px;padding: 0px 2px 0px 2px;
border-right:2px solid black;border-bottom:2px solid black;
/*text-align:center*/}

#zone {/*margin-left:15px;*/}/*deuxieme diapo*/
/****************************************************************
****** contenu des pages possedant un scroller  * * * *** ** ****
*****   cuisines, sdb, placard...  * **  ****
******************************************************************/
#contenu_page {/*marche aussi pour le menu css*//*position:inherit;*/
margin-top:200px;/*permet de mettre le bg a la meme hauteur que sur la page d'accueil*/
/*padding:10px 50px 50px 50px;*/
padding-left:50px;
padding-right:340px;
/*width:700px;*/
}
#contenu_page p{margin:5px 0 5px 0}
#contenu_page h1 {text-align:center;}
#contenu_page ul li {list-style-type:disc}

#contenu_page #real_height {/*padding-bottom:100px;*/position:inherit;background:inherit;}
#real_height {float:left;width:950px}/*permet de disposer le pied sous les photos*/
#real_height div.photos {float:left; height:250px;width:210px;text-align:center;
border-right:2px solid #FFCC00;
border-bottom:2px solid #FFCC00;
border-top:2px solid #FFEEDD;
border-left:2px solid #FFEEDD;
margin:5px 2px 0px 3px;
padding:2px 1px 6px 1px;
}
#real_height div.alfort_p {clear:both;margin-bottom:25px;}
#real_height div.alfort_p h2 {text-align:center;}
#real_height div.photos_hr {float:left; height:400px;width:315px;text-align:center;}
#real_height div.photos_adm {float:left; height:400px;width:315px;text-align:center;}
#real_height div.photos img {
border-right:2px solid #FFEEDD;
border-bottom:2px solid #FFEEDD;
border-top:2px solid #FFCC00;
border-left:2px solid #FFCC00;
}
#real_height form.form_img, div.real_test form.form_img {float:left;margin:0 5px 0 5px;}
/*********************************
***** cuisine scroller **********
********************************/
#cuisine_scroller {position:absolute;left:50%;margin-left:250px;top:190px;
width:240px;height:330px;/*width:'+scroller_width+';height:'+scroller_height+';*/
overflow:hidden;
}
#canvas0 {position:absolute;/*en cas de modif, modifier aussi cuisine_scroller.js (ou .php)*/
background-color:#FFFF66;/*+bgcolor+';*/
width:240px;/*'+scroller_width+';*/
border:none;/*'+border+';*/
height:330px;/*'+scroller_height+';*/
top:330px;/*'+scroller_height+';*/

}
#canvas1 {/*en cas de modif, modifier aussi cuisine_scroller.js (ou .php)*/
position:absolute;
background-color:#FFFF66;/*+bgcolor+';*/
width:240px;/*'+scroller_width+';*/
border:none;/*'+border+';*/
height:330px;/*'+scroller_height+';*/
top:330px;/*'+scroller_height+';*/

}
#canvas0, #canvas1 {text-align:center;}/*centre les photos des menu droit*/
#canvas0 img, #canvas1 img {margin-top:10px;}

/*********************************
***** affaires        **********
********************************/
div.affaire {
border:2px solid black;margin:5px;
min-height:230px;
position:relative;
}
div.affaire h2 {
position:inherit;
margin:5px 0 5px 10px;
width:700px;
height:auto;
font-style:italic;
}
div.affaire p {
margin:0 0 0 20px;}
div.affaire img {margin:10px 10px 0px 20px;clear:left;}
div.affaire div.prix {
position:relative;top:20px;
text-align:center;
margin: 0 250px 30px 80px;padding:2px 10px 2px 10px;

background-color:#FFFF00;color:#000;border-right:2px solid black;border-bottom:2px solid black;}

/***************************/
/*** realisation ***********/
/***************************/
.modif_real_img form{border:2px solid black;height:320px;margin:20px;width:220px;}

/*****************************
*********   *menu sup*********
*****************************/
#menu_sup {position:absolute; left:50%;margin-left:260px; width:200px;top:600px;/*position du menu droit*/
 /* background:#FF9;*/
  /*border-top:2px solid #FFFFCC;
  border-left:2px solid #FFFFCC;
  border-right:2px solid #FFCC66;
  border-bottom:2px solid #FFCC66;*/
  text-align:center;/*permet de centrer le texte et les images*/

}
#menu_sup_unique {position:absolute; left:50%;margin-left:260px; width:200px;top:370px;/*position du menu droit*/
 /* background:#FF9;*/
  /*border-top:2px solid #FFFFCC;
  border-left:2px solid #FFFFCC;
  border-right:2px solid #FFCC66;
  border-bottom:2px solid #FFCC66;*/
  text-align:center;/*permet de centrer le texte et les images*/

}
#menu_sup a, #menu_sup img, #menu_sup_unique a, #menu_sup_unique img{border:none}
/****formulaire********/
#contenu form.modif_type1 {border:1px solid black;padding:15px;width:250px;position:absolute;left:50%;margin-left:200px;top:250px;font-size:0.8em;}
/***********************************/
/***  *  * * **pied  *** *     ** **/
/***********************************/
/*div#sauvons_le_pied {position:relative;height:800px;padding-top:800px;border:2px solid black;}*/
#global div#pied {text-align:center;font-size:12px;color:#000;
position:inherit;height:30px;padding-top:40px;
 z-index:25; overflow:visible/*:hidden; */
}
fieldset.aaa {display:none;}

/****************************************/
/***** administration  * * ** ***********/
/****************************************/
#admin {position:inherit; margin-top:170px;margin-bottom:-170px;}
#admin label {border:1px solid black;}

#panneau {margin-top:170px;}
.script img {float:left;margin:20px;}
.script form {border:3px solid black;padding:10px 10px 5px 5px;margin:0 0 10px 5px;width:680px;}
.script input.valider {position:relative;margin-left:600px;margin-top:-20px;}

#panneau .realisation {border:2px solid #000099;padding:20px;margin:3px;}/*style pour les pages realisation*/
#panneau div.real_test {height:320px;/*290*/margin:5px;padding-top:0px;}/*ensemble d'une realisation*/
#panneau .realisation div.real_test form.form_img {float:left;margin:0 5px 0 5px;}/*image et texte*/
#panneau .realisation .textarea{padding:3px;margin-left:80px;margin-top:-20px;}
#panneau .realisation .valider{margin-left:400px;margin-top:20px;}

#panneau a.lien_sup {position:inherit;margin:auto;margin-left:0px;/*margin-top:-10px;*/}
#panneau a.a_voir {margin:-40px 0px 20px 300px;font-size:18px;font-weight:bold;background:#FFFF33;}
/***infobulles administration */
#admin a span.nav_admin {display: none}

#admin a:hover span.nav_admin  { 
display:block; position:absolute; z-index:50;
top:230px; left:10px;width:280px;height:60px;
color:#000;
text-align: center;
font-weight:bold;
padding:5px 0px 5px 0px;
font-style:italic;
background-image:url(../fichiers/fond_infobulle_accueil2.png);background-repeat:no-repeat;	
}
#adminstyle {}
/**********************************************
**** plan du site ****************************
**********************************************/
#plan_site, #plan_site ul li, #plan_site ul li ul li {list-style:disc}
#plan_site li {margin-left:0px;}
#plan_site li ul li {margin-left:50px;}
#plan_site ul li ul li {margin-left:100px;}

/*****************************************
referncement
*****************************************/
.cache {display:none;}

/*****************************************
PROMO
******************************************/
div#promo {
position:absolute;left:50%;margin-left:-400px;margin-top:-300px;


	z-index:100;
	background-image:url(../fichiers/image_promo.png);
	background-repeat:no-repeat;
	height:75px;
	width:200px;

}
div#promo p{	margin:10px 10px 10px 25px;
	position:inherit;
	text-align:center;
	
	}
	div#promo p a {
	
			line-height:18px;
	font-size:23px;
	font-weight:bold;
	font-style:italic;
	color:black;
	text-decoration:none;
	}