/* -------------------------------------------------------------------- 
		LC Louise Catherine
		  CSS STYLES
	Par L'Ile des Medias, 2008
-------------------------------------------------------------------- */


/* GENERAL */
body {
	margin:0;
	background:#000;
	font-family:Verdana, Arial, Helvetica, sans-serif;	
	scrollbar-face-color: #FFFFFF;
	scrollbar-shadow-color:#414141; 
	scrollbar-highlight-color:#FFFFFF; 
	scrollbar-3dlight-color:#414141; 
	scrollbar-darkshadow-color:#DDDDDD;
	scrollbar-track-color:#DDDDDD; 
	scrollbar-arrow-color:#414141;
}
#backgroundVideo{background:#fff;}

.clearer{
	clear:both;
}

img {border:0;}

div.conteneur {border:1px solid #666666; background:#000; padding:0; margin:0 auto; width:1025px; height:550px;}
div.contenuFlash {border:1px solid #666666; padding:0; margin:0 auto; width:1025px; height:550px; position:relative}
div.contenuFlashVideo {border:1px solid #666666; padding:20px 0 0 108px; margin:0 auto; width:917px; height:530px; font-size:14px;}
div.contenuFlashVideo a{text-decoration:none;}
div.contenuFlashVideo a:hover{color:#6699FF;}
div.centrale {width:1007px; height:532px; background:#fff; margin:9px 9px 0px 9px}

#menubas {text-align:center; height:93px}

div#contenutexte {float:left; width:725px; height:462px; overflow-y:auto; overflow-x:hidden; background:#fff; padding:0 50px 0 75px;}
#menu {float:left; width:155px; height:462px; background:#fff; border-left:1px solid #414141}

/* HEADER */
#header {width:998px; margin:0 auto 3px auto; border-bottom:1px solid #414141}
#header #menuHautFlash{
	margin:0;
	padding:8px 80px 0 0;
	float:right;
}

/* MENU GAUCHE */
ul.menurubriques { list-style-type:none; margin:5px 0 0 15px; padding:0; }
ul.menurubriques li {width:137px; height:60px; display:inline; padding:0; }
ul.menurubriques li a {background:#fff; display:block; width:133px; height:56px; margin:2px 0 2px 0; text-decoration:none; color:#fff; font-size:12px; padding:2px;}

ul.menurubriques li.on span {background:#000; display:block; width:133px; height:56px; color:#fff; font-size:12px; padding:2px;}

ul.menurubriques li a.rub1 {background-image:url(/img/img-rub1.jpg); background-repeat:no-repeat;}
ul.menurubriques li a.rub2 {background-image:url(/img/img-rub2.jpg); background-repeat:no-repeat;}
ul.menurubriques li a.rub3 {background-image:url(/img/img-rub3.jpg); background-repeat:no-repeat;}
ul.menurubriques li a.rub4 {background-image:url(/img/img-rub4.jpg); background-repeat:no-repeat;}
ul.menurubriques li a.rub5 {background-image:url(/img/img-rub5.jpg); background-repeat:no-repeat;}
ul.menurubriques li a.rub6 {background-image:url(/img/img-rub6.jpg); background-repeat:no-repeat;}
ul.menurubriques li a.rub7 {background-image:url(/img/img-rub7.jpg); background-repeat:no-repeat;}
ul.menurubriques li a.rub8 {background-image:url(/img/img-a_venir.gif); background-repeat:no-repeat;}
ul.menurubriques li a.rub9 {background-image:url(/img/img-rub9.jpg); background-repeat:no-repeat;}
ul.menurubriques li a.rub10 {background-image:url(/img/img-a_venir.gif); background-repeat:no-repeat;}
ul.menurubriques li a.rub11 {background-image:url(/img/img-rub11.jpg); background-repeat:no-repeat;}
ul.menurubriques li a.rub12 {background-image:url(/img/img-rub8.jpg); background-repeat:no-repeat;}
ul.menurubriques li a.rub13 {background-image:url(/img/img-rub10.jpg); background-repeat:no-repeat;}
ul.menurubriques li a.rub14 {background-image:url(/img/img-rub12.jpg); background-repeat:no-repeat;}
ul.menurubriques li a.rub15 {background-image:url(/img/img-rub13.jpg); background-repeat:no-repeat;}

ul.menurubriques li a:hover {background:#000; background-image:none;}

ul.menurubriques li span {margin:0;}

/* CONTENU */

/*page d'intro*/
#videoIntro{
	margin: 0 auto 0 auto;
	width:660px;
	height:500px;
}

/* home rubrique */
div#popUpActu{width:218px; height:148px; border:1px solid #666666; padding:20px; position:absolute; left:20px; top:20px; background:#000}
div#popUpActu p{color:#fff; font-size:11px; margin:10px 0 10px 0}
div#popUpActu a img{float:right}
div#popUpActu a.pdf{background:url(img/icone-pdf-trans.gif) left top no-repeat; font-size:10px; padding:1px 0 5px 22px; line-height:22px; color:#fff}
div#popUpActu a.pdf:hover{text-decoration:none}

div#popUpActu a.sansbg {background:none; padding:0;}

div.diaporama {display:none;}

ul.rubriques { list-style-type:none; margin:0 auto; padding:0; width:912px; margin-top:40px;}
ul.rubriques li {float:left; width:184px; height:179px;  padding:15px 0 0 0; margin:0 50px 0 50px; border:0px solid red; background: #fff}
html > body ul.rubriques li {margin:0 60px 0 60px;}

/*ul.test {width:700px;}
ul.test li {margin:0 50px 0 50px;}
html > body ul.test li {margin:0 80px 0 80px;}*/

ul.rubriques li img {padding:0 0 1px 2px; margin:0 0 -3px 0; border-bottom:1px solid #fff;}
html > body ul.rubriques li img {display:block; margin:0; }

ul.rubriques li p {padding:0; margin:0; background:#000; border-left:4px solid #FFF;}
ul.rubriques li span {display:block; color:#000; background:#FFF; font-size:11px; padding:4px; border-left:2px solid #fff;}

ul.rubriques li a {text-decoration:none; border-left:4px solid #fff;}
ul.rubriques li a:hover {text-decoration:none; border-left:4px solid #666666;}

html > body ul.rubriques li a {border-left:0px solid red;}
html > body ul.rubriques li a:hover {border-left:0px solid blue;}

html > body ul.rubriques li a img {text-decoration:none; border-left:4px solid #fff;}
html > body ul.rubriques li a:hover img {text-decoration:none; border-left:4px solid #666666;}

ul.maintenant{margin-top:65px;}

ul.maintenant li{padding:0 60px 0 70px;}

ul.moinsDe6{margin:130px auto 0 auto !important; width:800px;}

ul.moinsDe6 li{padding:0 40px 0 40px !important; margin:0 !important}

html > body ul.moinsDe6 li {margin:0 40px 0 160px;}

/* titre page */
#contenutexte h2 {margin:0; padding-top:25px; font-size:16px;}
#contenutexte h2.titreQui {padding:38px 0 0 100px !important;}
#contenutexte p {font-size:12px; text-align:justify; padding:0; margin:20px 20px 5px 0;}
#contenutexte p a:hover{color:#6699FF;}
#contenutexte li{font-size:12px; list-style-type:circle; text-align:justify;}
#contenutexte a.pdf{ background:url(img/icone-pdf.gif) left top no-repeat; padding:1px 0 5px 22px; line-height:22px}
p.ssTitre { display:inline; margin-left:5px;}
.contenuDroit h2{ margin:0; padding:0;}
.contenuDroit{ float:left; padding:0 0 0 20px; margin:43px 0 0 0;}
.contenuGauche {float:left; padding-right:20px; margin:10px 0 0 0}
#contenutexte img.qui{ float:left;}
.signature{font-size:10px;}
.centrerTexte{text-align:center}
a.entrer {background:url(img/0_bt-entrezSite.gif) no-repeat left top; width:280px; height:18px; display:block; margin:5px auto 0 auto}
a.entrer:hover {background:url(img/1_bt-entrezSite.gif) no-repeat left top;}
#listeOU {margin:-10px 0 15px 0;}
#listeOU li{list-style-type:none;}
#listeOU strong{font-size:11px;}
.titreliOU{font-weight:bold; font-size:16px;}

/* image avec légende */
p.visuel{display:inline; float:left;}
span.legende {display:block; margin-top:7px; font-size:10px; color:#777}
p.casPart {width:480px; height:auto; float:left;}
p.casPart img {float:left; margin:0 10px 0 0; padding:0;}

p.marg {margin:0 40px 0 20px !important}
p.marg2 {margin-top:20px !important}
p.marg3 {margin-left:30px !important;}
p.marg4 {float:right; margin-left:20px !important;}
p.sizeImgHaute{width:175px}

.centrerImage{
	height:auto;
	width:560px;
	margin:20px auto 0 auto;
}
.centrerImage p{margin:0 !important; padding:0 !important}
.centrerImage p img, .centrerImage p span{padding-left:20px}

/* video page */
p.textleft{float:left; width:400px}
p.videoSpring{float:left}

div.textLeftEdito{float:left; width:280px}
p.videoEdito{float:left}

/* plan google */
.divGoogle{
	margin-top:-10px;
}
.planGoogle{
	margin:0 0 0 20px;
}
/* FOOTER */
#footer {width:1027px; margin:0 auto; padding: 5px 0 10px 0}
#footer span {float:right;}
#footer a {font-size:10px; color:#666666; padding:0; text-decoration:none;}
#footer a:hover {text-decoration:underline;}
#footer a.last {padding:0; margin-left:3px; border:0}
#footer #ssBorder{border:none;}