/*corps du site*/
body {
	background-color: white;
	height: 100%;
	margin: 0px;
}
/*corps principal du site*/	
/*bce6ff*/
#principal {
	width: 955px;
	background-color: #BCE6FF/*#3B4576*/;
	margin: auto;
	height: auto;
	padding-bottom: 10px;
	background-image: url(images/fond.jpg);
	background-repeat: no-repeat;
	background-position: top;
}
/**/
/*en-tete de la page*/
#en_tete {
	background-repeat: no-repeat;
	height: 175px;/*120px*/
	text-indent: 45px;
	padding-top: 10px;
	background-position: top;
	visibility: visible;
	margin-bottom: 0px;
	padding-bottom: 0px;
	display: block;
}
* html #en_tete {
	height: 185px;/*130px*/
}
/*banniere de */
#news {
	height: auto;
	width: 200px;
	float: left;
	margin-top: 15px;
	padding: 0px;
}
#haut_news {
	height: 8px;
	width: auto;
	margin: 0px;
	padding: 0px;
	background-image: url(images/haut_news.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
}
#bas_news {
	height: 124px;
	width: auto;
	text-indent: 42px;
	background-image: url(images/bas_news.jpg);
}
#text_news {
	height: 100px;
	width: auto;
	text-indent: 0;
	background-color: #FFF;
	margin-left: 25px;
	text-align: left;
	padding: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #1CB5D5;
	background-image: url(images/droite.jpg);
	background-repeat: repeat-y;
	background-position: right;
}
html>body #text_news {
	height: auto;
	min-height: 100px;
}
#text_news a{
	text-decoration: none;
	font-size: 11px;
	color: #0401a0;
}
#text_news a:hover{
	color: #1CB5D5;
}
/*banniere de droite avec les  liens d'accès*/
#acces {
	float: right;
	width: 180px;
	height: auto;
	/*background-image: url(images/gifod.jpg);
	background-repeat: no-repeat;
	background-position: left top;*/
	padding-top: 10px/*175px*/;
}
#acces li {
	list-style-image: url(images/fleche.jpg);
	line-height: 2;
	margin: 0px;
	padding: 0px;
}
/*
#acces ul {
	padding: 20px;
}
*/
/*corps central avec le menu et la zone textes*/
#corps_central {
	width: 555px;
	margin-left: 210px;
	height: auto;
}
.banniere_haut {
	height: 8px;
	background-image: url(images/haut.jpg);
	background-repeat: no-repeat;
	background-position: right;
	width: 100%;
}
* html .banniere_haut {
	_margin-bottom: -5px;
}
.banniere_bas {
	height: 82px;
	background-image: url(images/bas.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	width: 100%;
}
* html .banniere_haut {
	_margin-bottom: -5px;
}
/*zone de texte ou se trouve le contenu du site*/
#zone_texte {
	background-color: #FFFFFF;
	top: 0px;
	text-align: justify;
	color: #0401a0;
	padding-right: 15px;
	padding-left: 15px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	text-decoration: none;
	z-index: 1;
	background-image: url(images/droite_texte.jpg);
	background-repeat: repeat-y;
	background-position: right;
	margin: 0px;
	width: auto;
	height: 600px;
	position: relative;
	padding-bottom: 0px;
}
#zone_texte a{
	color: #1CB5D5;
}
#zone_texte a:hover, #zone_texte a:active{
	color: #84CA07;
}
#infos_legales a{
	color: #1CB5D5;
}
#infos_legales a:hover, #zone_texte a:visited, #zone_texte a:active{
	color: #84CA07;
}
html>body #zone_texte {
	height:auto;
	min-height:800px;
}
/*barre de menu*/
#menu {
	height: 105px;
	list-style-type: none;
	width: auto;
	text-align: justify;
	z-index: 8;
	margin-top: 15px;
	margin-bottom: auto;
	margin-right: auto;
	margin-left: 0px;
	overflow: visible;
}
#menuDeroulant {
	width: auto;
	text-align: center;
	list-style-position: inside;
	list-style-type: none;
	background-image: url(images/menu.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height: 54px;
	padding-top: 6px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 5px;
	margin: 0px;
	position:relative;
	z-index: 5;
}
#menuDeroulant li {
	list-style-type: none;
	float: left;
	width: 130px;
	text-align: center;
	border: 0;
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
}
#menuDeroulant #premier{
	width: 120px;
}
#menuDeroulant #deuxieme{
	width: 145px;
}
#menuDeroulant #troisieme{
	width: 145px;
}
#menuDeroulant #quatrieme{
	width: 110px;
}
#menuDeroulant li a {
	color: #FFF;
	font-family: Verdana, Geneva, sans-serif;
	font-weight: bolder;
	text-decoration: none;
	font-size: 14px;
	font-style: normal;
	text-align: center;
}

