html {
	margin: 0;
	padding: 0;
}
ul { margin: 0; padding: 0;  } 

#formcontact { margin: 0; padding: 0; }

 
#formcontact label
  {
  font-size: 0.9em;
  display: inline;
  float: left;
  width: 220px;
  height: 10px;
  font-weight:bold;
} 
#formcontact input {font-size:0.9em;border:1px solid #8CC663;background-color:#FFF;font-weight:bold;}
#formcontact textarea {font-size:1.3em;border:1px solid #8CC663;background-color:#E7E6E3;width:350px;height:150px;padding:5px;}

#formnewsletter label
  {
  font-size: 0.9em;
  display: inline;
  float: left;
  width: 200px;
  height: 23px;
  font-weight:bold;
} 
#formnewsletter input {font-size:0.9em;border:1px solid #8CC663;background-color:#FFF;font-weight:bold;} 


body {
	margin: 0; 
	padding: 0;
	color: #808080;
	background-color: #CED1D4;
	text-align: center;
	font-family:    Arial,Verdana,"Lucida Grande", Tahoma, Helvetica, Sans-Serif;
	font-size: 85%; 
}
 
 

img {
	border:0;
}

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

a:hover {
  text-decoration: underline;
}

 
 
 



#container {
	width: 1000px;
	margin: 5px auto 3px auto;
	padding: 0px;
	text-align: left;
	background: #FFF;
	
	}


#header {
	position: relative;
	padding:0 0 0 0; 
	width: 1000px;
	
}

#haut {
	background: #CED1D4 url("img/haut.gif") no-repeat 15px 0px;
	height :22px;
	padding:0 2px 0 0; 
	margin:0 0 0 0; 
 
}

#home {
	position: relative;
	left :23px;
	top : 4px;
} 
#langue {
	color: #FFF;
	text-decoration: none;
	position: relative;
	left :32px;
	top : 3px;
	font-size: 1.1em;
}
#langue hover {
	color:#F0F;
}

#banniere {
	background: url("img/enfants4.gif") no-repeat 0px 0px;
	height: 212px;
	padding:0 0 0 0; 
	margin:0 0 0px 0;  
}

 

#menuh {
  position: absolute; 
  margin: 0;
  padding: 0;
  top:192px;
  left:448px;
}

.menuhbox  { 
	float: left; 
	padding: 0;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 8px;
	background: url(img/cadreh.gif) bottom left no-repeat;
  	width:176px;
	height:19px;
	text-align: center;
	border:black 0px solid;
	}

.menuhboxon  { 
	float: left; 
	padding: 0;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 8px;
	background: url(img/cadreh.gif) bottom left no-repeat;
  	width:176px;
	height:28px;
	text-align: center;
	top: -2px;
	margin-bottom: 3px;
	}

.menuhbox a:link, .menuhbox a:visited {
	font-weight:bold;font-size: 1.0em;
	top: -2px;
	margin-bottom: 3px;
	text-decoration: none;
	color: #FFF;
	line-height: 20px;
}
.menuhbox a:hover {
	top: -2px;
	margin-bottom: 3px;
	text-decoration: none;
	color: #626568; 
	line-height: 20px;
}
 
.menuhboxon a{
	font-weight:bold;
	font-size: 1.0em;
	top: -2px;
	margin-bottom: 3px;
	text-decoration: none;
	color: #FFF;
	line-height: 20px;
}
.menuhboxon a:hover {
	top: -2px;
	margin-bottom: 3px;
	text-decoration: none;
	color: #626568; 
	line-height: 20px;
}
 

#menuv {
	position:relative;
	float:left;
	padding:0 0 0 0; 
	margin:0 0 0 0; 
	width:250px;  
	background: #FFF;
}
 
#subnav {
	position:relative;
	float:left;
	width: 220px;
	float: left;
	border-bottom: 1px solid #e1e1e1;
	margin: 15px 1px 1px 10px;
	padding:0;
	text-align: left; 
	 
}



#subnav li {
	 
	border-top: 1px dotted #B7B7B7;
	list-style-type:none;
	padding: 0;
	margin:0;
}



#subnav li a {
	display: block;
	width: auto;
	padding: 5px 15px 5px 0;
	margin:0;
	color: #4D861E;
	font-weight:500;
	font-size: 0.9em;
}



