/* Feuille de style pour le contenu des pages 
 * C'est cette feuille de style qui doit être liée aux pages du site
 * La feuille de style de la charte est appelée depuis cette feuille.
 */
 
/* Import des style pour la charte */
@import "charte.css";



/* STYLE CONTENU */
#contenu p, #contenu_archive p{
font:normal 1.2em/1.3em Arial, Helvetica, sans-serif;
text-align:justify;
color: #000;
padding:12px;
}

#mycustomscroll3 p{
font:normal 1.2em/1.3em Arial, Helvetica, sans-serif;
text-align:justify;
color: #000;
padding:12px;
}
#contenu p.couleur, .couleur{
font-weight:bold;
color:#368e00;
}

#contenu .rouge{
font-weight:bold;
color:#D94F06;
}

#contenu a:link, #contenu a:visited{
text-decoration:none;
color: #000;
}

#contenu a:hover, #contenu a:active{
text-decoration:underline;
color:#000;
}

a img{
border:0;
}

.course_home{
margin:3px;
}

.liste_course_impaire{
border-right:1px solid #D5D5D3;
}

#contenu .gras, .gras{
font-weight:bold;
}

h1{
font:bold 2.05em/2.15em Arial, Helvetica, sans-serif;
line-height:1.4em;
color:#000;
}

h2{
font:normal 1.85em/1.95em Arial, Helvetica, sans-serif;
color:#000;
}

h4{
font:bold 1.35em/1.45em Arial, Helvetica, sans-serif;
color:#000;
}

.left{
font:normal 1.2em/1.3em Arial, Helvetica, sans-serif;
display:block;
float:left;
}

.right{
font:normal 1.2em/1.3em Arial, Helvetica, sans-serif;
display:block;
float:right;
}

/***********MENU VERTICAL ***************************/
.titre_course_menu{
margin-top:5px;
font:bold 1.35em Arial, Helvetica, sans-serif;
font-style: italic;
color:#FF0000;
}

#colRight img{
border:0;
}

#mycustomscroll2 li, #mycustomscroll2bis li{
margin-top:4px;
font:normal 1.15em Arial, Helvetica, sans-serif;
color:#000;
list-style-type:none;
list-style-position:outside;
}

#mycustomscroll2 li a, #mycustomscroll2bis li a{
text-decoration:none;
color:#000;
}

#colRight2 img{
margin:3px 0px 3px 6px;
border:0;
}

#archives .titre_archives{
font:bold 1.7em Arial, Helvetica, sans-serif;
color:#FFF;
margin-top:10px;
margin-bottom:20px;
text-align:center;
}

#archives ul{
list-style-type: none; 
margin-left:0px;
}

#archives ul li{
padding: 10px 0 6px 23px; 
font:bold 1.2em/1.3em Arial, Helvetica, sans-serif;
color:#000;
}

#archives ul li a{
text-decoration:none;
color:#000;
}

/************* Images ********************************/
.imageright {
	float: right;
	margin:1em 1.2em 1em 1em;
	border:none;

}
.imageleft {
	float:left;
	margin:1em 1em 1em 1.2em;
	border:none;
	/*padding-top: 20px;*/
}
.imagecentre {
   display: block;
   margin-left: auto;
   margin-right: auto 
}
.imagerightcentre {
	float:right;
	margin:1em 10.2em 1em 3em;
	border:none;
	/*padding-top: 20px;*/
}

/* STYLES*/
#contenu .grand
{
	font-weight:bold;
	font-size:1.2em;
}

#contenu ul{
list-style-type: disc; 
margin-left:25px;
}
#contenu ul li{
padding: 10px 0 6px 5px; 
font:bold 1.2em/1.3em Arial, Helvetica, sans-serif;
color:#000;
}

#contenu ul li ul{
list-style-type: none; 
margin-left:5px;

}
#contenu ul li ul li{
padding: 10px 0 6px 10px; 
font:normal 1.0em/1.1em Arial, Helvetica, sans-serif;
color:#000;
}


.separateur
{
	width: 93%;
	margin: 0px 5px 10px 11px;
	padding:0;
	border-bottom:1px solid #8D5621;
}

/* Formulaires */
#mycustomscroll3 form{
width:630px;
margin-left:8px;
}

#partenaires form{
width:340px;
}

.form_line label  {	
display:block;
float:left;
margin:0px 0px 0px 5px;
width:95px;
font:bold 1em Arial, Helvetica, sans-serif;
color:#000;
}

#mycustomscroll3 .form_line label  {	
display:block;
float:left;
margin:0px 0px 0px 5px;
width:155px;
font:normal 1.2em Arial, Helvetica, sans-serif;
color:#000;
}

.form_line {	
margin:5px 0px 5px 0px;
float:left;
}

.form_line input {	
width:146px;
height:16px;
margin:0px;
border:1px solid #A1C60F;
background-color:#ECF4CF;
}

.form_line .long {	
width:220px;
height:16px;
margin:0px;
border:1px solid #A1C60F;
background-color:#ECF4CF;

}

.ok{
float:right;
margin-right:5px;
background-color:#A1C60F;
border:0;
color:#FFF;
font-weight:bold;
width:80px;
}


#alerte{
position:fixed;
left: 40%;
top:40%;
z-index:1;
padding:15px;
background-color:#FFF;
border:1px solid #6D6D6D;
font:bold 1.1em/1.2em Arial, Helvetica, sans-serif;
color:#DA0000;
}


.titre {
font-weight:bold;
font-style: italic;
text-align: center;
background-color: #C32206;
color:#FFF;
}

#Newsletter{
text-align: center;
font-size: medium;
color: black;
}