@charset "utf-8";
/* CSS Document */

/* --- STYLES DE BASE --- */
/* Page */

html {
    font-size: 100%; /* Évite un bug d'IE 6-7. (1) */
	height:100%
}

body {
    margin: 0;
    padding: 0; 
    /* Pensez à utiliser une collection de polices, par ex:*/
    font-family: Arial, Helvetica, FreeSans, sans-serif; 
    font-size: .8em; /* À adapter pour la police choisie. (2) */
    line-height: 1.4; /* À adapter au design. (3) */
    color:#003366;
    background: #329898 url(../images/bg_body.jpg) 0px 0px repeat-x;
}

.nettoyeur{
		clear:both;
}

/* Titres */
h1, h2, h3, h4, h5, h6 {
    margin: 1em 0.5em 0; /* Rapproche le titre du texte. (4) */
    line-height: 1.2;
    font-weight: bold; /* Valeur par défaut. (5) */
    font-style: normal;
}

h1 {
    font-size: 1.75em;
	color:#329898
}
h2 {
    font-size: 1.5em;

}
h3 {
    font-size: 1.25em;
}
h4 {
    font-size: 1.5em;
	background:url(../images/bg_titre.jpg)  right top repeat-y;
	color:#fff;
	padding:3px 10px;
	font-weight:normal;
	margin-right:5px
}

img{
	padding:5px;
}

/* Listes */
ul, ol {
    margin: .75em 0 .75em 32px;
    padding: 0;
}

/* Paragraphes */
p {
    margin: .75em 0; /* Marges plus faibles que par défaut. (6) */
}
address {
    margin: .75em 0;
    font-style: normal;
}

/* Liens */
a {
    text-decoration: underline;
}
a:link {
    color: #66669a;
}
a:visited {
	color: #66669a;
    /*color: indigo;*/
}
a:hover, a:focus, a:active {
    color: #E4CA40;
}
a img {
    border: none;
}

/* Divers éléments de type en-ligne (7) */
em {
    font-style: italic;
}
strong {
    font-weight: bold;
}

/* Formulaires */
form, fieldset {
    margin: 0;
    padding: 0;
    border: none;
}
input, button, select {
    vertical-align: middle; /* Solution pb. d'alignement. (8) */
}

input{
		margin:3px;
}

hr{
	color:#66cdcc;
}

/*/////////////container///////////*/
#conteneur{
	background:#fff;
	width:950px;
	margin:0 auto 0 auto;
	border:2px #066 solid;
	padding-bottom:0px

}

#entete{
	background:url(../images/header3.jpg);
	width:950px;
	height:93px;
}

#entete #titre{
	position:relative;
	top:68px;
	width:550px;
	height:22px;
	padding:0px;
	margin:0px auto 0 auto;
	text-align:center;
	color:#099;
	font-size:1.25em;
	font-weight:bold;
	letter-spacing:0.2em;
	background: #deecec
}
#main {
		background:none;
}

#ombre {

		background:url(../images/bg_main.jpg) 0px -10px repeat-x;

		height:10px;

		margin-bottom:-10px;

		_margin-bottom:-15px;

}

#col_gauche{
	float:right; /*passe à droite !*/
	width:300px;
}

.formation #col_gauche{
	width:240px;
}
.cadre_gauche1 {

}

.cadre_gauche2{
	border:2px solid #666699;
	padding:5px 10px 0px 10px;
	margin:10px ;
}

.cadre_accueil{
	/*border:1px solid #ccc;*/
	padding:0px 10px 5px 10px;
	/*background:#eee;*/
	margin:10px 10px 0px 10px;
}


.photo{
	padding:10px;
	margin:15px
}

.cadre_gauche1 h1, .cadre_gauche2 h1, .cadre_gauche3 h1{
	color: #E4CA40;
	padding:0;
	margin:0;
	font-size:1.5em
}

.cadre_gauche1 p{
	border-left:#66669a 20px solid;
	border-bottom:#66669a 1px solid;
	padding-left:10px;
	margin-right:15px;
	margin-bottom:15px;
}
.cadre_gauche1 a{
	color: #66669a;
	text-decoration:none;
	font-size:1.1em;
	display:block
}