#subnav li a:hover, #subnav li.active1 { 
	background: #E7E6E3;
	color: #000;
}

#subnav li.active2 { background: #E7E6E3; }
#subnav li ul li { 
	background: #FFF;
	border-top: 1px dotted #CCCCCC;
}
#subnav li ul li a { color: #4D861E;font-size:0.8em; }

#subnav li.active3 { background: #E7E6E3; }


#subnav li ul li ul li { visibility: visible;background: #FFF;border-top: 1px dotted #DFDFDF; }
#subnav li ul li ul li a { color: #4D861E;font-size:0.75em; }

#bigcentre {
	position:relative;
	float:left;
	padding:0 0 0 20px; 
	margin:14px 0 0 10px; 
	width:690px;
	border-left  : #CECED0 1px dotted;
	font-size: 0.9em;
	background: #FFF; 
	font-family:    Verdana,Arial,"Lucida Grande", Tahoma, Helvetica, Sans-Serif;

} 

#centre {
	position:relative;
	float:left;
	padding:0 0 0 20px; 
	margin:14px 0 0 10px; 
	width:480px;
	border-left  : #CECED0 1px dotted;
	font-size: 0.9em;
	background: #FFF; 
	text-align: justify; 
	font-family:    Verdana,Arial,"Lucida Grande", Tahoma, Helvetica, Sans-Serif;
		line-height:1.5em;
} 

#centre span {color:#626568;}
.home{font-weight:500;font-size: 2.5em;color:#626568;display: block;line-height:25px;font-family:Helvetica;}
#centre big {font-size: 140%;}
#centre small {font-size: 90%;}

#centre ul,#bigcentre ul{text-align:left;font-family:Arial;margin:10px 0 0 13px;}
#centre ul li ,#bigcentre ul li{margin-top:0px;margin-left:0px;padding: 5px 0 5px 0;}


.ulhome{width:420px;position:relative;top:0px;left:-20px;text-align:left;font-family:Arial;font-size:1.1em;list-style-type:none;margin:0px 0 0 0;}
ul li.lihome {list-style-type:none;font-weight:bold;font-size: 1.2em;position:relative;left:0px;top:0px;margin-top:80px;margin-left:0px;padding: 5px 0 15px 0;border-top  : #626568 1px dotted;}
ul li.lihomedernier {font-weight:bold;font-size: 1.2em;position:relative;left:0px;top:0;margin-top:0px;margin-left:0px;padding: 15px 0 15px 0;border-top  : #626568 1px dotted;border-bottom  : #626568 1px dotted;}
ul li a.lihome{color:#626568;}
ul li a:hover.lihome{color:#000;}

.ulhome a {
	color:#626568;
}
 


h1 {
	font-weight:900;
	font-size: 1.9em;
	color:#626568;
	display: block;
	line-height:25px;
	font-family:Helvetica;
	border-bottom  : #CECED0 1px dotted;
	padding:0 0 10px 0; 
	margin:14px 0 20px 0; 
	text-align: left;
}
h1 strong{
	font-size: 140%;
}

h2 {
	font-weight:900;
	font-size: 1.2em;
	color:#88C765;
	display: block;
	padding:0 0 0 10px; 
	margin:0 0 0 0; 
	height:18px;
	background: url(img/super.gif) top left no-repeat ;
	text-align: left;
}

#centre h3 {
	font-weight:900;
	font-size: 1.4em;
	color:#993366;
	display: block;
	padding:0 0 0 20px; 
	margin:10px 0 10px 0; 
	text-decoration:none; 
	text-align: left;
	background: url(img/flechejaune.gif) top left no-repeat ;
	border-top  : #CECED0 1px dotted;
}

#centre h4 {
	border-bottom : #CECED0 1px dotted;
	font-weight:900;
	font-size: 1.0em;
	color:#F77B29;
	display: block;
	padding:0 0 0 0px; 
	margin:0 0 10px 0; 
	height:18px;
	text-decoration:none; 
	text-align: left;
}

 


#copyright {
	width: 970px;
	height:25px;
	clear: left;
	margin: 20px 0  20px 10px;
	padding: 10px 0 12px 0;
	text-align: left; 
}

#copyrightcartouche {
	width: 850px;
	float:left;
	height: 20px;
	margin: 3px 0 0 40px;
	padding: 0px 0 3px 0;
	text-align: center;
	background: url(img/copyright.gif) 0px 1px no-repeat ; 
}
#copyrightcartouche p {
	padding: 0px 0 5px 0;
	margin: 0px 0 0px 0;
}

