/* CSS Document */

html, body {
	padding: 0;
	margin:0;
	/*height:100%;Pour pied bas*/
}
body{
	background-color:#fff;
	padding: 0;            /* marge int inf et sup ici plutôt que dans #page à cause IE */
    text-align: left;         /* centrer pour IE */
    font-size: 0.625em;
    font-family: Arial,"Times New Roman", sans-serif;
    color: #000 /* couleur du texte necessaire pour le validateur accessib*/	
}

h1 {
    float: left; /*pour que le h1 soit flottant sinon ne disparait pas du cadre*/
	margin: 0;
	padding: 0;
	font-size: 0.1em;
	text-indent: -2000px; /* sortir h1 de la page qd CSS activesé et réapparait qd CSS desactivées */
	display:none
}
h2 {
    margin-bottom:0;
	margin-top:100px;/*placement menu "vous etes"  */
	padding-left:5px;	
	font-size:1.2em;
	color:#fff;
	background-color:#7AA9C5;
	line-height:28px;
	height:28px
}
h3,h5 {
	display: inline;
	margin: 0;
	color:#1C5EB0;
	background-color:#fff;
}
h3 {
    font-size:1.3em
}
h4{
	font-family:"Times New Roman", sans-serif;
    margin-top:0;
	margin-bottom:40px;
}
h4,h6 {	
	color:#386DBB;
	background-color:#fff;
}

h4,h5 {
    font-size:1.2em
}
h6 {
    font-size:1em;
	margin-bottom:10px;
	margin-top:2px
}
blockquote
{
	font-style:italic;
	width:80%
}
hr{
height:1px;
color:#005991;
background-color: #005991;
border: 0;
}
kbd {
font-size : 1.1em;
padding: 0px 2px;
border: 1px solid #ccc;
}
.center{
	text-align:center;
	width:100%;
}
.clear{
	clear:both;
}
.erreur, .reussite {
	font-size: 1.2em;	
	font-weight: bold;
	text-align: center;
	background-color:#fff;
}
.erreur{
	color: #F00
}
.reussite {	
	color: #3C3
}
.gras{
	font-weight:bold
}
.italic{
	font-style:italic
}
.left{
	float:left;
}
.petit{
	font-size:10px
}
.right{
	float:right;
}
.souligne{
	text-decoration:underline
}
#haut{
	text-align:right;
	font-size:0.8em
}
/*========================*/
/**      maquette        **/
/*========================*/
#conteneur{
	/*position:relative;Pour pied bas*/
	/*min-height:100%; Pour pied bas*/
	text-align: left;      /* pour contre-balancer le text-align du body */
    width: 770px;      /*largeur de la boîte non reconnue par IE  */
    margin:30px auto 0;	
	color:#000;
	background:#fff;
	/*border-right:  2px solid #005A90;
	border-left:  2px solid #005A90;*/
	/*height: 100%;Pour pied bas*/
    /*voice-family: "\"}\"";Pour pied bas*/
    /*voice-family: inherit;Pour pied bas*/
    /*height: auto;Pour pied bas*/
}
 
#ban{
	height:205px;
}
#cadre{	
	background:url(../theme/cadreg.jpg) repeat-y;
	width:742px;
	text-align:justify;
	font-size:1.2em;
	/*background:green ;*/
	/*padding-bottom:30pxPour pied bas non chevauchement avec contenu;*/
	border-left:  2px solid #005A90;	
	margin-left:26px
}
#pied{
	/*position: absolute;Pour pied bas
	background:url(../theme/cadreg.jpg) repeat-y;*/	
	border-left:  2px solid #005A90;
	height:30px;
	line-height:30px;
	/*bottom:0;	Pour pied bas*/
	margin-left:26px; 
   width: 742px;/* */    
    	
}

/*========================*/
/**      zone banniere            **/
/*========================*/

#logo{
    float: left;
	width:216px;
	margin-bottom:0
}
#logo img{
    display: block;  /* pour eviter marge en dessous, prendre image comme un bloc et nn text*/
	border:0
    }
#banm{
	background:url(../theme/band.jpg) no-repeat;
	width:311px;/**/
	height:205px;
	line-height:205px;
	float: left;
}
#band{/*background:yellow;;*/
	float:left;
	height:203px;
	width:243px;
	/*line-height:205px;*/
	border-bottom: 2px solid #005A90;
}
	#band ul{
		list-style-type:none;
	}
	#band a:link,#band a:visited,#band a:hover,#band a:active{
		font-weight:normal;
		color:#000;
		background-color: transparent;
	}
		ul#access{	
			text-align:right;
			margin-top: 0
		}
			#access li{
				display: inline;
				margin-left:7px
			}
		ul#vsetes{
			margin:0;
			padding-left:5px;
			background-color:#CCDEEA;
			color:#000;
			font-size:1.2em;
		}
			#vsetes li{
				margin:0;
				line-height:21px;
				height:21px;
				font-size:0.8em;
			}
			#vsetes a:link, #vsetes a:visited{
				font-weight:bold;/**/
				text-decoration:none;
			}
			#vsetes a:hover, #vsetes a:active{
				text-decoration:underline;
			}

/*=========================*/
/**     zone cadre                      **/
/*=========================*/

#cadreg, #piedg{
	
	/*margin-left:26px !important;IE ne lira que la ligne qui suit
	margin-left:13px;*/
	/*background:red;*/
	width:187px;
	float: left;	
}
	#cadreg ul{/*background:blue;
		margin-right:40px;
		margin-top: 0;	height: 205px;
		padding-top: 2px;*/

	}
