/*Feuille de style du site HTTP://www.initiatives-ce.fr
Conception original Webqualite-Concept*/



/* ------------------------------------ */
/*                                      */
/*            GENERALITES               */
/*                                      */
/* ------------------------------------ */									

body {
background: #8CB69C url(../i/bg.jpg) repeat-x;
	font: normal 0.95em "Trebuchet MS", Verdana, Arial, sans-serif;
	color: #505050;
	text-align: center;
}

* {
	margin:0;
	padding:0;	
}

p {
	margin: 10px 0 5px 10px;
	line-height:1.4em;
}

strong {
font-weight:bolder;
}

img {
border:none;
}

a:link {
text-decoration: underline;
color:#ff6600;
}
a:visited{
text-decoration:underline;
color: #990099;

}

a:hover, a:focus {
text-decoration:none;
}

h1,h2 {
	padding: 0;
	color: #0A7020;
	border-bottom: 1px dotted #0A7020;
	font-weight: bold;
	letter-spacing:0.1em;
}
h1, h2 {
	margin: 0 0 0.8em 0;
	font-size: 1.5em;
	line-height:1.1em;
}

h1:first-letter, h2:first-letter {
color: #FF6600;
font-size: 1.4em;
font-family: "Lucida Grande", Myriad, "Myriad Roman", "Myriad Pro", "Myriad Web", "Trebuchet MS", Helvetica, Verdana, Arial, san-serif;
font-weight:600;
}

h2 {
	margin-left:25px;
	font-size: 1.2em;
}

h3 {
color: #0A7020;
font-size: 1.1em;
margin-top:15px;
margin-left:50px;
margin-bottom:0.8em;
}

/* ------------------------------------ */
/*            LISTES                    */
/* ------------------------------------ */

ul {
margin:25px;
margin-top:15px;
}

li {
line-height:1em;
margin-bottom:10px;
border-left:2px solid #0A7020;
padding-left:10px;
line-height:1.4em;
}

/* ------------------------------------ */
/*            TABLEAUX                  */
/* ------------------------------------ */	

table {
margin:25px;
margin-left:35px;
border:1px solid black;
}


th, td{
padding:5px;
border:1px solid black;
}


th {
font-weight:700;
text-align:center;
}

td {
color:#0A7020;
font-weight:bold;
text-align:center;
margin:0;

}

td.non {
color:#FF0000;
}


/* ------------------------------------ */
/*                                      */
/*                  ID                  */
/*                                      */
/* ------------------------------------ */	


#container {				/*Conteneur principal de la page*/
background: #FFF;
margin: 0 auto;
text-align:left;
border-left:1px solid #006600;
border-right:1px solid #006600;
width:767px; /*mauvaise valeur pour IE 4 et 5.x pour Windows*/
voice-family: "\"}\"";
voice-family:inherit; 
width:765px;/*veritable valeur pour les navigateurs conformes*/
}

html>#container {
width:765px;   /*Soyez gentil avec Opera*/
}

/* ------------------------------------ */
/*                                      */
/*            Header                    */
/*                                      */
/* ------------------------------------ */

#header {
height:166px;
}


/* ------------------------------------ */
/*                                      */
/*            MENU ACTUALITE            */
/*                                      */
/* ------------------------------------ */



#secondarynav {
float:right;
margin:15px 0 0 15px;
padding:0 25px 25px 25px;
height: 480px;
background: #E8FDE8;
border:2px #006600 solid;
width:264px; /*mauvaise valeur pour IE 4 et 5.x pour Windows*/
voice-family: "\"}\"";
voice-family:inherit;
width:160px; /*veritable valeur pour les navigateurs conformes*/
-moz-border-radius-bottomleft: 20px; /*Arrondi les bords: ne marche pas avec IE*/
-moz-border-radius-topright: 20px; 
}

#secondarynav p {
text-decoration:underline;
}

#secondarynav ul{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:0.8em;
line-height:1.1em;
margin:0;
padding:0;
}

#secondarynav ul li{
list-style-image: url(../i/smallarrow.png);
padding-bottom:5px;
margin-top:10px;
margin-bottom:5px;
border:none;
border-bottom:1px solid black;
}

