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


/***************************  RAS ***************************/

*{
	margin:0;
	padding:0;
	/*font-weight:normal; */
	list-style:none; 
	font-family:"Trebuchet MS", "Times New Roman", serif;
	/*float:none;*/
}

/*************************** GENERAL **************************/

hr {
	clear:both;
	height:0px;
	border:0;
	margin:0;


}

.hr-invisible {
	visibility:hidden;
}

.clearboth { clear:both;}


.espace { height:2px;width:2px;}

/************************* BODY *****************************/

body {
	/*background-color: #6699cc;
	background-image: url(../images/fond-bleu.png);*/
	/*background-position:center;*/
	
	background-repeat:repeat-x;	

}


#conteneur {
	
	width:996px;
	margin:auto;
	/*margin-top:50px;*/
	
	
}





/************************** HEADER ******************/

#header {
	background-image: url(../images/header.png);
	background-repeat: no-repeat;
	width: 996px;
}

#header img{
	
	margin-top:0.4px;
	border:0;
}

#header a {
	
	
	
	color:#FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	
}

#menu-hp {

	text-align:right;
	color:#FFFFFF;
	position:absolute;
	margin-left:400px;
	margin-top:15px;
	
}




/********************* CONTENU ********************/




#contenu{
	/*margin-top:0;*/
	background-image: url(../images/fond-contenu.png);
	background-repeat: repeat-y;
	width: 996px;
	
}









/************* Bloc HP ************/
#bloc-hp{
	width:924px;
	height:515px;
	margin-left:33px;
	background-image: url(../images/photo-hp-bgc.jpg);
	background-repeat: no-repeat;	
}


#bloc-hp h1 {
	color:#FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	margin-top:5px;
	margin-left:5px;
	margin-bottom:5px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #FFFFFF;
	text-decoration: none;
	z-index:10;
}

#bloc-hp a {
	color:#FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	margin-top:5px;
	margin-left:5px;
	margin-bottom:5px;
	text-decoration:none;
	/*border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #FFFFFF;
	text-decoration: none;*/
}


#bloc-hp1, #bloc-hp2, #bloc-hp3 {
	/*width:305px;*/
	width:300px;
	height:510px; /*height:510px;*/
	float:left;
	z-index:10;
}

#bloc-hp1 {
	margin-left:6px;
	/*background-image:url(../images/photo1.jpg);
	background-repeat: no-repeat;*/
	margin-right:2px;
	
}
#bloc-hp2 {
	margin-left:2px;
	/*background-image:url(../images/photo2.jpg);
	background-repeat: no-repeat;*/
	margin-right:2px;
	
}
#bloc-hp3 {
	margin-left:2px;
	/*background-image:url(../images/photo3.jpg);
	background-repeat: no-repeat;*/
	
	
}


#texte1, #texte2, #texte3 {
	height: 210px; /*height: 245px;*/
	width: 286px;
	opacity:0.8;
	filter: alpha(opacity=80);
	margin-top:280px; /*margin-top:245px;*/
}

#texte1 ul, #texte3 ul{
	padding-left:5px;
}

#texte1 {

	/*height: 251px;
	width: 286px;
	
	opacity:0.8;
	filter: alpha(opacity=80);
	margin-top:243px;*/
	margin-left:9px;
	font-size:12px;
	color:#FFFFFF;
	background-color: #6699cc;
	
}


#texte2 {
	
	background-color: #ba1264;
	margin-left:9px;
	margin-right:5px;
	font-size:12px;
	color:#FFFFFF;
		
}

#texte3 {
	
	background-color: #f96311;
	margin-left:7px;
	margin-right:5px;
	font-size:12px;
	color:#FFFFFF;
	
}

#texte1 li, #texte3 li {
	list-style-position: inside;
	list-style-type: disc;
	color:#FFFFFF;
		
}

#texte2 li{
	list-style-position: inside;
	list-style-type:disc;
	color:#FFFFFF;
		
}




/*************** RUBRIQUE ********************/

#contenu-rubrique{
	/*margin-top:0;*/
	background-image: url(../images/fond-contenu.png);
	background-repeat: repeat-y;
	width: 996px;
	
}



#menu {
	float:left;
	margin-left:10px;
	margin-top:10px;
	
	
}


#bloc-central-rubrique {
	
	width:530px;
	/*height:434px;*/
	margin-left:10px;
	margin-top:10px;
	margin-right:10px;
	margin-bottom:10px;
	float:left;
	background-color: #ffffff;
	
}