#copyrightcartouche a {
	color: #FFF;
	font-weight:bolder;font-size:0.7em; 
}
#copyrightcartouche a:hover {
	text-decoration: none;
	color: #626568; 
}

#linkedin a {   
	font-size:0.7em; 
}
 


#copyrighthome {
	width: 997px;
	clear: left;
	margin: 0px 0 0 0;
	padding: 20px 0 12px 0;
	text-align: center;
}
#copyrighthome a {
	color: #626568;
	font-weight:bolder;font-size:0.8em;
}

#droite {
	position:relative;
	float:left;
	padding:0 0 0 0px; 
	margin:0 0 0 10px; 
	width:219px;
	
} 

 
#cadreident{
	background: url(img/cadreident.gif) no-repeat ;
	width:219px;
	height:30px;
	margin:0 0 10px 0;
	padding: 2px 0 0 10px;
	position:relative;
	top:0px;
	left:0px;
	z-index:800; 
}
div#cadreident span {
	color:#8BC663;
	text-align: left;
	margin: 0px 0px 0 0px;
	padding:0px 0px 0px 0;
	font-weight:bold;
	font-size:0.9em;
}

div#cadreident  a {
	color:#FFF;
	font-weight:normal;
	font-size:0.9em;
}
div#cadreident  a:hover {
	color:#F77B29;
	font-weight:normal;
	font-size:0.9em;
}

#droite form{
	background: url(img/loginhome.gif) no-repeat ;
	width:219px;
	height:30px;
	margin:0 0 10px 0;
	padding:0;
	position:relative;
	top:0px;
	left:0px;
	z-index:800;
}

#form-inscription { margin: 0; padding: 0; width:219px;height:20px}

#droite label, #droite legend{

	text-indent:-9999em;
	margin:0;
	padding:0;
}

#droite fieldset{
	border:none;
	margin:0;
	padding:0;
}

#form-inscription .txt{
	width:55px;
	background:#FFF;
	height:12px;
	border:none;
	position:absolute;
	top:3px;
	left:50px;
	margin:0;
	padding:0;
	z-index:300;
	font-size:0.8em; 
}
#form-inscription .pwd{
	border:none;
	width:54px;
	background:#FFF;
	height:12px;
	position:absolute;
	top:3px;
	left:113px;
	font-size:0.8em;
}


#button-ok {
	border:none;
	position:absolute;
	top:2px;
	left:177px;
	z-index:400;
	width: 19px;
	height: 16px;
	margin: 0;
	padding: 0; 
	background: transparent url(img/okident.gif) no-repeat center top;
	text-indent: -1000em;
	cursor: pointer; 
	cursor: hand;
}

.vl {
	color : #524A4A;
	font-size:0.85em;
	}
	
.varpos {
	color : #A0E442;
	font-size:0.85em;
	}

.varneg {
	color : #E80000;
	font-size:0.85em;
	}


div#cadredroite1 { 
	width: 219px;
	height: 49px;
	padding-top:0px;
	margin:0;
	background: url(img/cadredroitehaut.gif) top left no-repeat;
}
div#cadredroite1 p {
	color:#8BC663;
	text-align: right;
	margin: 0px 0px 0 0px;
	padding:8px 8px 9px 0;
	font-weight:bold;
	font-size:1.9em;
}

div#cadredroite2 { 
width: 219px;
padding-top: 0px;
background: url(img/cadredroitemilieu1.gif) bottom left no-repeat;
}
div#cadredroite2  p {
	margin:0;
	padding: 5px 10px 5px 15px;
	color:#FFF;
	font-weight:normal;
	font-size:0.9em;
}
div#cadredroite2  a {
	color:#FFF;
	font-weight:normal;
	font-size:0.9em;
}
div#cadredroite2  a:hover {
	color:#F77B29;
	font-weight:normal;
	font-size:0.9em;
}

.titrecadre1 {
	color:#8BC663;
	font-weight:bold;
	font-size:1.2em;
}