#secondarynav ul li a{
display:block;
font-size:0.9em;
color:#0A7020;
margin-top:5px;
text-decoration:none;
}

#secondarynav h2 {
text-align:center;
margin-top: 10px;
background-image:url(../i/puceverte.gif);
background-repeat:no-repeat;
background-position:0% 50%;
}

/* ------------------------------------ */
/*                                      */
/*          Contenu principal           */
/*                                      */
/* ------------------------------------ */

#primarycontent { 
margin:0;
background:#FFF;
border:0;
padding:15px 25px;
width:auto;
}

div#primarycontent p.fil{
	color:#999;
	font-size: 0.9em;
	margin-top:0;
	margin-bottom:1.2em;
	margin-left:-10px;
}

div#primarycontent p.fil a{
text-decoration:none;
color:#999;
font-weight:700;
}

div#primarycontent p.fil a:hover{
text-decoration:underline;
}

/* ------------------------------------ */
/*                                      */
/*           Banniere du Bas            */
/*                                      */
/* ------------------------------------ */


#bannierebas {
margin:0;
padding:0;
background: transparent url(../i/bbvert.png);
height:88px;
border-bottom:1px solid #006600;
border-top:1px solid #006600;
}

/* ------------------------------------ */
/*                                      */
/* Zone d'informations suplementaires   */
/*                                      */
/* ------------------------------------ */	

#infos {
margin:0 auto;
padding-top:10px;
width:767px;
}

#infos ul{
margin:0;
padding-top:5px;
}

#infos ul li {
border:none;
list-style-type:none;
margin:0;
padding:0;
display:inline;
}

#infos a:link{
color: #505050;
font-weight:bold;
font-size:0.8em;
text-decoration:none;
}

#infos a:visited{
color: #505050;
font-weight:bold;
font-size:0.8em;
border-bottom:1px dotted;
text-decoration:none;
}

#infos a:hover{
color:#FFFFFF;
text-decoration:underline;
}


/* ------------------------------------ */
/*                                      */
/*       Declaration des classes        */
/*                                      */
/* ------------------------------------ */	

									
.hide {
display:none;
}
									
.listbox ul {
margin:15px 10px 20px;
padding:5px;
border: 1px solid #505050;
background:#E7FEF3;
width:370px;
list-style-type:none;
list-style-image:url(../i/puce1.png);
font-weight: bolder;
-moz-border-radius-bottomleft: 20px; /*Arrondi les bords: ne marche pas avec IE*/
-moz-border-radius-topright: 20px; 
}

.listbox li {
margin:0 0 5px 25px;
border-left:2px solid #009900;
padding-left:5px;
}

.intro {
	font-style:italic;
	font-size: 1.1em;
}

.initiativesce {
	font-weight: bold;
	color: #0A7020;
}

.annulation {
text-decoration:line-through;
}

.important { /*concerne les debuts de phrase de la liste des missions*/
font-weight:700;
text-decoration:none;
color:black;
}

p.top{
height:30px;
width:250px;
background-image: url(../i/top.jpg);
background-repeat:no-repeat;
cursor:pointer;
margin:auto;
}

.pageliens {
margin-bottom:15px;
padding-bottom:10px;
border-bottom:1px solid black;
}
.sommaire {
border:1px solid green;
margin:10px auto;
width:480px;
}

.sommaire h2 {
margin:0;
padding:0;
text-align:center;
border:none;
}

.sommaire ul{
list-style-type:none;
}
.sommaire li {
text-decoration:underline;
font-weight:bold;
border:none;
}

/* ------------------------------------ */
/*                                      */
/*            Formulaire                */
/*                                      */
/* ------------------------------------ */


#menuform {
float:right;
margin:100px 0 0 15px;
padding:25px;
text-align:justify;
background: #E8FDE8;
border:2px #006600 solid;
/*width:264px;
voice-family: "\"}\"";
voice-family:inherit;*/
width:250px; /*veritable valeur pour les navigateurs conformes*/
-moz-border-radius-bottomleft: 20px; /*Arrondi les bords: ne marche pas avec IE*/
-moz-border-radius-topright: 20px;  
}

#form{
width:50%;
}

fieldset {
margin:15px auto;
padding:5px;
}

legend {
border:1px solid #006600;
padding:2px 5px;
font-weight:700;
}