@import url(fr.css);
body {
	background: url(../../../images/fd_motif.jpg) top left repeat-x #fff;		
	margin: 0;
	padding: 0;			
}

body#acc {
	background: url(../../../images/fd_acc_motif.jpg) top left repeat-x #9d9d9d;		
}

h1 {margin: 0 0px 20px 0px;padding:0px 0px 0px 20px ; background:url(../../../images/puce_h1_vert.gif) no-repeat 0 15px}
h2 { font-size:16px; font-weight: bold; margin: 0 0px 20px 0px;padding:0px 0px 0px 21px ; background:url(../../../images/puce_h1_vert.gif) no-repeat 0 0px}
h3 { font-size:12px; font-weight: bold; margin: 0 0px 20px 0px;padding:0px 0px 0px 16px ; background:url(../../../images/flecheverte.jpg) no-repeat -14px -11px}
h5 { margin: 0 0 10px 0; padding:0; font-size:14px; font-weight:bold;}
div.content p {margin-bottom:0px ;padding-bottom:20px ;}

/*   ______________________________________________ACCUEIL___________________________________*/
/** block en positionnement absolus  */
#header {

width: 754px; 
  height: auto; 
  margin: 0 auto;
padding:0 94px 0 0;
}

#header_top {

height:156px;
}


.logo {
padding:0;
width:300px; 
height:110px;
float:left; 
}
.logo_first {
padding:0;
width:145px; 
height:110px;
float:left; 
}

.logo, .logo_first{cursor: pointer}

#nav_drte {  float:right; margin: 35px -10px 0px 0px  }

#fran{  display: block;  width: 107px;  height: 21px;}
#fran:hover {  background-position: 0 -21px;}
#fran span{  display: none;}

#english {  display: block;  width: 107px;  height: 21px;}
#english:hover {  background-position: 0 -21px;}
#english span{  display: none;}

#nousconnaitre {  display: block;  width: 107px;  height: 21px;}
#nousconnaitre:hover {  background-position: 0 -21px;}
#nousconnaitre span{  display: none;}

#consulteznous {  display: block;  width: 107px;  height: 21px;}
#consulteznous:hover {  background-position: 0 -21px;}
#consulteznous span{  display: none;}



#onglets {  clear:both; margin: 0;  width:550px; padding:0 0 0 120px; float:left}

#onglet_1 { float:left;  display: block;  width: 210px;  height: 39px;}
#onglet_1:hover {  background-position: -1px -39px;}
#onglet_1.selected:hover {  background-position: -210px -39px;}
#onglet_1.selected {  background-position: -210px 0px;}
#onglet_1 span{  display: none;}

#onglet_2 {  float:right; display: block;  width: 210px;  height: 39px;}
#onglet_2:hover {  background-position: -1px -39px;}
#onglet_2.selected:hover {  background-position: -210px -39px;}
#onglet_2.selected {  background-position: -210px 0px;}
#onglet_2 span{  display: none;}





.rappel { float:right; width:280px; height:46px; margin:20px 10px 0 0;}

.clos { float:right; width:297px; height:63px; margin:10px -29px 0 0; }

#content { 
  width: 800px; 
  padding:0; 
  margin: 0 auto; display:block;
}
#content li {
	margin: 0 0px 10px 25px;padding:0px 0px 0px 20px ; background:url(../../../images/flecheverte.jpg) no-repeat -14px -11px; list-style:none;
	}
#content h3 {
	 font-size:12px; font-weight: bold; background:none; margin:0; padding:0;
	 }
#content p {
	margin:5px 0 0 0;
	}
	
#fiche { 
  width: 794px; 
  padding: 0px; 
  margin:0px 3px 0px 3px; display:block;
  bottom:4px;
  background:#fff;
}
#fiche li {margin: 0 0px 10px 25px;padding:0px 0px 0px 20px ; background:url(../../../images/puce_prog.jpg) no-repeat 2px 3px;}
	
#content, #content .sb-inner ,#content .sb-border{ background:#fff; }


.parcs {
	width:750px;
	margin:0;
	padding:40px 30px 40px 30px;
	}
.parcs h1 {
	font-size:20px;
	font-family:Arial, Helvetica, sans-serif;
	margin: 0 0px 10px -24px;
	padding:0px 0px 0px 42px ; 
	background:url(../../../images/puce2.gif) no-repeat 0 4px;
	}

.container p, .container_acc p{
  padding: 0px;
  margin: 0 0 0 45px;
  
}