.cadre_gauche1 a:hover{
	color: #E4CA40;
	text-decoration:none;
	font-size:1.1em;
}

.cadre_gauche2 p{
	border-left:#66cdcc 20px solid;
	border-bottom:#66cdcc 1px solid;
	padding-left:10px;
	margin-right:15px;
	margin-bottom:15px;
}
.cadre_gauche2 a{
	color: #66669a;
	text-decoration:none;
	font-size:1.1em;
	display:block
}

.cadre_gauche2 a:hover{
	color: #E4CA40;
	text-decoration:none;
	font-size:1.1em;
}



.cadre_gauche3 p{
	border-left:#66669a 20px solid;
	border-bottom:#66669a 1px solid;
	padding-left:10px;
	margin-right:15px;
	margin-bottom:15px;
}
.cadre_gauche3 a{
	color: #66669a;
	text-decoration:none;
	font-size:1.1em;
	display:block
}

.cadre_gauche3 a:hover{
	color: #E4CA40;
	text-decoration:none;
	font-size:1.1em;
}

.cadre_sous_menu {
	border: 1px solid #66aacc;
	padding: 0px;
	margin-top: 5px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
	background-color: #deecec;
}

.cadre_sous_menu h1{
	color:#deecec;
	background:#6ac;
	padding:3px 0 3px 10px;
	margin:0;
	font-size:1.3em;
	font-weight:normal;
}

.cadre_sous_menu ul {
	margin:0;
	padding:10px;
}

.cadre_sous_menu li {
	margin-left: 0pt;
	padding: 3px 0px;
	list-style-type: none;
	border-bottom: 1px dashed #eeeeee;
	font-size:1.1em;
}
.cadre_sous_menu ul ul{
	margin:-12px 0px -5px 20px;
	_margin:-9px 0px 0px 20px;
}
.cadre_sous_menu li li{	
	/*padding: 3px 0px;*/
	list-style-type: none;
	border-bottom: none;
	font-size:0.9em;
	height:10px;
	line-height:10px;	
}


.cadre_sous_menu a {
	text-decoration:none;
}


#col_droite{
	float:left;
	width:650px;
	margin-left:0px;
}

.formation #col_droite{
	width:680px;
	padding:10px;
}

#menu {
	width:600px;
	height:30px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:0px;
	padding-bottom:3px;
	text-align:center	
}

#menu ul, #menu li{
	list-style:none;
	margin-left:0px;
	padding-left:0px;
	margin-bottom:0px;
}

#menu li{
	padding-left:12px;
	padding-right:12px;
	display:inline
}
#menu li.separation{
	border-right:1px solid #66669a;
}

#menu li a{
	text-decoration:none;
	font-size:1.0em;
	letter-spacing:0.05em;
	color:#66669a;
}

#menu li a:hover, a:visited{
	color:#669999;
}


#acces {
	background:#66a9cc;
	color:#daebeb;
	margin:0px 10px 10px 10px;
	padding: 0px 0px 0px 5px;
	font-size:1.1em;
	border : 2px solid #6cc;

}

#acces h3{	
	font-size:1.2em;
}

#acces select{
	width:190px;
}

.inscription{
	margin:0 0 0 25px;
}


	
#footer{
	background:#329898;
	width:950px;
	margin:0 auto 0 auto;
	color:#ccc;
	font-size:0.9em;
	text-align:center;
}

#misajour{
	text-align:center
}

.menu_formation{
	font-size: 0.7em;
	width:auto;
	margin-top:10px;	
}

.menu_formation a{
	color:#E4CA40;
	text-decoration:none;
	display:block;
}

.menu_formation.form3{
	margin-bottom:10px;
}

.menu_formation.form3 a{
	color:#9A8B3D
}

.form1 h1{
	background:#343464;	
	padding:5px;
}

.form2 h1{
	background:#66669a;
	padding:5px;
}

.form3 h1{
	color:#9A8B3D;
	background:#66cdcc;	
	padding:5px;
}