#cadred{
	padding:10px 0 30px 10px;
	float:left;
	/*background:red;*/
	width:545px;
	line-height: 1.5em	
}
	#cadred_txt a:link, #cadred_txt a:visited{
		color:#00f;
		background-color:#fff;
	}
	#cadred_img{
		float:right;
		padding: 0 0 40px 10px;
		/*background:yellow;*/
		text-align:right;		
	}
/************* page actu ******************/
a.ancre_actu, #bas_actu a{
	text-decoration:none;	
	color:#005A90;
	font-weight:bold;
	background-color:#fff;
}	
#bas_actu{
	font-size:0.8em;
	padding-left:15px;
	padding-top:15px;
	line-height:1.2em
}
/************* page coll******************/	
ul#coll{
	margin:0;
	padding:0;
	list-style-type:none;
		}
	#coll li{
	vertical-align:bottom;
		margin:0;
		padding-left:25px;
		margin-bottom:10px;
		/*line-height:13px;
		height:13px;*/
		background: #fff url(../theme/puce.gif) no-repeat left top;/**/
		color:#000;
	}
/*** page contact ***/
#cadred_txt fieldset {
    padding-top:20px;
    padding-bottom:20px;
    margin-bottom: 20px;
	border: 1px solid #005A90;
}
legend {
	color: #000;
	background-color:#fff;
    }
 form p {
    float: left;
     display: inline;
     text-align: right;
     width: 245px; /* x0.41*/
     margin: 5px 0 5px 10px
 }
 #cadred_txt form input {
 width:110px
 }
    #cadred_txt p.type  {
        width:257px /* x0.48*/
    }
    #cadred_txt p.message{	
		width:477px 
    }
	#cadred_txt p.mail  {
        width:261px /* p+16px */
    }
        #cadred_txt textarea, input, select{
            vertical-align: middle;
            background-color: #fff;
			color: #000;
        }
#cadred_txt a.aide {	/*** Mise en forme des bulles d'aide ***/
	text-decoration: none;
}
#cadred_txt a.aide img {
	margin: 0;
	padding: 0;
	border: 0;
}
#cadred_txt a.aide:hover {	
	cursor: help;
}	
.valid{
    background-color:#7AA9C5;  /*bleu*/
    border:1px solid #005A90;
    color:#fff;
    cursor:pointer;
    font-weight:600;
    height:21px;
    padding-bottom:4px;
    text-align:center
}

.valid:hover, .valid:focus, .valid:active{
    background-color:#CCDEEA; 
	color:#fff;  /*gris*/
    border-color:#005A90;
}

form input.valid:active{
    background-color:#005A90;
	color:#fff;
    border-color:#5A750A
}
#spam legend{
	color:#F00; 
	background-color:#fff
}
/*** page mentions ***/
#meng{
	position:relative;
	margin-left:20px;
}
#mend{
	position:relative;
	margin-left:40px; 
	margin-bottom:40px;		
}
/*** page pourquoi ***/
.pourquoi li span{
	color:#386DBB;	
	background-color:#fff;
}

/*** page refrences ***/
.ref{
	margin-bottom:15px
}
.refg{
	width:150px;
	text-align:center
}
.refd{
	width:360px
}
ul#refcoll {	
		list-style-type:none;
		margin: 0;
		padding:0;
		font-size:0.9em
	}
	#refcoll li{
		display: inline;
		margin-left:0
	}
/*** page cv ***/	
ul.cv {
	padding:0;
	list-style-type:none;
	
	}
.cv li {
margin-bottom:5px;
}		
/*========================*/
/**      zone menu               **/
/*========================*/
#cadreg ul{
	margin:34px 0 0 0;/*placement menu "vous etes"  */
	padding:0;
	list-style-type:none;
	/*background:purple;*/
	}
#cadreg li {
	margin:0 0 2px 0;
	padding-left:18px;	
	/*font-size:1.2em;*/
	background: #7AA9C5 url(../theme/cadreg_li.jpg) no-repeat left center;/**/
	line-height:28px;
	height:28px;
	color:#fff
}
#cadreg a:link, #cadreg a:visited{
	/*padding-left:5px;	
	font-size:1.2em;*/
	color:#fff;
	text-decoration:none;
	background-color:transparent;
	font-weight:bold
}
#cadreg a:hover,#cadreg a:active{
	text-decoration:underline
}
/*=========================*/
/**     zone pied                     **/
/*=========================*/
 #piedg{
	height:30px;
	line-height:30px;
	background: #7AA9C5 url(../theme/cadreg_li.jpg) no-repeat left center;
	color:#005A90
}
#bpd{
	padding-left:10px;
	padding-right:10px;
	float:left;
	background-color:#99BCD0;/**/	
	width:535px;
	font-size:1.2em;
	color:#005A90;
}
	#bpd ul{
	
		list-style-type:none;
		margin: 0;
		padding:0
	}
	#bpd li{
		display: inline;
		margin-left:0
	}
	#bpd a:link, #bpd a:visited{
	/*padding-left:5px;*/	
	color:#005A90;
	text-decoration:none;
	background-color:transparent;
	}
	#bpd a:hover, #bpd a:active{
		text-decoration:underline;
	}
/*=========================*/
/**  hack            **/
/*=========================*/
html>body #conteneur {
    height: auto;
}
html>body #cadre {
    height: auto;
}