#menuDeroulant .bord_menu {
	background-image: url(images/bord_menu.jpg);
	background-repeat: no-repeat;
	background-position: right center;
}
#menuDeroulant li a:link, #menuDeroulant li a:visited {
	display: block;
	margin: 0;
	text-decoration: none;
}
#menuDeroulant li a:hover {
	color: #341aaa;
}
#menuDeroulant li a:active {

}
#menuDeroulant .sous_menu li a{
	font-weight: normal;
}
#menuDeroulant .sous_menu li a:link, #menuDeroulant .sous_menu li a:visited {
	display: block;
	color: #FFF;
	margin: 0;
	text-decoration: none;
	font-size: 14px;
	/******************************/
	background-image: url(images/icone/rien.jpg);
	background-repeat: no-repeat;
	background-position: center;
	/*****************************/
}
#menuDeroulant .sous_menu li a:hover {
	background-image: none;
	background-color: #341aaa;
}
#menuDeroulant .sous_menu li {
	float: left;
	margin: 0px;
	padding: 0px;
	padding-top: 3px;
	padding-bottom: 3px;
	border: 0;
	width: 150px;
	background-color: #84ca07;
	/*******************************/
	background-image: none;
	/***************************/
}
#menuDeroulant .sous_menu .haut {
	background-image: url(images/sous-menu_haut.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height: auto;
	width: 150px;
	padding-top: 0px;
	padding-bottom: 0px;
}
/*.haut a:hover{
	background-image: url(images/sous-menu_haut_active.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}*/

#menuDeroulant .sous_menu .bas {
	background-image: url(images/sous-menu_bas.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
	height: auto;
	width: 150px;
	padding-top: 0px;
	padding-bottom: 0px;
}/*
.bas a:hover {
	background-image: url(images/sous-menu_bas_active.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
}*/
#menuDeroulant .sous_menu {
	display: none;
	list-style-type: none;
	padding: 0px;
	border: 0px;
	margin-top: 8px;
	margin-right: 0;
	/**/margin-bottom: 0px;
	margin-left: 0;
	width: 200px;
	/*background-image: url(images/sous-menu_haut.jpg);*/
	background-repeat: no-repeat;
	background-position: center top;
	height: inherit;
	/************************************/
	/*background-color: #8e8eac;*/
	/************************************/
	background-image: none;
}
#menuDeroulant li:hover > .sous_menu {
	display: block;
}
#premier {
	margin-left: 8px;
}
#en_tete a{
	color: #BEC804;
	font-family: Verdana, Geneva, sans-serif;
	text-decoration: none;
	font-size: 18px;
	font-style: normal;
}
.vert_epais {
	color: #BEC804;
	font-family: Verdana, Geneva, sans-serif;
	text-decoration: none;
	font-size: 16px;
	font-style: normal;
	font-weight: normal;
}
.vert_fin {
	color: #FFFFFF;
	font-family: Verdana, Geneva, sans-serif;
	text-decoration: none;
	font-size: 14px;
	font-style: normal;
}
.police {
	color: #BEC804;
	font-family: "Century Gothic";
	text-decoration: none;
	font-size: 20px;
	font-style: normal;
	text-align: center;
	font-weight: normal;
}
.police_news {
	color: #BEC804;
	font-family: "Century Gothic";
	text-decoration: none;
	font-size: 20px;
	font-style: normal;
	text-align: center;
	font-weight: normal;
	background-image: url(images/ombre_news.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
	width: 155px;
	padding-bottom:15px;
}

h1 {
	font-weight: bolder;
	color: #1CB5D5;
	font-size:22px;
	font-family: "Century Gothic";
	text-align: center;
	margin-top: 0px;
	padding-top: 0px;
	background-image: url(images/ombre.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
	width: 520px;
	padding-bottom:15px;
}
h2 {
	font-weight: bolder;
	color: ;
	font-size:18px;
	font-family: "Century Gothic";
}
h3 {
	font-weight: bolder;
	font-size:16px;
	font-family: "Century Gothic";
}
#zone_texte p {
	list-style-type: circle;
	list-style-position: inside;
	margin: 0px;
	padding: 0px;
}
#connexion_utilisateur {
	text-align: center;
	height: auto;
	width: 170px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: 0px;
	background-image: url(images/connexion_droit.jpg);
	background-repeat: repeat-y;
	background-position: right;
	color: #0401a0;
	/**/background-color: #1eace9;/**/
}
#connexion_utilisateur div {
	background-image: url(images/connexion_gauche.jpg);
	background-repeat: repeat-y;
	background-position: left;
	width: 170px;
	height: 100%;
}
#connexion_utilisateur p {
	margin: 0px;
	padding: 0px;
}
#connexion_haut {
	text-align: center;
	height: 36px;
	width: 170px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: 0px;
	background-image: url(images/connexion_haut.jpg);
	background-repeat: no-repeat;
	background-position: center;
}
#connexion_bas {
	text-align: center;
	height: 72px;
	width: 170px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: 0px;
	background-image: url(images/connexion_bas.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
#partenaire {
	text-align: center;
	height: auto;
	width: 170px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: 0px;
	background-image: url(images/droite_partenaire.jpg);
	background-repeat: repeat-y;
	background-position: right;
	background-color: white;
}
#partenaire p {
	margin: 0px;
	padding: 0px;
}
#haut_partenaire {
	text-align: center;
	height: 8px;
	width: 170px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: 0px;
	background-image: url(images/haut_partenaire.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
}
#bas_partenaire {
	text-align: center;
	height: 42px;
	width: 170px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: 0px;
	background-image: url(images/bas_partenaire.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}

