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

* {
margin:0;
padding:0;
border:0;
}

body {
font:1em Arial, Helvetica, sans-serif;
color:#fff;
background-color:#331B00;
text-align:center; /*corrige le bug d'IE*/
}

ul li {
list-style:none;
}

#global {
text-align:left; /*remet le texte à gauche*/
margin:10px auto;
width:770px;
position:relative;
border:5px solid #000;
}

#header {
width:770px;
height:200px;
background:#000 url(../images/fond1.jpg) no-repeat top left;
position:relative;
overflow:visible;
}
#header img#logo{
float:left;
margin:5px;
}
#header div#menu{
float:right;
background:transparent url(../images/fond_menu.png) no-repeat right top;
padding-right:5px;
width:175px;
height:200px;
}
#header ul#menu{
color:#D9E021;
text-align:right;
font:18px bold Arial, Helvetica, sans-serif;
line-height:24px;
}

#header ul#menu a{
color:#D9E021;
text-decoration:none;
text-transform:uppercase;
position:relative;
}
#header ul#menu li.submenu{
font:10px bold Arial, Helvetica, sans-serif;
line-height:10px;
position:relative;
z-index:1;
}

#topcontent{
position:absolute;
bottom:0px;
left:0px;
background:transparent url(../images/top-content.png) no-repeat left top;
width:770px;
height:60px;
}

#content {
background-color:#FF4A12;
padding-bottom:30px;
width:770px;
}

#content h1{
font:24px bold Arial, Helvetica, sans-serif;
color:#000;
text-transform:uppercase;
margin-left:15px;
}

#cont_rubrique {
margin:0 3px;
width:764px;
}

#cont_rubrique img#picto-haut{
float:left;
}

#cont_rubrique div.rub{
float:left;
background-color:#000;
width:700px;
border:5px solid #000;
font:12px normal Arial, Helvetica, sans-serif;
}

#cont_rubrique div.rub h2{
font:11px bold Arial, Helvetica, sans-serif;
color:#000;
text-transform:uppercase;
padding-left:3px;
height:16px;
line-height:16px;
}
#cont_rubrique div.rub h2.type1{
background-color:#FCEE21;
}
#cont_rubrique div.rub h2.type2{
background-color:#D9E021;
}
#cont_rubrique div.rub h2.type3{
background-color:#B3AA3B;
}

#cont_rubrique div.rub p.date{
display:block;
text-align:right;
margin:2px 5px 30px 0;
}

#cont_rubrique div.rub div.visuel{
width:200px;
float:left;
height:144px;
}

#cont_rubrique div.rub div.visuel .affiche{
margin:0 auto;
}

#cont_rubrique div.rub div.video{
width:350px;
float:left;
height:280px;
margin-left:5px;
}
#cont_rubrique div.rub div.audio{
width:295px;
float:right;
margin:0 0 5px 5px;
}

#cont_rubrique div.rub div.texte{
float:left;
width:430px;
margin-bottom:5px;
}
#cont_rubrique div.rub div.texte2{
float:left;
width:335px;
margin-bottom:5px;
}
#cont_rubrique div.rub div.texte3{
float:left;
width:370px;
margin-bottom:5px;
}

#cont_rubrique div.rub p.description{
margin:0 0 12px 0;
}

#cont_rubrique div.rub a{
color:#FFF;
text-decoration:none;
}

#cont_rubrique div.rub div.module_comment{
margin-left:200px;
/*margin-top:100px;*/
}
#cont_rubrique div.rub div.module_comment2{
margin-left:0;
/*margin-top:100px;*/
}

#cont_rubrique div.rub div.outils_comment{
/*margin-left:64px;*/
margin-bottom:5px;
padding:0;
}
#cont_rubrique div.rub div.outils_comment a{
/*position:relative;*/
z-index:1;
}
#cont_rubrique div.rub div.ecrire_comment{
/*margin-left:64px;*/
border:2px dotted #666;
min-height:50px;
margin-bottom:5px;
padding:5px;
}
#cont_rubrique div.rub div.ecrire_comment label{
display:block;
width:100px;
float:left;
}
#cont_rubrique div.rub div.ecrire_comment input,textarea{
background-color:#CCC;
margin-bottom:5px;
padding-left:2px;
font:normal 12px Arial, Helvetica, sans-serif;
}
#cont_rubrique div.rub div.ecrire_comment input.valide_comment{
display:block;
margin-left:100px;
color:#fff;
width:80px;
padding-left:0;
background-color:#000;
border:3px groove #CCC;
}
#cont_rubrique div.rub div.ecrire_comment ul li{
margin-bottom:8px;
}
#cont_rubrique div.rub div.ecrire_comment ul li span.date {
font:normal 10px Arial, Helvetica, sans-serif;
color:#CCC;
}

#cont_rubrique img#picto-bas{
float:left;
}

#commentphp {
margin:10px;
text-align:left;
background-color: #ff4a12;
color:#000;
font:normal 14px Arial, Helvetica, sans-serif;
height:60px;
padding:2px;
}

.cache {
display:none;
}

.nettoyeur {
clear:both;
line-height:1px;
}