/* CSS Document */
/* *************** L'appel styles ****** */
/* ************* by Media Animation ************* */
* {
margin: 0;
padding: 0;
}

body{
font-family:'Trebuchet MS', Arial, sans-serif;
font-size:11px;
color: #000000;
line-height: 1.4em;
cursor:default;
}
/* --------------LIENS----------------------------------------------------------------- */
a{
color:#E42220;
text-decoration:none;
outline:none;
}
a:hover{
color:#E42220;
text-decoration:underline;
}
#menu a,
div.box h3 a,
div#banner a{
color:#fff;
background-color:#E42220;
}
#menu a:hover,
#menu li.on a{
border-bottom:2px solid #fff;
text-decoration:none;
}
#menu li.on li a{
border:none;
}
#menu li.on li a:hover,
#menu li.on li.on a{
border-bottom:2px solid #fff;
}
#footer a{
color:#fff;
font-weight:bold;
}

h1{
color:#E42220;
font-size:1.5em;
font-weight:bold;
}
#left h1{
margin-bottom:20px;
}
h2,
fieldset legend{
font-size:1.4em;
color:#F29400;
}
h2.presentation{
color:#E42220;
margin:0 0 20px 0;
}
div.article h2{
margin:20px 0 10px 0;
}
h3{
font-size:1.2em;
font-weight:bold;
}
#left h3{
margin:5px 0 0;
}
h4{
margin: 5px 5px 0 0;
color:#E42220;
}
hr{
color:#fff;
border:none;
border-bottom:#ccc solid 1px;
margin:10px;
width:91%;
text-align:center;
}
img{
border:none;
outline:none;
}
/*-------------------------------container-------------------------------------*/
#principal{
margin:0 auto;
}
#header_bg{
background-color:#E42220;
}
#header{
width:900px;
margin:0 auto;
}
#menu{
font-weight:bold;
font-size:1.3em;
text-align:right;
padding:100px 0 10px 0;
}
#content{
width:900px;
margin:0 auto;
}
#left{
float:left;
width:600px;
padding:30px;
}
#couverture{
float:left;
text-align:center;
margin-top:30px;
width:200px;
}
#edito{
margin-top:20px;
}
#titres{
padding-left:10px;
margin-top:15px;
float:left;
width:390px;  
overflow:hidden;
}
#sommaire #titres{
height:300px;
overflow:auto;
}
#titres p.spip strong{
display:block;
margin: 15px 5px -15px 0;
color:#E42220;
}
div.presentation{
padding:10px 36px 10px 20px;
text-align:justify;
}
#right{
width:210px;
margin-top:30px;
float:right;
border-left:#ccc solid 1px;
padding: 0 0 0 20px;
}
#footer{
clear:both;
width:900px;
margin:20px auto;
color:#fff;
background-color:#E42220;
padding:5px;
}

/*-------------------------------mise en page-------------------------------------*/
div#header img{
	padding:10px 0 0 0;
	float:left;
}
.date{
text-align:center;
font-weight:bold;
font-size:13px;
color:#E42220;
display:block;
margin:0 0 10px 0;
}
#left a.banner{
display:block;
margin:0 0 -150px 494px;
}
#left div.liste_rub{
background: transparent url(assets/puce-rub.png) no-repeat 0 5px;
padding-left:10px;
margin-bottom:10px;
}
#left div.liste_art{
margin:10px 0;
}
div.box{
border:1px solid #E42220;
margin:0 0 20px 0;
}
div.box div.boxtexte{
padding:10px;
}
div.box h3{
background-color:#E42220;
color:#fff;
padding:6px 0 3px 5px;
}
div.box div.numero{
clear:both;
height:100px;
padding:10px;
}
div.box .titre_n{
color:#E42220;
font-size:1.3em;
font-weight:bold;
padding:6px 0 0 0;
}
p.info{
font-size: 0.95em;
margin:10px 0 0 0;
line-height:1.2em;
}
div.couv{
float:left;
margin:0px 10px 5px 0;
}
div.box div.couv IMG{
background:url(assets/bg_couv.jpg) no-repeat -4px -3px;
padding:5px 5px 6px 5px;
}
.archive div.numero{
width:100%;
min-height:200px;
border-bottom:#ccc solid 1px;
}
div.article  p{
margin:5px 0;
}
div.article  div.formulaire_spip{
margin-top:20px;
}
#article p.logo{
float:left;
}
#article h1{
margin:10px 0 0 70px;
}
IMG.puce{
margin:0 8px 0 0;
}
div.formulaire{
margin:0 auto;
}
div.formulaire div.titre{
text-align:right;
}

/*-------------------------------navigation-------------------------------------*/
div#menu ul li.menu_item{
display:inline;	
margin:0 0 0 15px;
}
div#menu li.menu_item span.help{
position:relative;
}
div#menu li.menu_item ul.ss{
position:absolute;
display:block;
visibility:hidden;
top:0;
left:0;
text-align:left;
background-color:transparent;
padding:10px 0;
list-style:none;
width:8em;
}
div#menu ul li.menu_item ul.ss li{
background-color:#E42220;
padding:0 5px 5px;
}

/*------------------------------spip style------------------------*/

.spip_documents_left {
margin: 2px 12px 2px 0px;  
}
/*--------------------------s'abonner---------------------------------*/
#left  form {
margin:20px auto 0;
}
#left  form div.spip_form_champ{
margin:5px 0;
}
#left  fieldset {
border:1px solid #E42220;
margin-bottom:15px;
width:35em;
padding:20px;
}
#left  legend {
padding:0 10px 0 10px;
color:#F29400;
font-weight:bold;
}
#left  label {
float:left;
width:10em;
color:#666666;
font-weight:bold;
}
#left  input {
width:18em;
}
/* span.spip_form_label{
display:none;
} */
#left div.spip_bouton  input{
width:auto;
padding:1px 5px;
color:#666666;
font-weight:bold;
line-height:20px;
float:right;
margin:5px 0;
}