#bouton {
	background-image: url(images/boutonplateforme72.jpg);
	background-repeat: no-repeat;
	height: 80px;
	width: 80px;
	background-position: center center;
	border-top-width: 10px;
	border-right-width: 10px;
	border-bottom-width: 10px;
	border-left-width: 10px;
	cursor: pointer;
}
label.label_gauche {
	width : 150px;
	clear : left;
	float : left;
	text-align : right;
	margin-right : 10px;
	font-weight: bolder;
}
input {
	margin : 1px;
	margin-right : 5px;
	margin-left : 5px;
	/*background-color: #E9F3FF;*/
}
td.intitule {
	background:#0099FF;
	color:white;
	font-family:Arial;
	font-size:14px;
	font-weight:bold;
}

.info {
	background-color: #FFF;
	background-image: url(images/droite_texte.jpg);
	background-repeat: repeat-y;
	background-position: right;
	color: #F00;
	height: 60px;
	width: auto;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 20px;
}

.info_haut {
	background-image: url(images/info_haut.jpg);
	padding-left: 15px;
	height: 27px;
	width: auto;
}
.info_bas {
	background-image: url(images/info_bas.jpg);
	height: 30px;
	width: auto;
}

#carte_google {
	width: auto;
	height: 400px;
	border : 2px solid #BCE6FF;
	margin : auto;
	display: block;
	position: relative;
}
/*
td {
	text-align: left;
	
}
*/
#banniere_concepteur {
	height: 165px;
	width: auto;
	background-image: url(images/anciennes/bandeau_concepteur.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
	margin-top: auto;
	margin-right: auto;
	margin-bottom: 15px;
	margin-left: auto;
}

#banniere_formateur {
	height: 165px;
	width: auto;
	background-image: url(images/anciennes/bandeau_formateur.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
	margin-top: auto;
	margin-right: auto;
	margin-bottom: 15px;
	margin-left: auto;	
}

#banniere_coordinateur {
	height: 165px;
	width: auto;
	background-image: url(images/anciennes/bandeau_coordinateur.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
	margin-top: auto;
	margin-right: auto;
	margin-bottom: 15px;
	margin-left: auto;	
}

#banniere_touspublic {
	height: 165px;
	width: auto;
	background-image: url(images/anciennes/bandeau_touspublic.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
	margin-top: auto;
	margin-right: auto;
	margin-bottom: 15px;
	margin-left: auto;	
}

.texte_banniere_formation {
	text-align: right;
	float: right;
	height: auto;
	width: auto;
	margin-top: 135px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

#plus_actu, #plus_actu a {
	color: #BEC804;
	font-family: "Century Gothic";
	text-decoration: none;
	font-size: 16px;
	text-align: right;
	font-weight: normal;
	font-style: normal;
	margin-right: 5px;
}

.search {
	cursor: pointer;
	background-image: url(images/icone/loupe.jpg);
	height: 20px;
	width: 20px;
	background-repeat: no-repeat;
	background-position: center center;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	vertical-align: middle;
}

#legend {
	position: absolute;
	z-index: 1;
	float: left;
	color:#BEC804;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	font-weight: bolder;
}

#legend a{
	text-decoration: none;
	color:#BEC804;
}
#legend a:hover {
	color:#341aaa;
}

