@charset "UTF-8";
/* CSS Document */

BODY { 
background-color: #f5eeea;
font-family:Arial, Helvetica, sans-serif;
font-size: 12px;
padding-top: 30px;
color: #4c4642;
line-height: 1.6em;
margin-bottom: 40px;

}

h1 {font: 30px/38px 'ColaborateThinRegular', Arial, sans-serif;letter-spacing: 0; margin: 0px; padding:0px; color: #181050; }
h2 {font: 21px/23px 'ColaborateThinRegular', Arial, sans-serif;letter-spacing: 0; margin: 0px; padding:0px; color: #181050;}
h3 {font: 16px/18px 'ColaborateThinRegular', Arial, sans-serif;letter-spacing: 0; margin: 0px; padding:0px; color: #181050;}

.title2 {font: 16px/18px 'ColaborateMediumRegular', Arial, sans-serif;letter-spacing: 0; margin: 0px; padding:0px; color: #181050;}


img { border: none; }
#central { width: 840px; margin: auto; }
#general { margin: auto; width: 840px; background-image:url(images/background.gif); background-repeat:repeat-y; }
#content { width: 750px; padding: 40px; margin: auto; }
#topgeneral { background-image:url(images/topsite.gif); background-repeat:no-repeat; width: 840px; padding: 0px; margin: auto; height: 3px; font-size: 0px; }
#bottomgeneral { background-image:url(images/bottomsite.gif); background-repeat:no-repeat; width: 840px; margin:auto; height: 7px; font-size: 0px; }

#header { margin-bottom: 30px; margin-top: -10px; }
#header h1 { font-size: 20px; color: #c59275; padding: 0px; margin:0px; }

.clear { clear:both; }

ul.stages{ list-style-position: inside; display:inline-block; margin-left: -10px; margin-top: -8px;  margin-bottom: 0px; }

#menu li {     display: inline ; font-family: 'ColaborateLightRegular'; font-size: 16px; margin-right: 25px ; color: #4e4e4e;  }
#menu li a { 
    color: #4e4e4e;  
    line-height: 1em ; 
    padding: 4px 0 ;
	margin-right: 30px;
	text-decoration:none;
    text-align: center ; 
    } 
	#menu a:hover { color: #4e4e4e; border-bottom: 3px solid #e8c8b6; }
#menu { padding: 0 ; list-style: none ; text-align: center; margin-top: -10px; padding-bottom: 10px;  }

#bannierehome { background-image:url(images/bannierehome.jpg); width: 750px; height:281px; padding-top: 183px; background-repeat:no-repeat; margin-bottom: 20px; }

#separateur1 { background-image:url(images/degradesepar.gif); background-repeat:repeat-x; font-size: 0px; height: 25px; margin-left: -41px; margin-right: -39px; }

#carrerdv { background-image:url(images/carrerdv.png); background-repeat:no-repeat; width: 340px; height: 26px; padding: 36px; font-size: 22px; font-family: 'ColaborateThinRegular'; color: #cac8de; }
#carrerdv a { color: #cac8de; text-decoration:none; }

#texte1 { text-align: left; float: left; margin-right: 10px; font-size: 11px; width: 380px; background-color:#f9f3f0; padding: 15px; }
#texte2 { text-align: right; float: right; width: 320px; }

#footer { margin-top: 40px; padding-top: 15px; border-top: 1px solid #efddd5; text-align: left; font-size: 10px; color: #999; }
#footer a { text-decoration: none; color: #999; }
#footer a:hover { color: c0774d; text-decoration:underline; }

#consultation { margin: 0 ; padding: 0 ; list-style: none;  }
#consultation li { width: 180px; float: left; margin-right: 5px;margin-top: 5px; list-style: none; height: 167px; display: block; }
#consultation a { text-decoration: none; color: #FFF; text-align: center; }
#consultation span { position:absolute; top: }

#menuconsult ul { list-style: none ; margin: 0 ; padding: 0 ; }
#menuconsult li { width: 120px; font-size: 16px; padding: 6px; border-bottom: 1px solid #e1dcd9; font-family:'ColaborateLightRegular'; }
#menuconsult a { display: block ; 
    color: #4c4642;
    font: 1,3em 'ColaborateLightRegular',Arial,sans-serif ; 
    line-height: 1em ; 
    text-align: left ; 
    text-decoration: none ; 
    padding: 6px ;  }
#menuconsult a:hover { background-color: #f8eee8; color: #705a4f; padding: 6px ; }


#encartbleu { margin-top: 6px; margin-bottom: -7px; margin-bottom: 0px; background-color: #f1ecf8; background-image:url(/images/hautcadre.gif); background-repeat:no-repeat; background-position:top; }
#encartbleu li { list-style-type: none;
    padding-left: 2em;
    background-image: url("/images/arrow1.png");
    background-repeat: no-repeat;
    background-position: 0px 8px;
	padding-bottom: 7px;
	padding-top: 7px;  }

#encartbleu ul{ width: 560px;  padding: 10px 20px 3px 20px; float: right; }

#encartbleu a { color: #4c4642; text-decoration: none; }
#encartbleu a:hover { text-decoration:underline; }
ul.gallery li{ background: #575d72; position: relative; }
ul.gallery li h2 {
	margin: 0;
	padding: 0;
	font-size: 1em;
	font-weight: normal;
	position: absolute;
	font: 20px/16px 'ColaborateThinRegular', Arial, sans-serif;
	width: inherit;
	text-align: center;
	top: 75%;
	color: white;

}



@font-face {
    font-family: 'ColaborateLightRegular';
    src: url('fonts/ColabLig-webfont.eot');
    src: url('fonts/ColabLig-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/ColabLig-webfont.woff') format('woff'),
         url('fonts/ColabLig-webfont.ttf') format('truetype'),
         url('fonts/ColabLig-webfont.svg#ColaborateLightRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'ColaborateMediumRegular';
    src: url('fonts/ColabMed-webfont.eot');
    src: url('fonts/ColabMed-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/ColabMed-webfont.woff') format('woff'),
         url('fonts/ColabMed-webfont.ttf') format('truetype'),
         url('fonts/ColabMed-webfont.svg#ColaborateMediumRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'ColaborateRegular';
    src: url('fonts/ColabReg-webfont.eot');
    src: url('fonts/ColabReg-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/ColabReg-webfont.woff') format('woff'),
         url('fonts/ColabReg-webfont.ttf') format('truetype'),
         url('fonts/ColabReg-webfont.svg#ColaborateRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'ColaborateThinRegular';
    src: url('fonts/ColabThi-webfont.eot');
    src: url('fonts/ColabThi-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/ColabThi-webfont.woff') format('woff'),
         url('fonts/ColabThi-webfont.ttf') format('truetype'),
         url('fonts/ColabThi-webfont.svg#ColaborateThinRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}