/**************GENERAL***************/
body{
	background-image:url(fond-rpt.png);
	background-repeat:repeat-x;
	background-color:#96D500;
	color:#4c4c4c;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:15px;
	padding:0;
	margin:0;
}
#globale{
background-image:url(contenu-bandeau.jpg);
	width:906px;
	margin-left:auto;
	margin-right:auto;
	position:relative;
}
#header{
width:906px;
height:241px;
margin:0 auto 0 auto;
}
h1#titre_principal{
	padding:0px;
	margin:0px;
	position:absolute;
	left:0;
	width:394px;
	height:98px;
}
h1#titre_principal a{
	display:block;
	width:100%;
	height:100%;
}
/****************MENU TOUT HAUT********/
#menu-tout-haut{
	float:right;
	margin-right:30px;
	color:#878787;
	font-size:11px;
}
#menu-tout-haut div{
	padding-top:3px;
}
#menu-tout-haut input,#menu-tout-haut form{
float:left;
display:inline;
width:auto;
}
#menu-tout-haut input{
	margin-top:3px;
}
#menu-tout-haut #recherche{
	background-color:none;
	background:none;
	border:none;
	background-image:url(search.jpg);
	width:138px;
	height:21px;
	color:#878787;
	padding-left:4px;
	margin-right:3px;
}

#menu-tout-haut a{
color:#878787;
text-decoration:none;
}

/*********MENU HAUT******/
#menu-haut{
	list-style-type:none;
	padding:0;
	margin:0;
	height:49px;
	position:absolute;
	left:10px;
	top:96px;
}
#menu-haut li{
	height:49px;
	float:left;
}
#menu-haut li a{
	display:block;
	height:49px;
}
#menu-haut li a.item-1{
	width:125px;
	background-image:url(nav-presentation.jpg);
}
#menu-haut li a.item-2{
	width:76px;
	background-image:url(nav-charte.jpg);
}
#menu-haut li a.item-3{
	width:152px;
	background-image:url(nav-accord.jpg);
}
#menu-haut li a.item-4{
	width:132px;
	background-image:url(nav-infos.jpg);
}
#menu-haut li a.item-5{
	width:110px;
	background-image:url(nav-centres.jpg);
}
/************BLOC*********/
#bloc-milieu-repeat{
	background-image:url(contenu-rpt.jpg);
}
#footer{
	height:45px;
	background-image:url(contenu-pied.jpg);
	background-repeat:no-repeat;
	background-position:top;
	clear:both;
}
#footer a{
	text-decoration:none;
	color:white;
}
#footer div{
	padding-top:25px;
	padding-left:25px;
	color:white;
}	

/***************MENU PRINCIPAL***********/
#menu-principal{
	background-image:url(formations.jpg);
	background-position:top;
	background-repeat:no-repeat;
	width:216px;
	float:left;
}
ul#menu{
	padding:0;
	margin:0;
	/*list-style-type:none;*/
	padding-top:45px;
	padding-left:15px;
	width:206px;
	float:right;
}
ul#menu li{
	display:block;
	padding:0;
	margin:0;
	width:206px;
	padding-bottom:6px;
	padding-top:5px;
}
ul#menu li.toggleSubMenu{
  min-height:37px;
}
.toggleSubMenu{
  background-image:url(menu-vertical.jpg); 
	background-repeat:no-repeat;
	background-position:bottom;
}
ul#menu li h2{
	padding:0;
	margin:0;	
}
ul#menu li h2 a{
	display:block;
	padding-left:12px;
	padding-top:7px;
}
.subMenu li a{
  display:block;
	padding-left:20px;
	padding-top:0px;  
}
ul#menu ul{
	padding:0;
	margin:0;
	/*list-style-type:none; */
}

/*************contenu********/
#partie-droite{
	float:right;
	width:630px;
	margin-right:30px;
	position:relative;
}
.filet{
	clear:both;
	background-position:50% 50%;
	background-repeat:no-repeat;
	background-image:url(filet-large.jpg);
}
/*******FOOTER ACCUEIL*****/
#footer-accueil{
	width:651px;
	background-image:url(bloc-fd-rpt.jpg);
	margin-left:-8px;
}
.bloc-accueil-3 .haut{
	background-image:url(rectangle-bleuciel.jpg)!important;
}