#bloc-rubrique{

	width:986px;
	/*width:100%;*/
	/*height:100%;*/
	_width:950px;
	margin-left:13px;
	padding-top:20px;
	padding-left: 10px;

	background-color:#FFFFFF;
	
}



#bloc-central-rubrique img{
	margin-left: 10px;
	margin-right:10px;
	/*float:left;*/
	
	text-decoration: none;
	border:none;
}

#bloc-central-rubrique h1 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-style: italic;
	font-weight: bold;
	color: #6699cc;
	margin-left:10px;
	margin-top:10px;
}

#bloc-central-rubrique h2 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-style: italic;
	font-weight: bold;
	color: #ba1264;
	margin-left:10px;
	margin-top:10px;*/
}

#bloc-central-rubrique h3 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: italic;
	font-weight: bold;
	color: #6699cc;
	margin-left:10px;
	margin-top:10px;*/
}

#bloc-central-rubrique p {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin-left:10px;
	margin-right:20px;
	font-size:12px;
}
#bloc-central-rubrique td, #bloc-central-rubrique tr {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:12px;
}






#blocs-droits {
	width:202px;
	margin-left:15px;
	_margin-left:-5px;
	float:left;
	margin-top:10px;
	
	
	
}

.haut-bloc {
	background-image: url(../images/haut-menu.png);
	background-repeat: no-repeat;
	height: 17px;
	width: 202px;	
}

.milieu-bloc {
	background-image: url(../images/fond-menu.png);
	background-repeat: repeat-y;
	/*width: 202px;*/

	padding-left:11px;
	
}

.bas-bloc {
	background-image: url(../images/bas-menu.png);
	background-repeat: no-repeat;
	width: 202px;
	margin-top:-2px;

	height:20px;	
}

#bloc-central-rubrique li{
	list-style-position: outside;
	list-style-type: disc;
	font-size:12px;
	margin-left:10px;
	/**list-style-position:inside;*/
	margin-left:25px;
}

#bloc-central-rubrique a:link, #bloc-central-rubrique a:visited{
	color:#6699cc;
	
}

/************************** dernière minute **********************/
#derniere-min {
	background-image: url(../images/fond-bloc-formation.png);
	min-height: 160px; /*height: 182px;*/
	width: 268px;
	
	margin-left:10px;
	
	
}

#derniere-min p{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #3b0720;
	padding-left:10px;
	padding-top:5px;
	
}

#derniere-min li{
	font-size:14px;
	color:#3b0720;
	margin-top:5px;
	margin-bottom:5px;
	list-style-position: inside;
	list-style-type: disc;
	font-weight: bold;	
}



#derniere-min a{
	color: #a2185b;
	text-decoration: none;
	font-size:12px;
	
}
#contenu #bloc-hp #bloc-hp2 #texte2 #derniere-min form ul li {position:relative;}

#derniere-min form ul li input{position:absolute; bottom:0px; right:0px;}
#derniere-min form ul li span.place{padding-top:10px;display:block;}

#bloc-central-rubrique .bloc-formation .txt-formation {position:relative;}
#bloc-central-rubrique .bloc-formation .txt-formation input{display:block; position:absolute; right:20px; top:0px;}

/*********************** blocs droits ********************************/





#haut-bloc-contact, #formulaire, #adresse2{
	background-color:#e0ebf5;
	/*margin-bottom:3px;*/
	width: 180px;	
}

#haut-bloc-newsletter, #interieur-newsletter  {
	background-color:#FFCC99;
	/*margin-bottom:3px;*/
	width: 180px;	
}

#adresse2 {
	padding-top:5px;
	padding-bottom:5px;
}

#adresse2 li{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	list-style-position: inside;
	list-style-type: disc;
	padding-bottom:5px;
	/*margin-top:5px;
	margin-bottom:5px;*/
}

#haut-bloc-contact{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 17px;
	font-style: italic;	
}

#haut-bloc-newsletter{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: italic;	
}

/******************article *****************/

#bloc-central-rubrique .bloc-article {margin:0; padding:0;}
#bloc-central-rubrique .bloc-article li {margin-bottom:10px;	list-style-position: inside;
	list-style-type:disc;
	color:#f96311;text-align:justify;}
