/* ------- CSS Document -------
	MAMET Ile de france 2007
	Design by DDH - 
	Integration by Churchill -
-------------------------------*/

/*----- GENERAL -----*/
*{margin:0; padding:0;}
img{border:0;}
body{text-align:center;font-size:62.5%;font-family:Verdana, Arial, Helvetica, sans-serif;}
body.page{background:#FBF9F8;}
body.home{background:#FBF9F8;}
body.prehome{background:url('../img/prehome-bg.gif') repeat-x;}
.clear{height:1px;font-size:0.1em;clear:both;}
.clear hr{display:none;}

/*---- STRUCTURE ----*/

/* page */
#page{margin:0 auto;text-align:left;}
#page.page{width:954px;background:url('../img/page-top-bg.gif') no-repeat top left #ECE7E0;}
#page.page .background{padding-bottom:1em;background:url('../img/page-bottom-bg.gif') bottom left no-repeat;}
#page.page #content{padding:0 0 3em 0;clear:both;}
#page.page #left{width:280px;margin:0 20px 0 0;}
#page.page #right{width:578px;margin:0;}
#header h1{display:inline/*ie6*/;float:left;margin-right:20px;padding:18px 15px;}
#page.page #footer{margin:4em auto 0;}
#footer{width:608px;margin:auto;text-align:center;font-size:0.9em;/*clear:both*/}
#footer img{display:inline/*ie6*/;float:left;margin:0 0.3em;}
#footer .texte{display:inline/*ie6*/;float:left;width:450px;margin:0 0.6em;text-align:center;}

/* home */
body.home #page{width:954px;margin:auto;background:url('../img/home-bg.gif') no-repeat;min-height:600px;height:auto !important;height:600px;}
body.home p{font-size:1.1em;}
#left{display:inline/*ie6*/;float:left;width:313px;margin:1.5em 31px 1.5em 123px;clear:both;}
#center{display:inline/*ie6*/;float:left;width:183px;margin:1.5em 0;}
#right{display:inline/*ie6*/;float:left;width:183px;margin:1.5em 0 1.5em 31px;}
#page.home #footer{margin:2em auto 0;}
#fil{border-top:1px solid #F0037F;margin:2em 38px 0 123px;clear:both;}

/* prehome */
#page.prehome{width:874px;margin-top:2em;}
#page.prehome #content{padding:0;clear:both;padding-top:13em;height:17em;/*zoom:1;*/}
#page.prehome #footer{margin-top:12em;}
#page.prehome h1,#page.prehome h2,#page.prehome #header p{float:left;}
#page.prehome h1{padding:0;margin-right:205px;}
#page.prehome h2{margin-right:15px;}
#page.prehome #header p{width:275px;color:#707070;font-size:1.1em;}

#carte{position:absolute;margin-top:-13em;margin-left:27px;z-index:20;}
#diaporama{zoom:1;}

/*------- MENU -------*/
#menu{display:inline/*ie6*/;float:left;border-bottom:1px solid #F0037F;height:1.8em;padding-top:78px;}
#menu li{display:inline/*ie6*/;position:relative;float:left;list-style-type:none;font-size:1.2em;margin-right:1.7em;vertical-align:middle;}
#menu li img{float:left;margin:0;}
#menu li a{color:#000;text-decoration:none;}
#menu li a.selected,#menu li a:hover{color:#F0037F;font-size:1.1em;font-weight:bold;text-decoration:underline;}
#menu li ul{position:absolute;left:0;top:1.4em;padding:0.3em 0 0.8em;width:530px}
#menu li li{font-size:0.8em;margin-right:0;display:inline;float:none;}

/*------ STYLES ------*/
h1{color:#F0037F;font-size:2.9em;font-weight:normal;}
h2{color:#F0037F;margin-bottom:0.2em;font-size:2em;font-weight:normal;}
#page.page h2{color:#fff;font-size:6em;text-align:right;}
h3{color:#F0037F;margin:1.3em 0 0.2em;font-size:2em;font-weight:normal;}
p{color:#4D4D4D;margin-bottom:0.8em;font-size:1.1em}

#right ul li{color:#4D4D4D;list-style-type:disc;list-style-position:inside;font-size:1.1em;}
#right ul li li{font-size:1em;}
a{color:#F0037F;}

/*------ CLASSE ------*/ 
.liresuite{text-align:right;font-weight:bold;}
.copyright{float:right;margin-top:-2em;color:#8C8C8C;}
.visu1{margin:104px 0 10px 83px;}
.visu2{margin:74px 0 10px 104px;}
.visu3{margin:210px 0 44px 104px;}
.visu4{margin:84px 0 40px 104px;}
.colonne{float:left;width:48%;}
.center{text-align:center;}

/* formulaires */
label{color:#F0037F;}
#page.prehome label{font-size:1.4em;margin-bottom:0.3em;}
select,input,textarea{font-size:1.1em;vertical-align:middle;}
option{padding-right:1em;}
div.formBoutons{text-align:center;margin:1.5em 0;}
#formulaire select,#formulaire input,#formulaire textarea{margin-bottom:1em;}
#formulaire #adresse{margin-bottom:0;}
#formulaire p.label{color:#F0037F;}

/* galerie photo */
div.galerie{margin-top:1.5em;}
div.galerie img{float:left;display:inline/*ie6*/;margin:8px 4px 8px 0;padding:3px;background:#fff;}
div.galerie2{margin-top:1.5em;}
div.galerie2 img{float:left;display:inline/*ie6*/;margin:8px 16px;padding:3px;background:#fff;}