/* CSS Document */

* { padding:0; margin:0; }
body { font-family:"Courier New", Courier, monospace; font-size:14px; color:#4c463b; }
a { text-decoration:none; color:#a4a4a4; outline:none; }
a img { border:0; }
.active { background:url(../images/trame.png) repeat; color:#fff; }
.notSoActive { color:#fff; }
.clear { clear:both; }
.light { color:#a4a4a4; }
.gros { font-size:16px; }

h1 { margin:20px 0 20px 185px; }

#global {  }

.bgActus { background-color:#FB153B; }
.bgManagement { background-color:#FD9709; }
.bgBobine { background-color:#4FBEEC; }
.bgEditions { background-color:#2BA806; }
.bgInfos { background-color:#ED4195; }
.rose { color:#ED4195; }
a.linkContact:hover { background:url(../images/trame.png) repeat; } 

#header { background:#fff; position:fixed; top:0; left:0; z-index:200; width:100%; }
#header #nav { height:84px; background-image:url(../images/bg_nav.gif); background-repeat:repeat-x; background-position:bottom; list-style:none; text-transform:uppercase; font-weight:bold; padding:0 0 0 35px; }
#header #nav li { height:42px; float:left; }
#header #nav li:hover a { background:url(../images/trame.png) repeat; }
#header #nav li.active { height:84px; background-image:none; }
#header #nav li.active a { background:url(../images/trame.png) repeat; }
#header #nav li a { height:42px; display:block; color:#fff; height:29px; padding:13px 5px 0 5px; }
#header #nav li a:hover { background:url(../images/trame.png) repeat; }

#theBody { width:970px; margin:220px 35px; position:relative; }

#theBody #left { width:130px; position:fixed; top:220px; left:35px; margin:0 25px 0 0; }
#theBody #left .bgSepar h3 { margin:0 0 15px 0; }
#theBody #left .bgSepar { background:url(../images/separ_dots.gif) no-repeat bottom left; padding:0 0 15px 0; margin:0 0 15px 0; }
#theBody #left form input { width:64px; display:block; border-top:1px solid #4c463b; border-left:1px solid #4c463b; border-right:3px solid #4c463b; border-bottom:3px solid #4c463b; padding:10px; font-family:"Courier New", Courier, monospace; }
#theBody #left form .btOK { width:20px; height:10px; background:url(../images/ok.gif) no-repeat; border:0; padding:0; margin:5px 0 0 0; text-indent:-9999px; font-size:0px; text-decoration:none; cursor:pointer; }
#theBody .blocContact { font-family:Arial, Helvetica, sans-serif; text-transform:uppercase; }
#theBody .blocContact h3 { display:inline; color:#fff; background-color:#ED4195; text-transform:uppercase; margin:0; padding:5px; font-size:20px; font-weight:normal; }
#theBody .blocContact ul { list-style:none; }
#theBody .blocContact ul a { color:#fff; background-color:#ED4195; text-transform:uppercase; margin:0; clear:both; padding:3px 5px; }
#theBody .blocContact .address { margin:15px 0 0 0; text-transform:none; font-size:11px; font-family:"Courier New", Courier, monospace; }
#theBody .blocContact .address li { display:block; clear:both; margin:0 0 2px 0; }
#theBody .blocContact .address li span { color:#fff; background-color:#ED4195; margin:0; clear:both; padding:5px 5px; }
#theBody .blocContact .address li span strong { padding:5px 0 0 0; font-size:15px; font-family:Arial, Helvetica, sans-serif; }
.biggerType {font-size:20px;margin-left:10px;}
#theBody #center { width:815px; float:right; margin:0 0 20px 0; }
#theBody #center .blocContent { position:relative; }
#theBody #center .open { height:610px; }
#theBody #center .blocContent .data { padding:5px 0 3px 0; color:#999999; margin:0; }
#theBody #center .blocContent .data a { padding:3px 0; color:#999999; }
#theBody #center .blocContent .data  .etiquette { padding:5px 0 3px 0; }
#theBody #center .blocContent .data  .etiquette .active { padding:5px 3px 3px 3px; text-transform:uppercase; }
#theBody #center .blocContent .data  .etiquette .notSoActive { padding:5px 3px 3px 3px; text-transform:uppercase; }
#theBody #center .blocContent h2 { line-height:42px; color:#fff; text-transform:uppercase; font-family:Arial, Helvetica, sans-serif; font-size:40px; font-weight:bold; }
#theBody #center .blocContent h3 { display:inline; clear:both; color:#fff; text-transform:uppercase; font-family:Arial, Helvetica, sans-serif; font-size:20px; font-weight:normal; line-height:1.1em; margin:0 0 0 10px; }
#theBody #center .blocContent h4 { display:inline; color:#fff; text-transform:uppercase; font-family:Arial, Helvetica, sans-serif; font-size:20px; font-weight:normal; line-height:1.1em; }
#theBody #center .blocContent h2 a { display:block; color:#fff; padding:0 5px 0 5px; }
#theBody #center .blocContent h3 a { color:#fff; padding:0 5px 0 5px;}
#theBody #center .blocContent h4 a { color:#fff; padding:0 5px 0 5px;}
#theBody #center .blocContent:hover h2 a { background:url(../images/trame.png) repeat; }
#theBody #center .blocContent:hover h3 a { background:url(../images/trame.png) repeat; }
#theBody #center .blocContent h4 a:hover { background:url(../images/trame.png) repeat; }
#theBody #center .blocContent .visuelArtisteFond { position:absolute; z-index:-1; }
#theBody #center .blocContent .content { margin:0 0 30px 10px; display:none; }
#theBody #center .blocContent .content p { margin:10px 0 0 0; }
#theBody #center .blocContent .sousRub { display:block; clear:both;  }
#theBody #center .blocContent .sousRub p { margin:15px 0;z-index:10;  }

#theBody #center .blocContent .sousRub .disco { width:775px; }
#theBody #center .blocContent .sousRub .disco .item { width:330px; min-height:340px; float:left; margin:0 50px 30px 0; }
#theBody #center .blocContent .sousRub .disco .item h5 { display:inline; clear:both; line-height:1.7em; padding:3px 5px; margin:0 0 0 10px; font-weight:bold; }
#theBody #center .blocContent .sousRub .disco .item p { margin:3px 0 3px 0; }
#theBody #center .blocContent .sousRub .disco .item p span { padding:3px 5px; }
#theBody #center .blocContent .sousRub .disco .item img { margin:0 0 0 10px; }
#theBody #center .blocContent .sousRub .disco .item .caption { margin:0 0 0 10px; }
#theBody #center .blocContent .sousRub .disco .item .caption span {  padding:0 3px; }
#theBody #center .blocContent .sousRub .disco .item ul { list-style:none; }
#theBody #center .blocContent .sousRub .disco .item ul li { min-height:10px; margin:5px 0 0 10px; }

#theBody #center .blocContent .linxList p  { list-style:none; margin:0 0 0 10px; font-family:Verdana, Arial, Helvetica, sans-serif; }
#theBody #center .blocContent .linxList p a { color:#fff; padding:0 3px; text-transform:uppercase; }

#theBody #center .blocContent #alphaList { list-style:none; background:url(../images/separ_dots_green.gif) repeat-x top; margin:20px 0; }
#theBody #center .blocContent #alphaList li { background:url(../images/separ_dots_green.gif) repeat-x bottom; position:relative; padding:10px 0; min-height:30px; }
#theBody #center .blocContent #alphaList li .letter { height:30px; width:25px; position:absolute; top:50%; left:0; margin-top:-15px; font-family:Arial, Helvetica, sans-serif; font-size:27px; font-weight:bold; color:#2BA806; }
#theBody #center .blocContent #alphaList li ul { list-style:none; margin:0 0 0 50px; }
#theBody #center .blocContent #alphaList li ul li { background:0; padding:0; min-height:0; }

#theBody #footer { clear:both; width:815px; background:url(../images/separ_dots.gif) repeat-x bottom; margin:20px 0 0 160px; padding:0 0 12px 0; }
#theBody #footer p { background:url(../images/separ_dots.gif) repeat-x top; padding:10px 0 0 0; }
#theBody #footer p a { background:url(../images/separ_vertical.gif) no-repeat right; padding:0 22px 0 0; margin:0 0 0 18px; }