#bloc-central-rubrique .bloc-article li a:link{color:#6699cc; text-decoration:none; }
#bloc-central-rubrique .bloc-article li a:visited {color:#6699cc; text-decoration:none; }
#bloc-central-rubrique .bloc-article li a:hover {text-decoration:underline; color:#f96311;}

/***************************** Article popup ****************/


#popup-article h1 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-style: italic;
	font-weight: bold;
	color: #6699cc;
	margin-left:10px;
	margin-top:10px;
	margin-bottom:10px;
}

#popup-article h2 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-style: italic;
	font-weight: bold;
	color: #ba1264;
	margin-left:10px;
	margin-top:10px;

}

#popup-article h3 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: italic;
	font-weight: bold;
	color: #6699cc;
	margin-left:10px;
	margin-top:10px;*/
}

#popup-article p {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin-left:10px;
	margin-right:20px;
	font-size:12px;
}

#popup-article li{
	list-style-position: inside;
	list-style-type: disc;
	font-size:12px;
	margin-left:10px;
}

#popup-article a:link, #popup-article a:visited{
	color:#6699cc;
	
}


/****************************** formulaire *****************************/
#formulaire fieldset {
	
	border:0;
	
	width:200px;
	_width:180px; /*pour ie6 */


}

#interieur-newsletter fieldset{
background-color:#FFCC99;
border:0;
}



#formulaire label{
	font-size:11px;
	color:#0e3f67;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	padding-top:5px;
	width:80px;
	display:block;
	float:left;
}


#formulaire #champs input{
	width: 90px;
	float:left;
	
}

#champs textarea {width:90px;}

#interieur-newsletter label{
	width:140px;
	display:block;
	float:left;
	padding-top:5px;
	padding-bottom:5px;
}



.taille-input{
	width: 25px;
	margin-top:3px;
	margin-left:10px;
	
}
#formulaire p, #interieur-newsletter p {
	margin-left:1px;
	
}
#formulaire p {padding-bottom:5px;}

.btn-form { 
	margin-left:20px;
	*margin-left:10px;
	

}






/**************************formulaire contact *****************************/

#formulaire-contact fieldset {border:0;}


#formulaire-contact label {
	display:block;
	float:left;
	width:100px;

}

#formulaire-contact input {

	float:left;
	width:120px;
	
}

#formulaire-contact p {margin-bottom:5px;}


.contact-envoi {margin-left:120px;}




/********************* FOOTER ********************/

#footer {
	background-image: url(../images/footer.png);
	background-repeat: no-repeat;
	width: 996px;
}

#footer p{
	text-align:center;
	color:#0c3c63;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-decoration: none;
	padding-top:35px;
}
#footer a{
	color:#0c3c63;
	text-decoration: none;
}

#footer-rubrique {
	background-image: url(../images/footer-interne.png);
	background-repeat: no-repeat;
	width: 996px;
	margin-left:9px;
}

#footer-rubrique p{
	text-align:center;
	color:#FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-decoration: none;	
}

#footer-rubrique a{
	color:#FFFFFF;
	text-decoration: none;
}



/******************************* CLASSE *******************************/


.txt-10 {font-size:10px;}
.txt-11 {font-size:11px;}
.txt-12 {font-size:12px;}
.txt-13 {font-size:13px;}
.txt-14 {font-size:14px;}
.txt-15 {font-size:15px;}

.bleu { color:#0e3f67;}
.rose {
	color: #ba1264;
}

.ligne-bleu {
	border-bottom-width: 2px;
	border-bottom-style: dotted;
	border-bottom-color: #6699cc;
	margin-left:10px;
	margin-right:10px;
	
}




.ligne-rose{
	border-bottom-width: 2px;
	border-bottom-style: dotted;
	border-bottom-color: #a2185b;
	margin-left:10px;
	margin-right:10px;
	
}


.ligne-orange{
	border-bottom-width: 2px;
	border-bottom-style: dotted;
	border-bottom-color: #f96311;
	margin-left:10px;
	margin-right:10px;
	
}



.txt-bleu {
	color: #0e3f67;
}

.txt-rose {
	color: #ba1264;
}

.txt-orange {
	color: #f96311;
}

.txt-blanc {
	color: #ffffff;
}

.txt-gris {
	color: #222222;
}

.marge-50 {
	margin-left:50px;
}
.souligne {
	text-decoration: underline;
}

td{padding-left:5px;padding-right:5px;}