.telecharger_pdf {
	background-image: url(images/icone/telecharger_pdf.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	height: 71px;
	width: 133px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	cursor: pointer;
	vertical-align: middle;
}

.auteur {
	text-align: right;

}

fieldset {



}

legend {
	color: #1CB5D5;
	margin-left: 150px;
	font-family: "Century Gothic";
	display:block;

}

hr {
	color: #1CB5D5;
	border-top-width: 0px;
	
}


/*fiche établissment */
.allEtab {
	font-family: "Comic Sans MS", cursive;
	background-color: #FFF;
	height: auto;
	width: auto;
	margin-left: 80px;
	margin-right: 22%;
}

.titreEtab {
	color: #73C1CD;
	font-size: 50px;
	font-style: normal;
	text-decoration: none;
	font-weight: bolder;
	margin-left: 40px;
	margin-bottom: 20px;
}

.soustitreEtab {
	color: #73C1CD;
	font-size: 20px;
	font-style: normal;
	text-decoration: none;
	font-weight: bolder;
	margin-bottom: 50px;
}

.descriptionEtab {
	color: #274291;
	font-size: 16px;
	font-style: normal;
	text-decoration: none;
	font-weight: normal;
	margin-top: 30px;
	margin-bottom: 30px;
	text-align: right;
	height: auto;
	width: auto;
}

#descriptionEtab {
	margin-left: 15%;
	width: 60%;
	text-align: left;
}

.blocEtab {
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #000;
	margin-top: 60px;
	background-image: url(images/fleche_orange.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

.pbEtab {
	color: #9A9DC9;
	font-size: 18px;
	font-style: normal;
	text-decoration: none;
	font-weight: normal;
	margin-left: 60px;
}

.questionEtab {
	color: #E0A200;
	font-size: 16px;
	font-style: normal;
	text-decoration: none;
	font-weight: normal;
	margin-left: 30px;
	margin-top: 20px;
}

#droiteEtab {
	background-image: url(images/droiteEtab.jpg);
	background-repeat: repeat;
	background-position: right top;
	height: 1500px;
	width: 20%;
	float: right;
	text-align: center;
}

#gaucheEtab {
	background-image: url(images/gaucheEtab.jpg);
	background-repeat: repeat-y;
	background-position: center top;
	height: 1500px;
	width: 50px;
	float: left;
}

#corpsFen {
	background-color: #FFF;	
}

.contactEtab {
	color: #A6BF47;
	font-size: 16px;
	font-style: normal;
	text-decoration: none;
	text-align: right;
	margin-top: 80px;
}


/*fin fiche établissment */


.precedent, .precedent a{
	color: #BEC804;
	font-family: "Century Gothic";
	text-decoration: none;
	font-size: 16px;
	font-weight: normal;
	font-style: normal;
}

.lien, .lien a{
	color: #BEC804;
	font-family: "Century Gothic";
	text-decoration: none;
	font-size: 16px;
	font-weight: normal;
	font-style: normal;
}

#infos_legales {
	text-align: center;
	font-size: 10px;
	background-color: #FFFFFF;
	top: 0px;
	color: #000;
	padding-right: 15px;
	padding-left: 15px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-image: url(images/droite_texte.jpg);
	background-repeat: repeat-y;
	background-position: right;
	margin: 0px;
	width: auto;
	height: auto;
	padding-bottom: 0px;
}



.crossfade {
	list-style: none;
	position: relative;
	margin: 0px;
}
#fade-example-1 li {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 500px;
	height: 430px;
	background-color: #FFF;
	visibility: hidden;
	border: 2px solid grey;
	margin: 0px;
}
#fade-example-1 li img {
	display: block;
	margin: 0px;
}
.image_diapo {
	height: 400px;
	width: 500px;
	background-color: black;
	vertical-align: middle;
	display: table-cell;
	margin: 0px;
}
.caption {
	height: 30px;
	padding-left: 10px;
	padding-right: 10px;
	clear: both;
	background-color: red;
}
.example {
	position: relative;
	width: 500px;
	height: 430px;
	margin: 0px;
}
code {
	font-family: monospace;
	font-size: 1.2em;
}
.control {
	position: absolute;
	z-index: 100;
	cursor: pointer;
	font-size: 2em;
	font-weight: bold;
	color: #FFF;
}
#fade-example-1-next {
	right: 8%;
	top: 90%;
}
#fade-example-1-previous {
	left: 8%;
	top: 90%;
}
#carte_france {
	width: 220px;
	position: relative;
	z-index: 5;
	top: -430px;
}
#membre {
	position: absolute;
	z-index: 1;
	top: 40px;
}
.mot_passe {
	background-image: url(images/icone/cle.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	padding-left: 20px;
}
.identifiant {
	background-image: url(images/icone/member.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	padding-left: 20px;
}