#edito{
	padding: 5px 15px;
	/*background:#090;*/
	/*color:#D1FFCD;*/
	color:#036;
	margin:10px 0px 10px 10px;
	/*border:1px solid #ccc;*/
	border-top:2px solid #329898;
	border-bottom:2px solid #329898;
	border-left:2px solid #329898;
	border-right:2px solid #329898;
	font-size:1.0em;
	/*background:#FEFEE0 ;
	border:2px solid #E4CA40;*/
	/*background:#ececb3 url(../images/bg.jpg) repeat-x;
	border-left:2px solid #e3da73;
	border-bottom:2px solid #E4CA40;
	border-right:2px solid #e3da73;
	border-top:2px solid #e5e085;*/
	
}

#edito strong{
		color:#329898
}
#edito p{
	font-size:1.2em;
}

.photo_edito{
	float:right;
	margin:5px;
	padding:0;
}

#edito h1{
	text-align : center;
	padding-top:0;
	margin-top:0;
	margin-left: 0px;
	font-size: 2em;
}

#offres{
	margin-right:10px;
	margin-top:0px;
	margin-left : 10px;
	margin-bottom : 10px;
	padding-top:0;
	border:#6cc 2px solid;
	width : 928px;
}
	
#offres h1{
	background:url(../images/bkgd_form.jpg) no-repeat;
	letter-spacing:0.2em;
	height:30px;
	font-size:1.5em;
	font-weight:bold;
	color:#fff;
	margin-top:10px;
	padding-left : 20px;
	padding-top : 3px;
	
}

#offres h2{
	font-size : 1em;
	clear:both;
	margin:0;
	padding:0 0 0 15px;
	background:url(../images/fleche1.gif) 0px 0px no-repeat;
	
}
#offres h2 a {
	color:#66669a;
	text-decoration:none;
}

#offres h2 a:hover, a:visited {
	color:#6cc;
}

#offres .lire {
	padding-left:450px;
	font-size:1.1em;	
}

#offres .lire a{
	display:block;
	background:url(../images/plus.gif) 0px 0px no-repeat;
	padding-left:30px
	
}

.offre {
	background:#ebfcfc ;
	height:auto;
	margin: 5px 0 10px 10px;
	padding:10px;
	width : 260px;
	float : left;
}

.offre2 {
	background:#E9E9FE ;
	height:auto;
	margin: 5px 0 10px 10px;
	padding:10px;
	width : 260px;
	float : left;
}

.accueil{
	padding-left:15px;
	margin:0px 0 0 0;	
	padding-bottom:0px;
}

.retour{
	text-align:right;
	padding-right:30px;
}


	
.flash{
	padding:10px 0 10px 13px;
	background:#eee
	
	
}

.page_hygienosia h1 {
	font-size: 2.3em;
	font-weight: normal;
	color: #e4ca40;
	text-align: center;
	padding-bottom: 5px;

}

li.toggleSubMenu {
	font-size: 1.3em;
	/*background-image: url(../images/bullet1.jpg);*/
	padding-left: 15px;

}

li.toggleSubMenu a{
	text-decoration:none;

}

/*li.toggleSubMenu li {
	background-image: url(../images/plus.gif) 0px 6px;
	font-size: 1em;
	padding-left: 20px;
}*/

.toggleSubMenu .subMenu li {
	font-size: 0.8em;
	background: url(../images/puce.gif) 0px 6px no-repeat;
}

.sous-menu{
		width:210px;
		border:#ccc 2px dotted;
		float:left;
		margin-left:10px;
}

.sous-menu img{
	padding:0 5px 5px 5px;
}

.sous-menu h2{
	margin:0 0 0 50px;	
	border:none;
	background:url(../images/fleche1.gif) 0px 7px no-repeat;
	
}

.sous-menu h2 a{
	text-decoration:none;
	
}

.page_hygienosia.page_offre .sous-menu h2{
	border:none;
	padding-left:15px
}

.nouvelleinfo {
	/*border : #669999 2px solid;*/
	background-color : #669999;
	color : #fff;
	font-weight : bold;
	text-align : center;
}