.bloc_codpostal { width:310px;padding: 25px 0;margin: 0px 0 0 60px; float:left}
.bloc_codpostal div.letexte{ background:#FFF; padding:15px 35px}

.breve_prog{background: #d3d3d3 url(../../../images/coin_vert.png) no-repeat top right; height:104px; padding:0 23px 0 0; margin: 0 0 25px 0; }
.breve_prog:hover {background: #e9e9e9 url(../../../images/coin_vert.png) no-repeat top right; height:104px; padding:0 23px 0 0; margin: 0 0 25px 0; }
.breve_prog p{ line-height:13px;  padding:6px 0 0 0; }
.breve_prog img{padding:0; margin:0 8px 0 0; float:left ; }





#footer {
padding-top:25px;
width: 848px; 
margin: 0 auto;color:#000; 
}
#footer_acc {
padding-top:25px;
width: 848px; 
margin: 0 auto;color:#fff; 
}
#footer p {
text-align:center;color:#fff; margin: 0 0 25px 0;
}
#footer p a{
color:#000; 
}
#footer_acc p {
text-align:center;color:#fff; margin: 0 0 25px 0;
}
#footer_acc p a{
color:#fff; 
}
#footer p a:hover{
color:#9d9d9d; 
}
#footer_acc p a:hover{
color:#000; 
}


/*________________________________PAGE parcs______________________________________________________*/


.visu_prog {
	width:194px;
	margin:20px;
	padding:0;
	float:left;
	}
.visu_prog a {
	color:#990000;
	}
.visu_prog a:hover {
	color:#000;
	}
.prog_top {
	width:164px;
	padding:15px 10px 0 19px;
	height:105px;
	background:url(../../../images/prog_top.jpg) no-repeat top left;
	}
.prog_bod {
	width:164px;
	padding:10px 15px 0 15px;
	background:url(../../../images/prog_bod.jpg) repeat-y;
	margin:0;
	}
.prog_bot {
	width:194px;
	padding:0;
	margin:0;
	background:url(../../../images/prog_bot.jpg) no-repeat;
	height:20px;
	}
/*________________________________Programmes______________________________________________________*/


#col_gch {
	width:482px;
	margin:0;
	padding:0 0 0 10px;
	float:left;
	}
.large {
	margin:0 0 20px 0;
	}
#col_gch h1 {
	font-size:25px;
	font-weight:bold;
	background:url(../../../images/puce_h1_vert.gif) no-repeat 0 8px;
	}
#col_gch h2 {
	font-size:18px;
	background:url(../../../images/puce_h1_vert.gif) no-repeat 0 3px;
	font-weight:normal;
	line-height:20px;
	}
#col_drt h4 {
	font-size:12px;
	line-height:14px;
	font-weight:bold;
	margin:0 0 0.5em 0;
	float:left;
	
	}
#col_drt {
	width:782px;
	margin:0;
	padding:0;
	float:right;
	background:url(../../../images/motif_gris.jpg) repeat-y right;
	}
#col_drt_cont {
	width:273px;
	margin:0;
	padding:30px 0 0 20px;
	background: url(../../../images/accueil2_gris2.jpg) no-repeat;
	float:right;
	bottom:0;
	}
.cartouche_drt {
	width:259px;
	margin:0 0 20px 0;
	background:url(../../../images/drt_top.jpg) no-repeat;
	float:left;
	}
	
.drt_body {
	width:249px;
	padding:0 5px 0 5px;
	margin:6px 0 0 0;
	background:url(../../../images/drt_body.jpg) repeat-y;
	float:left;
	}
.drt_foot {
	width:259px;
	height:6px;
	float:left;
	background:url(../../../images/drt_bottom.gif) no-repeat;
	}
.gch_text, .avantages {
	width:460px;
	margin:5px 0  10px 10px;
	float:left;
	}
.gch_text p {
	margin:0;
	}
.avantages ul {
	margin:0;
	color:#990000;
	line-height:20px;
	float:left;
	}
.avantages li {
	background:url(../../../images/puce_prog.jpg) no-repeat 0px 3px;
	list-style:none;
	padding: 0 0 0 15px;
	}
#footer_prog {
	width: 470px;
	margin:10px 0 20px 0;
	float:left;
	}
#footer_prog a {
	font-size:14px;
	color:#009999;
	font-weight:bold;
	text-decoration:underline;
	}
.dispo {
	width:450px;
	background:#efefef;
	padding:5px;
	margin-bottom:5px;
	float:left;
	}
/*______________________________________________________Autres____________________________________*/
#content_connaitre {
	width: 817px; 
  	padding:0; 
 	margin: 0 auto; display:block;
	}
#connaitre_top {
	width:817px;
	float:left;
	height:186px;
	margin:0;
	padding:0;
	}
