/*
Projet : COEUR ST LAZARE - PUBLICIS CONSULTANT
Integrateur : Sebastien CHERIAUX - www.droledepixel.com
Raccourcis : -o : outer, -i : inner, -c : center, -l : left, -t:top, -b:bottom, -r : right, col : colonne, mid : middle, bl : bloc, al : align
*/

/* ************************************************************************************/
/* RESET - GENERAL ********************************************************************/
/* ************************************************************************************/
* { padding:0; margin:0; border:0; }
a { text-decoration:none; cursor:pointer; outline:0 none; }
li { list-style:none; }
label { cursor:pointer; }

/* ************************************************************************************/
/* STRUCTURE - HEADER - MENU - MIDDLE - FOOTER ****************************************/
/* ************************************************************************************/
html { font-size:100%; } /* utile pour gestion des em sous ie6 */
body { font-family:Arial, Helvetica, sans-serif; font-size:0.75em/*12px*/; color:#000; width:100%; }
#main { width:943px; overflow:hidden; background:url(skin/bg-main.jpg) no-repeat 0 0; }
.rub-0#main { background:url(skin/bg-main-hp.jpg) no-repeat 0 0; }
.rub-4#main, .rub-4 { width:100% !important; overflow:visible !important; }

/* *************************************************************************** HEADER */
#header { position:relative; height:238px; overflow:hidden; }
#header h1, #header .h1 { display:block; width:359px; height:154px; overflow:hidden; }
/* menu */
#menu { display:block; width:356px; height:123px; overflow:hidden; position:absolute; top:94px; left:13px; }
/* s-menu */
#s-menu { position:absolute; top:80px; right:0; }

/* *************************************************************************** FOOTER */
#footer { width:943px; overflow:hidden; }
#footer ul { float:right; }
#footer li { display:inline; float:left; padding:0 0 0 24px; }
#footer p { float:right; padding:26px 0 0 48px; background:url(skin/bg-footer.gif) no-repeat 0 100%; height:12px; line-height:12px; font-size:0.92em; }
#footer p a { color:#ce006c; padding:0 5px; }
#footer p a:hover { text-decoration:underline; }

/* *************************************************************************** MIDDLE */
.rub-4 #middle { padding:20px 0 0 20px; }
.rub-0 #middle { height:375px; position:relative; }
.presentation { position:absolute; top:235px; right:0; }



.plans-astuces { display:block; width:118px; height:67px; font-weight:bold; color:#000; position:absolute; left:0px; top:234px; background:url(skin/bg-plans-astuces.png) no-repeat 0 0; padding:70px 35px 0 40px; }

.plans-astuces:hover { display:block; width:118px; height:67px; font-weight:bold; color:#000; position:absolute; left:0px; top:234px; background:url(skin/bg-plans-astuces1.png) no-repeat 0 0; padding:70px 35px 0 40px; }

.plans-astuces  .more { position:absolute; left:20px; top:70px; }



.communication{ display:block; width:118px; height:67px; font-weight:bold; color:#000; position:absolute; left:170px; top:207px; background:url(skin/bg-communication.png) no-repeat 0 0; padding:70px 35px 0 40px; }
.communication .more { position:absolute; left:20px; top:70px; }

.communication:hover{ display:block; width:118px; height:67px; font-weight:bold; color:#000; position:absolute; left:170px; top:207px; background:url(skin/bg-communication1.png) no-repeat 0 0; padding:70px 35px 0 40px; }



.partenaires { display:block; width:124px; height:67px; font-weight:bold; color:#000; position:absolute; left:340px; top:180px; background:url(skin/bg-partenaires.png) no-repeat 0 0; padding:70px 35px 0 40px; }
.partenaires .more { position:absolute; left:20px; top:70px; }

.partenaires:hover { display:block; width:124px; height:67px; font-weight:bold; color:#000; position:absolute; left:340px; top:180px; background:url(skin/bg-partenaires1.png) no-repeat 0 0; padding:70px 35px 0 40px; }




/* pages partenaires */
.rub-2 #middle { padding:0 0 0 66px; overflow:hidden; width:877px; }
.rub-1 #middle { padding:0 0 0 66px; overflow:hidden; width:877px; }
#col-l { width:384px; float:left; }
#col-l h1 { padding:10px 0 40px 0; }
#col-l p { padding:0 0 12px 0; }
#col-l p a { text-decoration:underline; color:#000; }
#col-r { width:332px; float:right; background:url(skin/bg-col-r.jpg) no-repeat 0 0; min-height:312px; height:auto !important; height:312px; padding:100px 30px 0 70px; color:#545556; font-size:0.92em; }
#col-r h2 { padding:0 0 20px 0; }
#col-r p { padding:0 0 12px 0; }
#col-r a { color:#2373c0; }
/* pages neutres */
#col { padding:0 66px 10px 66px; }
#col h1 { padding:10px 0 40px 0; }
#col h2 { font-size:1em; color:#c5007b; padding:0 0 3px 0; }
#col p { padding:0 0 12px 0; }
#col p a { text-decoration:underline; color:#000; }
#col ul { padding:0 0 5px 25px; }
#col ul ul { padding:0 0 12px 0; }
#col h3 { font-size:1.08em; padding:0 0 3px 0; color:#33; }
#col ul ul li { padding:0 0 5px 15px; background:url(skin/bullet.gif) no-repeat 0 4px; }
#col .bsl { font-size:1.25em; color:#c5007b;}
.rose a { font-size:1.25em; color:#ce006c; }
/* cartes */
.carte { padding:20px 0; text-align:center; }
.carte p { padding:0 0 5px 0; }
.carte .zoom { padding:5px 0 5px 25px; line-height:22px; color:#000; text-decoration:underline; background:url(skin/zoom.gif) no-repeat 0 0; }
.rub-4 #middle { padding:20px 0 0 20px; }
.rub-4 p { padding:0 0 5px 0; }

.rub-4 .print { padding:0 0 0 20px; line-height:16px; color:#000; text-decoration:underline; background:url(skin/print.gif) no-repeat 0 0; }
.rub-1 .print { padding:0 0 0 20px; line-height:16px; color:#000; text-decoration:underline; background:url(skin/print.gif) no-repeat 0 0; }


#coltravaux { padding:0 10px 10px 66px; }

#big {
float:left;

}

.rub-chantier #middle {  height:400px }

#droite {
	
float:center;
margin-left:10px;
}



.titreviolet { color: #602175; font-size:20px; font-weight:bold; }
.titrerose { color: #c5007b; font-size:20px; font-weight:bold; }
.titrebleu { color: #2473BF; font-size:20px; font-weight:bold; }

#mediaplayer_wrapper {margin-left:20px;}