/********************************
			MISE EN PAGE
********************************/
*
{
	margin:0px;
	padding:0px;
}

.clear
{
	clear:both;
}

body
{
	background:#e4e4e4 url(/static/images/img_background.jpg) top repeat-x;
	font:12px Arial, "Arial Black", "Times New Roman", Times, serif;
}
	
#body
{
	position:center;
	margin: 20px auto 0 auto;
	width:1012px;
}
iframe
{
	border:1px;
}

	
/********************************
			EN-TETE
********************************/

.cadreBlancHaut
{
	background:url(/static/images/cadre_blanc_haut.jpg) bottom no-repeat;
	padding:0;
	margin:0;
}

.cadreBlancFond
{
	background:url(/static/images/cadre_blanc_fond.jpg) top repeat-y;
	height:66px!important;
	margin:0;
	padding:0;
}

.cadreBlancFond img
{
	align:right;
	margin:10px 40px 0 0;
	float:right;
}

.cadreBlancFond strong
{
	position:absolute;
	left:-1000em;
	top:-1000em;
}

/********************************
			BANDEAU ORANGE
********************************/

.cadreOrange {
	background:url(/static/images/cadre_orange.jpg) top repeat-y;
	height:265px!important;
	margin:0;
	position:relative;
	}

.cadreOrange img {
	align:left;
	margin:25px 0px 0px 30px;
	}
	
#visuel_logo {
	z-index:50;
	margin:-69px 0px 0px 2px;
	background:url(/static/images/visuel_logos.png) left no-repeat;
	position:absolute;
	width:520px;
	height:334px;
	float:right;
	}

/***** Titre bandeau *****/

#titre_bandeau	{
	float:right;
	position:relative;
	margin:45px 0 0 0;
	padding-right:100px;
	}
	
#titre_bandeau	h1 {
	font:normal 31px "Arial Black";
	line-height:37px;
	color:#FFFFFF;
	text-transform:uppercase;
	}
	
#titre_bandeau h1 span{
	color:#2c2c2c;
	}
	
#titre_bandeau ul li {
	list-style:none;
	color:#FFFFFF;
	font:17px "Arial Black";
	line-height:32px;
	margin-left:0px;
	padding-left:25px;
	background:url(/static/images/petite_fleche.png) 0% 11px no-repeat;
	}
	
#titre_bandeau img {
	margin-bottom:-2px;
	}
	
/********************************
			MENU
********************************/
#menu {
	background:url(/static/images/fond_noir_menu.jpg) top no-repeat;
	height:39px;
	margin:0px;
	}

#menu ul {
	margin-left:-7px;
	}

#menu ul li {
	display:inline;
	list-style: none;
	border-left: 1px solid #7d7d7d;
	line-height:36px;
	padding:5px 10px 5px 12px;
	}

.dernier {
	border-left: 1px solid #7d7d7d;
	border-right: 1px solid #7d7d7d;
	}

#menu ul li a{
	font:15px Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	text-decoration:none;
	}

#menu a.active {
	color:#d95126!important;
	text-decoration:none;
	}

#menu ul li a:hover{
	color:#d95126;
	}
	
/********************************
		CONTENU ACCUEIL
********************************/

#cadreBlancFond2 {
	background:url(/static/images/cadre_blanc_fond.jpg) top repeat-y;
	margin:0;
	padding:0 0 20px 0;
	height:auto;
	font:12px Arial, Helvetica, sans-serif;
	color:#474747;
}

#cadreBlancFond2 h1 {
	font:900 20px Arial, Helvetica, sans-serif;
	color:#A23F9A;
	/*text-transform:uppercase;*/
	padding:30px 0 2px 25px;
	margin:0 0 5px 0;
	border-bottom:1px solid #CCC;
}

#cadreBlancFond2 span {
	color:#474747;
	}	
	
	
#contenu_accueil a {
	color:#A23F9A;
	text-decoration:none;
	}
	
#contenu_accueil a:hover {
	color:#d64212;
	}

/*#cadreBlancFond2 p {
	padding-left:25px;
	margin-top:20px;
	}*/

/*****Contenu gauche*****/

