body
{	
	text-decoration: none;
	margin: 0px;
	padding: 0px;
	background-color:#ffffff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#666666;
	width:100%;
	height:100%;
}

*
{
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 11px;
}

/* ------------------------------ Imgae png sous ie6 + fichier externe ------------------------------------*/

 img, div { behavior: url(iepngfix.htc) }
 
/* ------------------------------FIN Imgae png sous ie6 + fichier externe ------------------------------------*/

h1{ font-weight:bold; display:inline; font-size:12px; }
h2{ font-weight:normal; display:inline; font-size:11px; }

ul{ margin:0px; padding:0px; }
li{ margin:0px; padding:0px; }

img { border:0px; }

.rouge{ color:#c70219; text-decoration:none; }
.gris{ color:#4a4944; text-decoration:none; }
.grisc{ color:#666666; text-decoration:none; }
.grisf {color:#2F2F2F;}

td{ vertical-align:top!important; }

p{ margin-bottom:15px; font-size:11px; line-height:13px; text-align:justify; }

.centre{ width:985px; margin-left:auto; margin-right:auto; }

 

.bande1{ float:left; display:inline; width:550px; height:98px; background-image:url('../images/bande1.jpg'); background-repeat:no-repeat; margin-top:20px; }

.logo{ float:left; display:inline; margin-top:20px; margin-left:82px;}
.eduqua{ float:left; display:inline; margin-top:68px; margin-left:141px;}

.anim{ float:right; display:inline; margin-top:20px;}
.bande2{ float:right; display:inline; margin-top:85px;}


.menu-g{ float:left; display:inline; width:180px; margin-top:38px; /*height:186px;*/ }
.menu-g ul{ margin:0px; padding:0px; }


.menu-g li a{ text-decoration:none; text-align:right; color:#636363; background-image:url('../images/menu.jpg'); background-repeat:no-repeat; background-position:right; padding-right:20px; font-size:11px; line-height:21px; text-transform:uppercase; }
.menu-g li a:hover, .menu-g li .opened{ text-decoration:none; text-align:right; color:#c70219; background-image:url('../images/roll.jpg'); background-repeat:no-repeat; background-position:right; padding-right:20px; font-size:11px; line-height:21px; text-transform:uppercase; }  

.sepa_menu{ height:1px!important; background-color:#FFF }

.menu-g li ul{ margin-top:8px; margin-bottom:15px; }
.menu-g li ul li a{ text-decoration:none; text-align:right; color:#636363; padding-right:15px; background-image:none; font-size:11px; line-height:18px; text-transform:none; margin-right:5px; display:block; }
.menu-g li ul li a:hover, .menu-g li ul li .opened{ text-decoration:none; text-align:right; color:#c70219; background-image:url('../images/fleche_rouge.jpg'); background-repeat:no-repeat; background-position:right; padding-right:15px; font-size:11px; line-height:18px; text-transform:none; margin-right:5px; display:block; }

.menu-g li ul li ul li a{ text-decoration:none; text-align:right; color:#c70219; padding-right:15px; background-image:none; font-size:11px; line-height:18px; text-transform:none; margin-right:5px; display:block; }
.menu-g li ul li ul li a:hover, .menu-g li ul li ul li .opened{ text-decoration:none; text-align:right; color:#c70219; background-image:url('../images/fleche_rouge.jpg'); background-repeat:no-repeat; background-position:right; padding-right:15px; font-size:11px; line-height:18px; text-transform:none; margin-right:5px; display:block;  } 




.news1{ float:left; display:inline; width:92px; height:68px; background-image:url('../images/news1.jpg'); background-repeat:no-repeat; margin-top:8px;  text-align:center; color:#FFF; font-size:11px; padding-top:23px; font-style:italic; text-decoration:none; }

.news2{ float:left; display:inline; width:88px; height:76px; background-image:url('../images/news2.jpg'); background-repeat:no-repeat; margin-top:8px; text-align:center; color:#FFF; font-size:11px; padding-top:15px; }

.news2 p{ margin-top:5px; text-align:center; }

.col-gauche{ float:left; display:inline; width:180px; margin-left:39px }

.doc{ float:left; display:inline; width:181px; height:65px; background-image:url('../images/cadre-doc.jpg'); background-repeat:no-repeat; margin-top:10px; text-align:right; color:#666666; font-size:10px; text-decoration:none; }

.fon-doc{ float:left; display:inline; width:159px; height:57px; background-image:url('../images/img-doc.jpg'); background-repeat:no-repeat; background-position:top left; margin-top:4px; margin-left:11px; padding-top:4px; text-decoration:none; cursor:pointer; }

.fon-doc span{ float:right; color:#666666; margin-top:4px; text-align:right; width:89px; font-size:10px; line-height:10px; }
.lien-rouge{ font-size:10px; line-height:14px; text-decoration:underline; color:#c70219; }

.entr{ float:left; display:inline; width:181px; height:78px; background-image:url('../images/cadre-entr.jpg'); background-repeat:no-repeat; margin-top:10px; text-align:right; color:#666666; font-size:10px; text-decoration:none; }
.frbe{ float:left; display:inline; width:181px; height:78px; background-image:url('../images/cadre-frbe.jpg'); background-repeat:no-repeat; margin-top:10px; text-align:right; color:#666666; font-size:10px; text-decoration:none; }

.fon-entr{ float:left; display:inline; width:169px; height:70px; margin-right:12px; margin-top:8px; text-decoration:none; text-align:right; color:#666666; cursor:pointer; }

.fon-entr span{ float:right; color:#666666; margin-top:4px; text-align:right; width:155px; font-size:10px; line-height:10px; }

.bandeau{ float:left; display:inline; width:450px; height:184px; background: url('../images/img-bandeau.jpg') no-repeat; margin-top:21px; margin-left:16px; }

.gris-bandeau{ float:left; display:inline; width:128px; height:163px; background-color:#3a3a3a; padding-left:18px; padding-top:21px;  }

.cadre-bandeau{ position:relative; top:-184px; width:450px; height:184px; z-index:1;}
 
.posi-news{ } 

.date{ font-size:11px; color:#c70219; text-decoration:none; line-height:20px; }
.titre-news{ font-size:11px; color:#2d2d2d; text-decoration:none; line-height:20px; }

.news a{ font-size:11px; color:#666666; text-decoration:none; line-height:12px; }
.news p{ margin-bottom:12px; font-size:11px; line-height:14px; text-align:left; }

.info{ float:left; display:inline; width:450px; height:255px; background-image:url('../images/cadre-carou.jpg'); background-repeat:no-repeat; margin-top:15px;  margin-left:16px;}


.cadre-pub{ position:relative; width:251px; height:184px; z-index:3;}

/*.carou{ float:left; display:inline; width:413px; height:151px; margin-left:19px; margin-top:5px; }*/

.carou{ position:relative; z-index:1; width:413px; height:151px; margin-left:19px; margin-top:5px; }

.sepa-carou{ float:left; display:inline; margin-left:19px; }

.ad{ float:left; display:inline; width:7px; margin-left:19px; margin-top:20px; }
.ad2{ float:left; display:inline; width:125px; height:68px; margin-left:4px; margin-top:16px; text-align:left; color:#666666; font-size:10px; }
.ad3{ float:left; display:inline; width:83px; height:50px; margin-left:10px; margin-top:25px; }

.offre{ float:left; display:inline; width:125px; height:50px; background-color:#c7031b; margin-left:38px; margin-top:16px; text-align:center; padding-top:7px; }

.brochure{ position:relative; z-index:10; text-align:right; width:150px; margin-left:283px; top:13px; font-size:14px; color:#3a3a3a; font-weight:bold; font-style:italic;} 

.brochure a{ font-size:13px; color:#3a3a3a; font-weight:bold; font-style:italic; text-decoration:underline; }


/* ImageFlow Settings - CSS 2.1
==================================== */
@media screen, projection 
{
	.imageflow {
		overflow:hidden;
		position:relative; 
		text-align:left;
		visibility:hidden;
		width:413px;
		height:156px!important;
		margin-left:16px;
		margin-top:0px;
	}
	.imageflow img {
		border:none;
		position:absolute;
		top:0px;
		visibility:hidden;
		-ms-interpolation-mode:bicubic; /* Enables bicubic image resampling for the IE7 */
	}
	.imageflow p {
		margin:0 auto;
		text-align:center;
	}
	.imageflow .loading {
		border:1px solid white;
		height:15px;
		left:50%;
		margin-left:-106px;
		padding:5px;
		position:relative;
		visibility:visible;
		width:200px;
	}
	.imageflow .loading_bar {
		background:#fff;
		height:15px;
		visibility:visible;
		width:1%;
	}
	.imageflow .navigation{
		z-index:10000;
	}
	.imageflow .caption {
		font-weight:bold;
		position:relative; 
		text-align:right;
		z-index:99;
		background-image:url('../images/fon-titre-carou.png');
		background-repeat:repeat-y;
		width:135px!important;
		height:38px!important;
		margin-top:-100px;
		margin-left:250px;
		padding:2px;
		padding-left:12px;
		padding-right:10px;
		text-transform:uppercase;
		font-size:12px;
		font-weight:bold;
		line-height:16px;
		color:#555550;
	}
	
	.imageflow .caption font{ 
		color:#c7031b;
		font-size:12px;
		font-weight:bold;
		line-height:16px;
	}
	
	
	.imageflow .scrollbar {
		border-bottom:1px solid #b3b3b3;
		position:relative; 
		visibility:hidden;
		z-index:10002;
		height:1px;
	}
	.imageflow .slider {
		background-image:url(slider.png);
		background-repeat:no-repeat;
		height:14px;
		margin:-6px 0 0 -7px;
		position:absolute;
		width:14px;
		z-index:10003;
	}
	.imageflow .images {
		overflow:hidden;
		white-space:nowrap;
	}
	.imageflow .button {
		cursor:pointer;
		height:17px;
		position:relative;
		width:17px;
	}
	.imageflow .previous {
		background: url(button_left.png) top left no-repeat;
		float:left;
		margin: -7px 0 0 -30px;
	}
	.imageflow .next {
		background: url(button_right.png) top left no-repeat;
		float:right;	
		margin:-7px -30px 0 30px;
	}
}


.page_content {float:left; display:inline; width:490px; margin: 0 20px 0 0}
.more_info {float:left; background: #666; display:inline; width: 184px; margin-top: 10px; padding: 30px 10px 0 10px; background: url(../images/more_info_bg.jpg) no-repeat}
.more_info .title {font-size: 16px; font-weight: bold; margin: 0; padding: 0;}
.more_info ul {margin: 20px;}
.more_info ul li {list-style-image: url(../images/puce1.jpg); font-size: 11px; margin: 0; padding: 0;}
.more_info ul li a {text-decoration: underline}
.more_info ul li a:hover {text-decoration: none}
.separator {height: 7px; background: url(../images/pattern1.jpg) repeat-x;}

/* ****************** CSS V1 ********************** */

#blanc{
	color:#ffffff;
}

#gris{
	color:#555555;
}

#gris_foncer{
	color:#2f2f2f;
	text-decoration:underline;
}

#rouge{
	color:#c70219;
}

#vert{
	color:#208700;
}

#bleuvert{
	color:#00b5c0;
}

#bleu{
	color:#00a2ff;
}

#violet1{
	color:#a05599;
}

#violet2{
	color:#db30dd;
}

#orange{
	color:#ff8400;
}

#jaune{
	color:#ffa800;
}

.rouge{
	color:#c70219;
	margin:0px;
	padding:0px;
}

.rouge{
	color:#c70219;
	margin:0px;
	padding:0px;
}

.vert{
	color:#208700;
	margin:0px;
	padding:0px;
}

.bleuvert{
	color:#00b5c0;
	margin:0px;
	padding:0px;
}

.bleu{
	color:#00a2ff;
	margin:0px;
	padding:0px;
}

.violet1{
	color:#a05599;
	margin:0px;
	padding:0px;
}

.violet2{
	color:#db30dd;
	margin:0px;
	padding:0px;
}

.orange{
	color:#ff8400;
	margin:0px;
	padding:0px;
}

.jaune{
	color:#ffa800;
	margin:0px;
	padding:0px;
}
	
.marge{
	line-height:30px;
}

.marge2{
	line-height:10px;
	margin-top:6px;
}

strong{
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 11px;
}

h4{
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px;
	margin:0px;
	padding:0px;
	font-weight:bold;
	text-transform:uppercase;
	margin-bottom:12px;
	line-height:10px;
}

h5{
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px;
	margin:0px;
	padding:0px;
	font-weight:bold;
}

h3{
	font-family: "Arial Narrow", Arial, Helvetica, sans-serif;	
	font-size: 11px;
	margin:0px;
	padding:0px;
	font-weight:normal;
	text-transform:uppercase;
	letter-spacing:0.03em;	
	margin-bottom:8px;
	margin-top:10px;
	margin-left:7px;	
	float:left;
	display:inline;
}

h2{
	font-family: "Arial Narrow", Arial, Helvetica, sans-serif;	
	font-size: 11px;
	margin:0px;
	padding:0px;
	font-weight:normal;
	text-transform:uppercase;
	letter-spacing:0.03em;	
	margin-bottom:3px;
	margin-top:5px;
	margin-left:7px;	
	float:left;
	display:inline;
}

h6{
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 16px;
	margin:0px;
	padding:0px;
	font-weight:bold;
}

.simple{
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 11px;
	margin:0px;
	padding:0px;
}

#titre-para{
	font-size:1.1em;
	text-transform:uppercase;
}

.titre-italic{
	margin:0px; padding:0px;
	text-transform: uppercase; font-size: 11px; font-style: italic; line-height: 12px;
	font-weight:bold;
	}
	
#titre-italic-gd{
	margin:0px; padding:0px;
	text-transform: uppercase; line-height: 18px; margin-top: 25px; font-size: 14px; font-style: italic;
	font-weight:bold;
	}
	
.titre-italic2{
	margin:0px; padding:0px;
	text-transform: uppercase; font-size: 11px; font-style: italic; line-height: 8px;
	font-weight:bold; 
	}
	
.lirouge
{
	margin:0px;
	padding:0px;
	background: url(../images/fleche_rouge.jpg) no-repeat top left;
	text-align:left;
	font-size:11px;
	margin-left:20px!important;
	padding-left:20px!important;
	margin-top:5px!important;
	}
	

.livert{
	margin:0px;
	padding:0px;
	background-image:url(../images/vert.jpg);
	background-repeat:no-repeat;
	background-position:top left;
	text-align:left;
	font-size:11px;
	margin-left:20px!important;
	padding-left:20px!important;
	margin-top:5px!important;
	}
	
.libleuvert{
	margin:0px;
	padding:0px;
	background-image:url(../images/bleuvert.jpg);
	background-repeat:no-repeat;
	background-position:top left;
	text-align:left;
	font-size:11px;
	margin-left:20px!important;
	padding-left:20px!important;
	margin-top:5px!important;
	}
	
.liviolet{
	margin:0px;
	padding:0px;
	background-image:url(../images/violet1.jpg);
	background-repeat:no-repeat;
	background-position:top left;
	text-align:left;
	font-size:11px;
	margin-left:20px!important;
	padding-left:20px!important;
	margin-top:5px!important;
	}
	
.lirose{
	margin:0px;
	padding:0px;
	background-image:url(../images/violet2.jpg);
	background-repeat:no-repeat;
	background-position:top left;
	text-align:left;
	font-size:11px;
	margin-left:20px!important;
	padding-left:20px!important;
	margin-top:5px!important;
	}	
	
.libleu{
	margin:0px;
	padding:0px;
	background-image:url(../images/bleu.jpg);
	background-repeat:no-repeat;
	background-position:top left;
	text-align:left;
	font-size:11px;
	margin-left:20px!important;
	padding-left:20px!important;
	margin-top:5px!important;
	}		
	
.liorange{
	margin:0px;
	padding:0px;
	background-image:url(../images/orange1.jpg);
	background-repeat:no-repeat;
	background-position:top left;
	text-align:left;
	font-size:11px;
	margin-left:20px!important;
	padding-left:20px!important;
	margin-top:5px!important;
	}
	
.lijaune{
	margin:0px;
	padding:0px;
	background-image:url(../images/orange2.jpg);
	background-repeat:no-repeat;
	background-position:top left;
	text-align:left;
	font-size:11px;
	margin-left:20px!important;
	padding-left:20px!important;
	margin-top:5px!important;
	}
	
.titre{
	float:left; 
	margin-top:30px; 
	margin-right:10px;
	display:inline;
	}
. ref {display:none;
	}
.titre2{
	float:left; 
	margin-top:30px; 
	display:inline;
	}
	
	
.point_titre{
	float:left; 
	margin-top:36px;
	margin-bottom:6px;
	display:inline;
	}
	
.table_case_vert{
	border:1px; border-style:solid; border-color:#b2b2b2; padding:4px; vertical-align:top; padding-top:15px; font-size:11px; background-color: #b9ddac;
	}

.table_case{
	border:1px; border-style:solid; border-color:#b2b2b2; padding:4px; vertical-align:top; padding-top:15px; font-size:11px; background-color: #e7e7e7;
	}
.table_case2{
	border:2px; border-style:solid; border-color:#b2b2b2; padding:4px; vertical-align:top; padding-top:15px; border-top:1px; border-top-style:solid; border-top-color:#b2b2b2; font-size:11px; 
	}

.table_case_suite{
	border-right:1px; border-right-style:solid; border-right-color:#b2b2b2; border-top:1px; border-top-style:solid; border-top-color:#b2b2b2; border-bottom:1px; border-bottom-style:solid; border-bottom-color:#b2b2b2; padding:4px; vertical-align:top; padding-top:15px; font-size:11px; 
	}
	
.table_case_suite2{
	border-right:1px; border-right-style:solid; border-right-color:#b2b2b2; border-top:1px; border-top-style:solid; border-top-color:#b2b2b2; border-bottom:2px; border-bottom-style:solid; border-bottom-color:#b2b2b2; padding:4px; vertical-align:top; padding-top:15px; font-size:11px; 
	}
	
.table_case_suite3{
	border-right:2px; border-right-style:solid; border-right-color:#b2b2b2; border-top:1px; border-top-style:solid; border-top-color:#b2b2b2; border-bottom:2px; border-bottom-style:solid; border-bottom-color:#b2b2b2; padding:4px; vertical-align:top; padding-top:15px; font-size:11px; 
	}
	
.table_case_suite4{
	border-right:1px; border-right-style:solid; border-right-color:#b2b2b2; border-top:1px; border-top-style:solid; border-top-color:#b2b2b2; border-bottom:1px; border-bottom-style:solid; border-bottom-color:#b2b2b2; padding:4px; vertical-align:top; padding-top:15px; padding-left:15px; font-size:11px;
	}
	
.table_case_suite5{
	border-right:1px; border-right-style:solid; border-right-color:#b2b2b2; border-top:1px; border-top-style:solid; border-top-color:#b2b2b2; border-bottom:1px; border-bottom-style:solid; border-bottom-color:#b2b2b2; padding:4px; vertical-align:top; padding-top:15px; padding-left:15px; font-size:11px; background-color: #e7e7e7;
	}
	
.cadre{
	float:left;
	width:455px;
	border:1px;
	border-style:solid;
	border-color:#b2b2b2;
	padding:12px;
	display:inline;
	}

	#planning_general
{
	border: 1px solid #555;
	margin-bottom: 30px;
}

#planning_general th
{
	padding: 5px 8px;
	text-align: center;
	background: #999;
	color: #fff;
	font-weight: bold;
}


#planning_general td
{
	padding: 2px 3px;
}

.roll 
{
	text-decoration: none
}

.roll:hover
{
	text-decoration: underline;
}

.tab1{
	padding: 8px 8px 8px 15px; background-color: rgb(233, 233, 233); text-transform: uppercase;
}

.tab2{
	border-style: solid; border-color: rgb(204, 204, 204); border-width: 0px 1px 1px; padding: 8px;
	}
	
.tab3{
	border-style: solid; border-color: rgb(204, 204, 204); background-color: rgb(233, 233, 233); border-width: 0px 1px 1px;
	}



#planning_formation
{
	border: 1px solid #555;
	margin-top: 20px;
}

#planning_formation th
{
	padding: 5px 8px;
	text-align: center;
	background: #999;
	color: #fff;
	font-weight: bold;
}


#planning_formation td
{
	padding: 2px 3px;
}


.inscriptions
{
	width: 450px;
}

.inscriptions .formations
{
	background: #f5f5f5;
	color: #444;
}

.inscriptions .formations :hover
{
	color: #fff;
}

.formations a :hover
{
	cursor: pointer;
}

.formations td
{
	padding: 3px 10px;
}

.sessions td
{
	padding: 0 5px;
}

.page_content p
{
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 11px;
	margin:0px;
	padding:0px;
	margin-top:10px;
	line-height:15px;	
}

.page_content ul li
{
	margin-left: 10px;
}

/* Form */

#inscription {
	border: none;
	margin: 0;
	padding: 0;
	width: 100%;	/*** Largeur du formulaire ***/
}

#corpForm {	/*** Mise en fome du corp du formulaire (bordure, couleur du fond...) ***/
	/*border: 1px solid black;*/
	color: black;
	margin: 0;
	padding: 1em;
}
#corpForm fieldset {	/*** Mise en forme des cadres ***/
	margin: 0;
	font-style: normal;
	padding: 0 1em 1em;
}
#corpForm legend {	/*** Mise en forme des titres des cadres ***/
	font-weight: bold;
	color: black;
	background: transparent;
}
#corpForm p {	/*** Mise en forme des lignes du formulaire ***/
	padding: .1em 0;
	margin: 0 0 .1em 0;
}

#corpForm fieldset{
	border:0px;
	margin:0;
	padding:0 0 10px 0;
}

#corpForm fieldset#coordonnees label,#corpForm fieldset#besoin label{	/*** Mise en forme des intitulés de champs ***/
	/*float: left;*/	/*** Très important, ne pas suprimer ! ***/
	text-align: left;	/*** ... et ils sont alignés à droite... ***/
	margin: 0;
	padding: 5px .5em 0 0;
	line-height: 1.8;
	display:block;	/*** ... et centrés verticalement. ***/
	font-weight:normal;
}
#corpForm label:hover, #piedForm input {
	cursor: pointer;	/*** Petite astuce pour apprendre aux utilisateurs à cliquer sur les intitulés ***/
}
#corpForm label.oblig {
	font-weight: bold;	/*** Mise en évidence des champs obligatoires ***/
}

#corpForm .normal {	/*** Retour à l'état normal après l'utilisation ***/
	background: white;
	color: black;
}
.petit_input{
	width:166px;
}
.grand_input, textarea{
	width:395px;
}
.focus_petit_input{
	background-color:#F1F6F8;
	color: black;
	width:166px;
}
.focus_grand_input{
	background-color:#F1F6F8;
	color: black;
	width:395px;
}
.chiffre{
	font-size:4.5em;
	font-family:Arial,Helvetica, sans-serif;
	color:#AFC9D5;
	font-weight:bold;
	margin:0;
	padding:0;
	text-align:center;
	line-height:0.7em;
}

/* FORUMLAIRE ENTRETIEN *************************************************************/

#tableFormEntretien
{
	width : 400px;
	border-collapse:collapse;
}

#tableFormEntretien tr td.lineColor
{
	background:#f4f4f4;
}

#tableFormEntretien tr td
{
	padding : 5px;
	vertical-align:middle;
}