@charset "utf-8";

body,div,p,ul,li,h1,h2,h3,h4,h5{margin: 0px; padding: 0px; list-style:none; display:block; }
body { background-color: #1e0000; color:#FFFFFF; font-family: Arial, Helvetica, sans-serif; font-size:12px; margin-bottom:20px; }
blockquote{margin-top:0; margin-bottom:0; margin-left:20px; color:#cbc4c4;  line-height: 18px;}
p {	color:#cbc4c4; line-height: 16px;}

#intro{ background-color:#1e0000; position:absolute; left:0; top:0; right:0; bottom:0; z-index:1; text-align:center; padding-top:20px; }

a{ color:#cbc4c4; text-decoration:none; }
a:hover{ text-decoration:underline; }

/* conteneurs principaux */
#page{ width:978px; text-align:left; margin:20px auto; background-image: url(../imgs/interface/contenu.gif); background-repeat: repeat-y; background-position: 0px 0px; }
#header{ background-image: url(../imgs/interface/header.gif); background-repeat: no-repeat; background-position: 0px 0px; height: 140px; }
#contenu{ background-image: url(../imgs/interface/contenuvolute.gif); background-repeat: no-repeat; background-position: 0px 0px; padding:15px 39px 15px 54px; }
#footer{ background-image: url(../imgs/interface/footer.gif); background-repeat: no-repeat; background-position: 0px 0px; height: 38px; font-size:11px; text-align:center; line-height:30px; }


/* navigation */
#header .navigation{ position:relative; left:300px; top:30px; width:640px; }
#header .navigation ul li{ padding:0 18px; float:left; }
#header .navigation ul li a{ display:block; text-decoration:none; background-repeat: no-repeat; background-position: 0px 0px; height:28px; }
#header .navigation ul li a:hover, #header .navigation ul li.on a{ background-position: 0px -28px; }
#header .navigation ul li a.bout-01{ background-image: url(../imgs/navigation/nav-01.gif); width:82px; }
#header .navigation ul li a.bout-02{ background-image: url(../imgs/navigation/nav-02.gif); width:74px; }
#header .navigation ul li a.bout-03{ background-image: url(../imgs/navigation/nav-03.gif); width:91px; }
#header .navigation ul li a.bout-04{ background-image: url(../imgs/navigation/nav-04.gif); width:108px; }
#header .navigation ul li a.bout-05{ background-image: url(../imgs/navigation/nav-05.gif); width:88px; }
#header .navigation ul li a b{ visibility:hidden; }

/* montage en deux colonnes */
#contenu .left{ float:left; width:620px;min-height:400px; } /*border:1px dashed #FFFFFF;*/
#contenu .right{ float:right; width:250px; min-height:400px; background-color:#340005; } /* border:1px dashed #FFFFFF;*/
#contenu .right-clear{ float:right; width:250px; min-height:400px; } /* border:1px dashed #FFFFFF;*/
#contenu .full,#contenu .full-blanc{ width:870px; min-height:400px; } /*border:1px dashed #FFFFFF;*/	
/*
#contenu .full-blanc{ background-color:#FFFFFF; color:#000000; background-image: url(../imgs/interface/back-fd-blanc.gif); background-repeat: no-repeat; background-position: right 0px; }
*/
#contenu .full-blanc{ background-color:#FFFFFF; color:#000000; background-image: url(../imgs/interface/coin-ref-bas.gif); background-repeat: no-repeat; background-position: 0px bottom; }

#contenu .full-blanc h1{ display:block; border-bottom: 1px dotted #b3003b; color:#b3003b; margin-bottom:7px; }

#contenu h1{ border-bottom: 1px dotted #FFFFFF; margin-bottom:12px; }
#contenu h3{ font-size:14px; margin-bottom:4px; }

#contenu ul{ margin-left:20px; list-style:disc; }
#contenu li{ list-style:disc; }
#contenu p,#contenu ul{ margin-bottom:4px; }


.home-visuel{ height: 220px; width: 400px; background-image: url(../imgs/titres/intro.png); background-repeat: no-repeat; background-position: 0px 0px; margin:25px auto; }
.home-definition{ margin:0 auto;}
.home-definition .titre{ font-size:15px; color:#ffffff;}
.home-definition .texte{ color:#CCCCCC;}

/*.nav-references{ margin:0 0 10px 10px; color:#5f0116; float:right; background-color:#b4003c; padding:3px 5px; }*/
.nav-references{ margin:3px 1px 10px auto; color:#5f0116; float:right; background-color:#7a0222; padding:3px 5px; width:629px; text-align:center; }
.nav-references a{color:#ca054a;}
.nav-references a:hover{color:#ffffff; text-decoration:none; }
.nav-references a.on{color:#ffffff; }

.teasehome{ margin:10px; font-size:11px;}




.ref-titre{ color:#000000; font-size:13px; font-weight:bold; margin:0; }
.ref-texte{ color:#400007; font-size:12px;  }

/*.nav-intra-ref{ height:60px; background-image: url(../imgs/navigation/fd-nav-ref.gif); background-repeat: no-repeat; background-position: right bottom; background-color:#8f032f; overflow:hidden; }*/
.nav-intra-ref{ height:60px; background-color:#8f032f; overflow:hidden; }
.nav-intra-ref a{ float:left; }
.nav-intra-ref a.plus{ padding:4px; }
.nav-intra-ref a b{ font-size:14px; }
.nav-intra-ref img{ border:none; border-right:4px solid #FFFFFF;}
.nav-intra-ref .vignetteon{width:60px; height:4px; margin-top:1px; position:absolute; background-color:#590113;}

/* divers */
.marge-10{ padding:10px; }
.marge-10plus{ padding:10px 33px 10px 33px; }
.space-5{ width:5px; height:5px; }
.space-10{ width:10px; height:10px; }
.space-20{ width:20px; height:20px; }
.clr{ clear:both; }
.petit{ font-size:11px; }
.invisible{ display:none;}

.bulleaide{ font-size:11px; text-align:center; width:100px; }
.bulleaide b{ display:block; font-weight:normal; background-color:#000000; color:#ffffff; padding:2px; margin:2px; }

.noir{ color:#000000;}

hr{ border-top:none; background-color:#FFFFFF; border-bottom: 1px dotted #b3003b; display:block; height:1px;}


#LayerRef{ text-align:center; position:fixed; left:0; top:0; right:0; bottom:0; z-index:100; display:none; text-align:center; background-image: url(../imgs/interface/fond-trame.png); background-repeat: repeat; background-position: 0px 0px; }
#LayerRefConteneur{ background-color:#FFFFFF; border:2px solid #1e0000; margin:30px auto; font-size:11px;color:#b3003b; text-align:left;}
#LayerRefConteneur h1{ color:#b3003b; font-size:16px; border-bottom:1px dotted #b3003b;}
#LayerRefConteneur h1 a,#LayerRefConteneur a{ color:#b3003b; }