#contenu_gauche {
	float:left;
	width:385px;
	padding:20px 20px 0 35px;
	text-align:justify;
	}
	
#contenu_gauche h1 {
	color:#A23F9A;
	background:url(/static/images/petite_fleche_violette.png) 0% 36px no-repeat;
	}
	
#contenu_gauche img {
	margin:0 5px 0 0;
	}

/*****Contenu droite*****/

#contenu_droite {
	float:left;
	width:385px;
	padding:20px 5px 0 15px;
	text-align:justify;
	}
	
#contenu_droite h1 {
	color:#545298;
	background:url(/static/images/petite_fleche_bleue.png) 0% 36px no-repeat;
	}
	
#contenu_droite h1 a {
	text-decoration:none;
	color:#545298!important;
	}

#visuel_Google img {
	float:right;
	margin:40px 10px 0 0;
	vertical-align:top;
	}

.lien_ana a{	
	line-height:28px; 
	font-weight:bold; 
	background:url(/images/element_menu.png) top repeat-x; 
	text-align:center; 
	display:block; 
	width:230px; 
	float:right; 
	border:#CCCCCC solid 1px;
	}
	
.lien_ana a:hover{	
	color:#54519c!important; 
	background-image:none;
	background-color:#EFEFEF!important; 
	}

.en_savoir_plus a {
	color:#545298!important;
	font-size:11px;
	float:right!important;
	}

.en_savoir_plus a:hover {
	color:#999999!important;
	}

	

	
/*	
 	CONTENU MONO COLONNE
*/

#contenu_mono
{
	padding: 20px 40px 20px;
	margin-right:235px;
}

#contenu_mono h1
{
	padding:0px;
	margin-top:10px;
	margin-bottom:30px;
	font-size:21px;
	padding:0 0 3px 25px;
	border-bottom:1px solid #CCC;
	background-image:url(/static/images/petite_fleche_violette.png);
	background-repeat:no-repeat;
	background-position:0 5px;
	color:#A23F9A;
}


#contenu_mono h2
{
	margin: 30px 235px 20px 25px;
	/*text-transform: uppercase;*/
	font-size:17px;
	/*color:#821F7A;*/
	/*color:#d95126;*/
	/*color:#333333;*/
	color:#54519c;
	font-weight:normal!important;
	border-bottom:1px dotted /*#f97146*/ #CCCCCC;
}

#contenu_mono h2.long_filet
{
	margin: 30px 20px 20px 25px;
	/*text-transform: uppercase;*/
	font-size:17px;
	color:#54519c;
	border-bottom:1px dotted #CCCCCC;
}

#contenu_mono .H2_formations {
	margin: 20px;
	text-transform: uppercase;
	font-size:15px;
	color:#54519c;
	font-weight:bold!important;
	line-height:25px;
	border:none;
	}
	
#contenu_mono h3
{
	/*text-transform: uppercase;*/
	padding-bottom:2px;
	/*border-bottom:1px solid #CCC;*/
	margin:0 0 0 25px;
	line-height:19px;
	font-size:12px;
}

#contenu_mono h4
{
	/*text-transform: uppercase;*/
	padding-bottom:2px;
	/*border-bottom:1px solid #CCC;*/
	margin:0 0 0 25px;
	line-height:19px;
	font-size:13px;
}

#contenu_mono h3 a {
	color:#54519c;
	text-decoration:none;
	}
	
#contenu_mono h3 a:hover {
	color:#d64212;
	text-decoration:none;
	}


#contenu_mono big
{
	font-weight:bold;
	font-size:11px;
	text-transform: uppercase;
}

#contenu_mono b
{
	color:#373737;
}

#contenu_mono p
{
	/*text-align:justify;*/
	line-height:16px;
	margin:10px 0px 20px 25px;
}

#contenu_mono p a
{
	color:#545298;
	text-decoration:none;
}

#contenu_mono p a:hover
{
	color:#d64212;
	text-decoration:none;
}

#contenu_mono ul
{
	margin-left:55px;
}
#contenu_mono li
{
	margin-bottom:15px;
}


#contenu_mono span.form-label
{
	clear:both;
	float:left;
	text-align:right;
	padding:0px 10px 2px 2px;
	width: 120px;
}