#contact_top {
	width:817px;
	float:left;
	height:186px;
	margin:0;
	padding:0;
	background:#fff url(../../../images/ban_contact.jpg) no-repeat;
	}
#mentions_top {
	width:817px;
	float:left;
	height:186px;
	margin:0;
	padding:0;
	background:#fff url(../../../images/ban_mentions.jpg) no-repeat;
	}
#neutre_top {
	width:817px;
	float:left;
	height:186px;
	margin:0;
	padding:0;
	background:#fff url(../../../images/ban_neutre.jpg) no-repeat;
	}
.connaitre_body {
	width:784px;
	margin:0;
	padding:0px 8px 20px 25px;
	float:left;
	background:url(../../../images/motif_connaitre.png) repeat-y;	
	}
#connaitre_foot {
	width: 817px;
	height:29px;
	float:left;
	background:url(../../../images/foot_connaitre.jpg) no-repeat;
	padding:0;
	margin:0;
	}
#connaitre_gch {
	width:500px;
	padding:20px 0 0 0;
	margin:0;
	float:left;
	}

#connaitre_gch ul  {
	margin:0 0 0 25px;
	}


#connaitre_gch a {
	color:#990000;
	}
#connaitre_drt p {
	color:#990000;
	margin-left:0;
	}
.chiffres {
	font-size:25px;
	font-weight:bold;
	}
#connaitre_drt {
	width:207px;
	padding:20px;
	margin:0;
	background:url(../../../images/degr_drt.jpg) no-repeat;
	color: #990000;
	float:right;
	}
#consultez_top {
	width:817px;
	float:left;
	height:186px;
	margin:0;
	padding:0;
	}
#liste_clos{
	width:154px;
	padding:10px;
	float:left;
}
.prog_clos{
	width:154px;
	background:#f2f2f2 url(../../../images/liste_clos.jpg) no-repeat bottom right;
	font-size: 12px;
	padding:0 0 12px 0;
	margin:0 0 10px 0;
	float:left;
	}
.prog_clos p{
	margin:0 5px 0 5px;
}
.prog_clos:hover{
	background:#ddd url(../../../images/liste_clos.jpg) no-repeat bottom right;
}
	
/*______________________________________________________Autres____________________________________*/
.form_body {
	width:624px;
	margin:0;
	padding:20px 8px 20px 185px;
	float:left;
	background:url(../../../images/motif_connaitre.png) repeat-y;	
	}
#connaitre_form {
	width:400px;
	padding:20px 0 0 0;
	margin:0 ;
	float:left;
	border:1 px solid #dfdfdf;
	}
#connaitre_form p  {
	margin:0 0 0 10px;
	}
	/*
#connaitre_form ul  {
	margin:0 0 0 20px;
	padding: 20px;
	border: 1px solid #dfdfdf;
	}
	*/
.cadre {
	width:370px;
	padding:20px 20px 20px 10px;
	border:1px solid #990000;
	margin:0 0 30px 0;
	color:#999;
	float:left;
	
	}
/*
.cadre h5 {
	font-size:16px;
	font-weight:bold;
	padding:0 5px 0 5px;
	margin:-30px 0 0 15px;
	background:#fff;
	color:#009999;
	z-index:500;
	}
	*/
.cadre_gch {
	width:120px;
	float:left;
	text-align:right;
	margin: 0 0 5px 0;
	font-weight:bold;
	color:#666;
	}
.cadre_drt {
	width:200px;
	float:left;
	text-align:left;
	margin:0 0 5px 10px;	
	}
	.cadre legend {
	padding:0 12px 0 12px;
	color:#990000;
	font-weight:bold;
	font-size:16px;
	}
.long {
	width:200px;	
	}
.court {
	width:50px;
	}
.moyen {
	width:100px;
	}
.donnees {
	float:right;
	margin: -23px 0 0px 0;
}
.clear {
	height:0px;
	margin:0;
	padding:0;
	clear:both;}


.mentions_body {
	width:684px;
	margin:0;
	padding:0px 8px 20px 125px;
	float:left;
	background:url(../../../images/motif_connaitre.png) repeat-y;	
	}

#cartouche {
	width:380px;
	padding:10px;
	border-top:2px dotted #555;
	border-bottom:2px dotted #555;
	background:#eee;
	margin-bottom:10px;
	}
h5 { margin: 0 0 10px 0; padding:0; font-size:14px; font-weight:bold;}

.poptip 
{
	display:none;
    position: absolute;
	padding:10px;
	color:#fff;
    top: 0px;  
    left: 0px; 
    z-index: 999; 
	background: #990000; ; text-align:left;
}
#nav_fiche {
	float:right; width:280px; height:30px; margin:30px 10px 0 0
}