/* 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";


/* TITRES */
h1{
	font:bold 23px Verdana, Helvetica, sans-serif;
	margin: 0 0 12px 0;
	color:#006400;
	font-style:italic;
	letter-spacing: 0.4px; 
}
h2{
	font:normal 14px Verdana, Helvetica, sans-serif;
	margin: 0 0 12px 0;
	color:#006400;
	font-style:italic;
	letter-spacing: -1px; 
}
h3{
	font:bold 18px Verdana, Helvetica, sans-serif;
	margin: 0 0 18px 0;
	color:#006400;
	font-style:italic;
	border-bottom:2px solid #006400;
}
h4{
	font:bold 23px Verdana, Helvetica, sans-serif;
	margin: 0 0 16px 0;
	color:#006400;
}

#contenu p{
font:normal 12px Verdana, Helvetica, sans-serif;
text-align:justify;
color:#000;
margin:0 0px 12px 0;
}

#contenu ul{
list-style-type: none; 
margin-left:15px;
}
#contenu ul li{
background: url(../images/charte/puce.png) center left no-repeat; 
padding: 0px 0 0px 20px; 
font-size:12px;
line-height:20px;
color:#FFFFAB;
}


a{
color:#548B56;
text-decoration:none;
}
a:hover {
color:#7CB17E;
text-decoration:underline;
} 

#footerMenu p{
text-align:center;
font:normal 1.0em/1.1em Arial, Helvetica, sans-serif;
color: #FFF2AB;
padding:0.5em;
}
#footerInfo1 a{
display:inline;
}
#footerInfo1 a:link, #footerInfo1 a:visited, #footerInfo2 a:link, #footerInfo2 a:visited{
text-decoration:none;
color: #EEC334;
}
#footerInfo1 a:hover, #footerInfo1 a:active, #footerInfo2 a:hover, #footerInfo2 a:active{
text-decoration:none;
color: #FFF2AB;
}
#footerMenu .grasR{
font-weight:bold;
color:#850014;
font-size:1.2em;
}

#footerLogo img{
display:block;
margin:20px auto;
}

.grasV{
font-weight:bold;
color:#006400;
}

.grasV2{
font-size:16px;
font-weight:bold;
color:#006400;
}

.tableau {
background-color:#B5B5B5;
}

.tableau2 td{
background-color:#FFF;
font-size:11px;
padding:2px 4px 2px 4px;
}

.tableau-titre td{
font-weight:bold;
background-color:#EFEFEF;
}

td .tableau-col-principale {
font-weight:bold;
background-color:#FAFAFA;
}

	td.tableau-col-principale span {
		font-weight:normal;
		font-size:0.8em;
	}

a img {
border:0;
}

.gras{
font-weight:bold;
}

#encours{
color: #7CB17E;
}

/************* Images ********************************/

.imageright {
	float: right;
	margin:0px 15px 0 15px;
	border:1px solid #647382;
}
.imageright2 {
	float: right;
	margin:0px 15px 0 15px;
	border:0px solid #647382;
}
.imageleft {
	float:left;
	margin:0 15px 15px 0;
	border:1px solid #647382;
}


/* FORMULAIRE  GENERALISTE */
#formulaire form{
width:250px;
}
.formline, .formline_long {	
margin:4px 0px 4px 0px;
float:left;
vertical-align: middle;
width:250px;
}

input {	
height:16px;
font:normal "Arial",Verdana,Helvetica;
font-size: 12px;
line-height:16px;
border:1px solid #B5B5B5;
width:140px;
}

label {	
display:block;
float:left;
margin:0px 0px 0px 5px;
width:95px;
line-height:20px;
height:20px;
}


textarea {	
width:240px;
height:60px;
border:1px solid #B5B5B5;
color:#FECF70;
}

.ok{	
width:60px;
height:25px;
font:bold "Arial",Verdana,Helvetica;
border:1px solid #3A6400;
text-align: center;
background-color:#3A6400;
color:#FFF;
cursor:pointer;
line-height:18px;
}