#contenu_mono span label
{
	font-size:12px;
}

#contenu_mono .form-input-text-inline,
#contenu_mono .form-input-radio,
#contenu_mono .form-textarea
{
	border: 1px solid #ccc;
	border-bottom: 1px solid #999;
	padding:5px;
	font-size:14px;
	
}

#contenu_mono .form-input-text-inline,
#contenu_mono .form-textarea
{
	width: 300px;	
}

#contenu_mono .address {
	text-align:justify;
	margin:10px 0px 20px 25px;
	width:300px;
	line-height:17px;
	font-size:14px;
	}


#contenu_mono .form-input-radio
{
	border: 1px solid #ccc;
	border-bottom: 1px solid #999;
	padding-left:15px;
	margin-left:20px;
	font-size:14px;
}


.label-required
{
	font-weight:bold;
}

.float-right
{
	float:right;
	margin:20px 0 20px 0;
	padding:20px 10px 10px 10px;
	background-color:#FFFFFF;
}

.float-right-contacts
{
	float:right;
	margin-left:10px;
	margin-top:-26px;
	}


p.small-text
{
	margin:0px;
	padding:10px;
	color: #555;
	font-style: italic;
	background-color: #DDD;
}

.image img {
	padding:3px;
	margin-bottom:10px;
}


.img-border
{
	padding:0;
	border: 1px solid #BBB;
	margin:10px;
}


.legend {
	display:block;
	width:auto;
	text-align:center;
	font-style:italic;
	color:#777;
	font-size:11px;
}

.success {
	color:#d95126;
	text-align:left;
	font-size:14px;
	font-weight:bold;
	}
	
.error {
	color:#d95126;
	margin-left:25px;
	}
	
.errors {
	color:#d95126;
	margin-left:25px;
	}

/********************************
		MENU FLOTTANT
********************************/
#menu_ana {
	float: right;
	position: relative;
	margin: 70px 40px 0 0;
	padding: 0px!important;
	}
	
#menu_ana a{
	text-decoration:none;
	color:#474747;
	}

#menu_ana a:hover{
	text-decoration:none;
	color:#d95126;
	}

.menu_flottant2 {
	margin-top:20px;
	}

.cadre_gauche {
	background:url(../../images/element_menu_gauche.png) top left no-repeat;
	width:5px;
	height:126px;
	float:left;
	position:relative;
	}
	
.cadre_centre {
	background:url(../../images/element_menu.png) top left repeat-x;
	width:190px;
	height:126px;
	float:left;
	position:relative;
	/*font-family:"Eras Medium ITC";*/
	font-family:Arial, Helvetica, sans-serif;
	/*font-size:14px;*/
	font-size:13px;
	text-align:right;
	padding-top:8px;
	line-height:15px;
	margin-top:0px!important;
	}

p.rubriques_menu {
	text-align:center!important;
	font-weight:bold;
	color:#A23F9A;
	font-size:14px;
	}
	
img.fleches_menu {
	margin:0 0 -3px 5px!important;
	}
	
.cadre_centre ul li {
	margin:7px 5px 5px 5px;
	padding-bottom:7px;
	border-bottom:/*#CCCCCC*/ #CCCCCC 1px solid;
	list-style:none;
	}

.premier_li {
	margin-top:15px!important;
	}

.premier_li2 {
	margin-top:15px!important;
	text-align:center;
	font-weight:bolder;
	font-size:13px;
	}


.dernier_li {
	border:none!important;
	}

span.sous_rubrique {
	text-align:center!important;
	font-weight:bold;
	}

.cadre_droite {
	background:url(../../images/element_menu_droite.png) top right repeat-x;
	width:5px;
	height:126px;
	float:left;
	position:relative;
	}



/********************************
		BAS DE PAGE
********************************/

.cadreBlancBas
{
	background:url(/static/images/cadre_blanc_bas.jpg) top no-repeat;
	margin:0px;
}

.cadreBlancBas p
{
	font:12px Arial, Helvetica, sans-serif!important;
	color:#666666;
	padding:8px 20px 0 0;
}

.cadreBlancBas p a
{
	color:#54519c;
}

.cadreBlancBas p a:hover
{
	color:#d64212;
}
	