div#cadredroite3 { 
	width: 219px;
	padding:0;
	margin:0;
	background: url(img/cadredroitemilieu2.gif) repeat-y center;
	border-bottom:#88C765 1px solid;
}
div#cadredroite3  p {
	margin:0;
	padding: 5px 10px 15px 15px;
	color:#221E1F;
	font-weight:normal;
	font-size:0.8em;
}
.titrecadre2 {
	color:#221E1F;
	font-weight:bolder;
	font-size:1.1em;
}
.titrecadre3 {
	color:#88C765;
	font-weight:bold;
	font-size:1.1em;
}

div#cadredroite4 { 
	width: 219px;
	padding:0;
	margin:0;
	background: url(img/cadredroitebas.gif) bottom left no-repeat;
}

div#cadredroite4  p {
	margin:0;
	padding: 5px 10px 15px 15px;
	color:#221E1F;
	font-weight:normal;
	font-size:0.8em;
}
 
#message{
	color: #008000;
	text-decoration: none;
	font-size: 1em;
	font-weight: bold;
}
#erreur{
	color: #F81018;
	text-decoration: none;
	font-size: 1.2em;
	font-weight: bold;
}
.remarque1{
	color: #0069D6;
	text-decoration: none;
	font-size: 1.1em;
	font-weight: bold;
}



#centre table.tableformcontact { 
        border: solid #FFF 1px;
        background-color: #FFF;
}
#centre table.tableformcontact td{
	border: solid #FFF 1px;
	background-color: #FFF;
	font-size: 1.3em;
}
 
#bigcentre table.tableformcontact { 
        border: solid #FFF 1px;
        background-color: #FFF;
}
#bigcentre table.tableformcontact td{
	border: solid #FFF 1px;
	background-color: #FFF;
	font-size: 1.3em;
}


 

table.perf1 { 
        border-width: 0px;
        background-color: #8BC663 ;
        font-size: 0.9em; 
}
table.perf1 th{
	background-color: #E7E7E7;
	padding: 3px; 
	vertical-align:middle;
	font-weight: bold;
	text-align: center;
} 

table.perf1 td{
	padding: 3px; 
	border-width: 0px;
	vertical-align:middle;
	background-color: #FFF;
}


table.perf2 {  
        font-size: 0.9em; 
}
table.perf2 th{
	background-color: #FFF;
	padding: 3px; 
	vertical-align:middle;
	font-weight: bold;
	text-align: left;
	color:#8CC663;
} 

table.perf2 td{
	padding: 3px; 
	border-left:0px solid #000;
	border-right:0px solid #000;
	border-bottom:3px solid #FFF;
	vertical-align:middle;
	color:#222612;
}

.altern0
{
	background-color : #AAAAAA;
}
.altern1
{
	background-color : #CCCCCC;	
}

table.tableprojets {
	
}

table.tableprojets td{
	vertical-align:top;
	padding: 3px; 
}

table.tabledetailprojet {
	
}

table.tabledetailprojet td{
	vertical-align:top;
	padding: 3px; 
	font-size: 1.1em;
}

div#cadresoustitre { 
	width: auto;
	padding:7px;
	margin:10px 0 20px 0;; 
	border  : #8CC663 1px solid;
	font-size: 1.3em;
	font-weight: bold;
	text-align: center;
}

#centrecarac {
	margin: 0px 0pt 0pt 10px;
	padding: 0pt 0pt 0pt 0px;
	position: relative;
	float: left;
	width: 429px;
	text-align: justify;
}

#sommaireprojets {
	margin: 0px 0pt 0pt 10px;
	padding: 0pt 0pt 0pt 0px;
	position: relative;
	float: left;
	width: 729px;
	text-align: justify;
}

#droitecarac {
	border-left: 1px dotted #CECED0;
	margin: 0px 0pt 0pt 10px;
	padding: 0pt 0pt 0pt 10px;
	position: relative;
	float: left; width: 219px;
	font-size: 1.1em;
}


#encartdroitesousactu {
	margin:10px 0 0 0;
	padding: 0;
	width:220px;
}

#encartdroitesousactu {
	margin:10px 0 0 0;
	padding: 0;
	width:220px;
}


#encartgauche1 {
	font-size:0.9em;
	float:left;
	margin:10px 1px 5px 10px;
	padding:0;
	position:relative;
}

#encartgauche2 {
	font-size:0.9em;
	float:left;
	margin:10px 1px 5px 10px;
	padding:0;
	position:relative;
}