.bloc-accueil-1{
	float:left;
	width:217px;
}
#footer-accueil .haut{
	background-color:#0B526E;
	height:45px;
	border-right:solid 1px white;
}
.haut h2{
	padding:0;
	margin:0;
}
#footer-accueil .haut img{
	position:relative;
	left:15px;
	top:10px;
}
#footer-accueil .content{
	padding:0 9px 0 9px;
}
.content h3{
	font-size:14px;
	padding:0;
	margin:0;
	color:#5bb902;
	margin-top:5px;
}
.content h3 a{
color:#5bb902;
}
.content .chapo p{
	margin:0;
	margin-top:4px;
	margin-bottom:4px;
	
}

/*********PETITS STYLES **************/
a{
color:#5bb902;
text-decoration:none;
}
a:hover{
	text-decoration:underline;
}
a.backgroundhoverchange{
	background-position:top;
}
a.backgroundhoverchange:hover{
	background-position:bottom;
}
a.backgroundhoverchange span{
	display:none;
}
img{
	border:0;
}
a.lire_la_suite{
	display:block;
	width:101px;
	height:21px;
	background-image:url(btn-savoir-plus.jpg);
	clear:both;
	background-position:top;
}
a.lire_la_suite:hover{
	background-position:bottom;
}
h3.spip{
	color:#5bb902;
}
/***********DOCS JOINTS****************/
.uneImageJointe{
	float:left;
	margin-left:18px;
}
.unDocJoint{
	 width:85%!important;
}
.unDocJoint img{
	 display:inline!important;
	 float:left!important;
	 border:none!important;
	 margin-right:4px;
	 margin-bottom:4px;
}
.unDocJoint span{
	 float:left!important;
	 position:relative;
	 bottom:8px;
}
.spip_documents_center img{
	display:block;
	margin-left:auto;
	margin-right:auto;
}
.spip_documents_center dt{
	margin-left:auto;
	margin-right:auto;
	display:block;
	text-align:center;
}
.spip_documents_left{
	margin-right:8px;
}
.spip_documents_right{
	margin-left:8px;
}
.spip_doc_titre,.spip_doc_descriptif{
	text-align:center;
}
/*******FORMATION*******/
#formation-gauche{
float:left;
width:395px;
}	
#formation-droite{
float:right;
width:215px;
}	
#formation-droite .haut{
background-image:url(rectangle-bleufonce.jpg);
	height:45px;

}
#formation-droite .haut img{
	position:relative;
	top:10px;
	left:15px;
}
.content-formation hr{
	margin-left:5px;
	margin-right:20px;
	padding:0;
	margin-top:4px;
	margin-bottom:4px;
}
.content-formation{
	color:#022e3f;
	font-weight:bold;
	background-image:url(droite-n-1fond.jpg);
	background-repeat:no-repeat;
	padding-top:4px;
	padding-left:10px;
	padding-bottom:8px;
}
.content-formation p{
	margin:0;
	margin-top:8px;
	margin-bottom:8px;
}
.droite-forma{
 margin-bottom:20px;
}
#util-forma{
	/*position:absolute;
	right:30px;
	top:40px;*/
	float:right;
	margin-top:-15px;
}
#util-forma a{
	color:#022E3F;
	text-decoration:underline;
}
#util-forma img{
	position:relative;
	top:2px;
}


#chemin{
	font-size:11px;
	margin:0;
}
/**********FORMULAIRES*******/
fieldset{
	border:0;
}
legend{
font-weight:bold;
}
.erreur{
	color:red;
}
input,textarea,select{
	width:90%;
	color:#5bb902;
	font-weight:bold;
}
textarea{
	height:100px;
}
input.radio{
	width:auto;
}
input[type="checkbox"] {width:auto;}
ul.boutons{	list-style-type:none;}
h1{
	margin-bottom:0;
}
/***************UTILITAIRE**********/
.left{float:left;}
.right{float:right;}
.invisible{display:none;}
.spacer{clear:both;}

.bouton-forma{
	display:block;
	float:left;
	padding:6px;
	background-color:#0B4D67;
	color:#BFECF2;
	font-weight:bold;
	margin-right:15px;
}