body {
    margin: 0;
    padding: 0;
	width: 1100px;
    margin:0px auto;
	
}


#bloc_news {
	margin-top: 5px;
	margin-right: 20px;
	width:260px;
	float:right;

	}
	
#annonce {
	background-color:#F1F2F2;
	border-right: 1px solid #fff;
	border-top: 1px solid #fff;
	padding-left:10px;
	padding-right:10px;
	-moz-border-radius: 10px;
	-khtml-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;

	background:-moz-linear-gradient(90deg, #fff, #eee); /* Firefox */
	background:-webkit-gradient(linear, left top, left bottom, from(#eee), to(#fff), color-stop(0.5, #eee)); /* Webkit */
	}
#annonce_lots_prog {


	padding-left:10px;
	padding-right:10px;
	-moz-border-radius: 10px;
	-khtml-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	background:-moz-linear-gradient(90deg, #fff, #eee); /* Firefox */
	background:-webkit-gradient(linear, left top, left bottom, from(#eee), to(#fff), color-stop(0.5, #eee)); /* Webkit */
	}	
	
#annonce_lots_prog_select {
	background: #9999CC;
	border-right: 1px solid #fff;
	border-top: 1px solid #fff;
	padding-left:10px;
	padding-right:10px;
	-moz-border-radius: 10px;
	-khtml-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	background:-moz-linear-gradient(90deg, #9999CC, #FFD6D6); /* Firefox */
	background:-webkit-gradient(linear, left top, left bottom, from(#9999CC), to(#FFD6D6), color-stop(0.2, #9999CC)); /* Webkit */
	}		
	
	
	
	
#pied_page {
	margin: 0 auto;
float:left;
		text-align:center;
	}

#structures {
text-align:center;
	margin-top:5px;
	width:550px;
	background-color:#F4EFFF;
	border-left: 1px solid #FFFFCC;
	border-right: 1px solid #CCCC99;
	border-bottom: 1px solid #CCCC99;
	border-top: 1px solid #FFFFCC;
	-moz-border-radius: 10px;
	-khtml-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	}

#contacts {
	width:800px;
	background-color:#fff;
	margin-top:-10px;
	margin-left:20px;
	}

#accueil {
text-align:center;
background:#f7f7f7;
	background:-moz-linear-gradient(90deg, #ccc, #fff); /* Firefox */
	background:-webkit-gradient(linear, left top, left bottom, from(#fff), to(#ccc)); /* Webkit */
	border:1px solid #aaa;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	-moz-box-shadow:0 0 15px #aaa;
	-webkit-box-shadow:0 0 15px #aaa;
	margin:60px auto 0;
	padding:20px;
	width:700px;
	}
#contenu_actualite_logos {
float:right;
	width:300px;
	margin-top:5px;
	margin-right:245px;
	border-right: 1px solid #CCCC99;
	border-bottom: 1px solid #CCCC99;
	-moz-border-radius: 10px;
	-khtml-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	background-color: #fff;
	}	
	
#actualité {
padding: 20px;
border:1px solid black;
background-color: #CCFFCC;
	}	

#header_logos {
margin-top: 0px;
margin-left: 10px;
float:right;
	}	
#block_accueil {
	margin-top:5px;
	width:550px; 
	}	

#image_header {
	margin-top:13px;
	}	
	

#programmes_select {
	width:550px;
	margin-top:5px;
	background-color:#F4EFFF;
	border-left: 1px solid #FFFFCC;
	border-right: 1px solid #CCCC99;
	border-bottom: 1px solid #CCCC99;
	border-top: 1px solid #FFFFCC;
	-moz-border-radius: 10px;
	-khtml-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	}

	
p{ 	font-family:Verdana; color: black; font-size: 10px; } 

.titre { font-family:Verdana;  font-size: 14px; font-weight: bold;}
p.titre {font-family:Verdana;  font-size: 14px; font-weight: bold;}
.titre2 {font-family:Verdana;  font-size: 18px; font-weight: bold;}
p.titre2 {font-family:Verdana;  font-size: 18px; font-weight: bold;}
.titre3 {font-family:Verdana;  font-size: 20px; font-weight: bold;}
p.titre3 {font-family:Verdana;  font-size: 20px; font-weight: bold;}
.small {font-family:Verdana; color: black; font-size: 9px; }
p.small {font-family:Verdana;  font-size: 9px; }
.justify { font-family:Verdana;  text-align:justify; color: #686868;}
p.justify { font-family:Verdana;  text-align:justify; color: #686868;}
.rouge{ font-family:Verdana;  color: red; }
p.rouge{ font-family:Verdana;  color: red; }

p.texte_articles { 
margin-right:35px;  
margin-left:35px; 
text-align:justify; 
color: #000; 
font-size: 11px; 
}
p.infos_programmes { 
margin-right:35px;  
margin-left:35px; 
text-align:justify; 
color: #000; 
font-size: 11px; 
}


.texte_structure { 
margin-right:35px;  
margin-left:35px; 
text-align:left; 
color: #000; 
font-size: 15px; 
}
 .texte_accueil{ 
text-align:justify;  
line-height:12.5pt;
font-size:9pt;
margin-right:10px; 
color: #766F64;
} 
.texte_annonce { 
margin-left:5px; 
margin-right:5px; 
text-align:left;
font-size:11px;
-webkit-transition: all .3s ease-in;
-moz-transition: all .3s ease-in;
-o-transition: all .3s ease-in;
transition: all .3s ease-in; 
}
.texte_lots_prog { 
margin-left:5px; 
margin-right:5px; 
text-align:left;
font-size:14px;
}
.texte_actualite { 
font-family:Verdana; 
color:#686868;
margin-left:5px; 
margin-right:5px; 
text-align:left;
font-size:12px;
}






.texte_faq {  text-align:justify;   color: #333333;  font-size:10pt; padding:10px 10px 10px 10px ;}


img.centre {
vertical-align:text-top;  
margin: -6px 5px 15px 0;
}


			
img.partenaires {
margin: 0 auto;
border: 1px solid #CCCC99;
-moz-border-radius: 10px;
-khtml-border-radius: 10px;
-webkit-border-radius: 10px;
-webkit-transition: all .5s ease-in;
-moz-transition: all .5s ease-in;
-o-transition: all .5s ease-in;
transition: all .5s ease-in; 
}

img.metier {
border: 1px solid #CCCC99;
margin-top:10px;
-moz-border-radius: 20px;
-khtml-border-radius: 20px;
-webkit-border-radius: 20px;
}



img.image_contenu_ville {
width:230px; 
margin-top:2px;
vertical-align:center;
border: 1px solid #CCCC99;  
-moz-border-radius: 10px;
-khtml-border-radius: 10px;
-webkit-border-radius: 10px;
}


img.image_lot {
width:100px; 
margin-top:2px;
vertical-align:center;
border: 1px solid #CCCC99; 
-moz-border-radius: 10px;
-khtml-border-radius: 10px;
-webkit-border-radius: 10px; }
img.image_lot:hover{
width:280px; 
margin-top:2px;
vertical-align:center;
border: 1px solid #CCCC99;
-webkit-transition: all .5s ease-in;
-moz-transition: all .5s ease-in;
-o-transition: all .5s ease-in;
transition: all .5s ease-in; 
}

img.telecharger_plan {
background:#CCCC99;
width:200px; 
margin-top:2px;
vertical-align:center;
border: 3px solid #CCCC99; 
-moz-border-radius: 10px;
-khtml-border-radius: 10px;
-webkit-border-radius: 10px; }
img.telecharger_plan:hover{
width:310px; 
margin-top:-19px;
vertical-align:center;
border: 3px solid #CCCC99;

	-moz-box-shadow:4px 5px 4px #999999;
	-webkit-box-shadow:4px 5px 4px #999999;
-webkit-transition: all .2s ease-in;
-moz-transition: all .2s ease-in;
-o-transition: all .2s ease-in;
transition: all .2s ease-in; 
}


img.images_prog {
width:490px;
height:300px;
-moz-border-radius: 10px;
-khtml-border-radius: 10px;
-webkit-border-radius: 10px;
-webkit-transition: all .5s ease-in;
-moz-transition: all .5s ease-in;
-o-transition: all .5s ease-in;
transition: all .5s ease-in; 
}


li {
 font-family:Verdana; 
 text-align:left;
 color: #766F64; 
 display : list-item;
 list-style-image : url(puce.gif);
} 
li:hover {
  font-family:Verdana; 
  text-align:left;  
 color: #000;
 -webkit-transition: all .1s ease-out;
-moz-transition: all .1s ease-out;
-o-transition: all .1s ease-out;
transition: all .1s ease-out; 
} 	









/* ------------------------------------------------------------------------------------
Formulaire recherche
------------------------------------------------------------------------------------ */

Select.form_recherche{
border: 0px; font-weight: normal;
color: #303030;
background-color:#CECECE;
-moz-border-radius: 5px;
-khtml-border-radius: 5px;
-webkit-border-radius: 5px;
-webkit-transition: all .5s ease-out;
-moz-transition: all .5s ease-out;
-o-transition: all .5s ease-out;
transition: all .5s ease-out; 
 }
Select.form_recherche {
border: 0px; font-weight: normal;
color: #303030;
background-color:#fff;
-moz-border-radius: 5px;
-khtml-border-radius: 5px;
-webkit-border-radius: 5px;
-webkit-transition: all .5s ease-out;
-moz-transition: all .5s ease-out;
-o-transition: all .5s ease-out;
transition: all .5s ease-out; 
 }
Fieldset.form_recherche {
background-color:#F1F2F2;
width:238px; height:240px;
border-left: 1px solid #fff;
border-right: 1px solid #fff;
border-bottom: 1px solid #fff;
border-top: 1px solid #fff;
-moz-border-radius: 10px;
-khtml-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
margin-top: -145px;
margin-left: 15px;
	background:-moz-linear-gradient(90deg, #fff, #eee); /* Firefox */
	background:-webkit-gradient(linear, left top, left bottom, from(#eee), to(#fff), color-stop(0.5, #eee)); /* Webkit */
	}
input.form_submit[type=submit]{
	background:#ddd;
	background:-moz-linear-gradient(90deg, #0459b7, #08adff); /* Firefox */
	background:-webkit-gradient(linear, left top, left bottom, from(#08adff), to(#0459b7)); /* Webkit */
	border:1px solid #093c75;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	-moz-box-shadow:0 1px 0 #fff;
	-webkit-box-shadow:0 1px 0 #fff;
	color:#fff;
	cursor:pointer;
	font-family:Arial,sans-serif;
	font-size:12px;
	font-weight:bold;
	margin-left:12px;
	padding:5px 10px;
	text-decoration:none;
	text-shadow:0 1px 1px #333;
	text-transform:uppercase;
}
input.form_submit[type=submit]:hover{
	background:#eee;
	background:-moz-linear-gradient(90deg, #067cd3, #0bcdff);
	background:-webkit-gradient(linear, left top, left bottom, from(#0bcdff), to(#067cd3));
	border-color:#093c75;
	text-decoration:none;
}
input.form_submit[type=submit]:active,
input.form_submit[type=submit]:focus{
	background:#ccc;
	background:-moz-linear-gradient(90deg, #0bcdff, #067cd3);
	background:-webkit-gradient(linear, left top, left bottom, from(#067cd3), to(#0bcdff));
	border-color:#093c75;
	outline:none;
}
 
 
/* ------------------------------------------------------------------------------------
Tha Drop-down Menu
------------------------------------------------------------------------------------ */

/* Elements de premier niveau
--------------------------------------*/
#menu_principal
{
width:900px; 
margin: 0px auto;
position: fixed;
margin-top:-25px;
}
#menuDeroulant
{ 
	font: 11px verdana, sans-serif;
	list-style-type: none;
	padding: 0;
	border: 0;

}
#menuDeroulant li
{
	float: left;
	width: 142px;
	padding: 0;
	border: 0;
}
#menuDeroulant li a:link, #menuDeroulant li a:visited
{
	display: block;
	height: 1%;
	color: #FFF;
	background: #4b505f;
	padding: 0px 4px;
	border-right: 1px solid #fff;
	text-decoration: none;
}
#menuDeroulant li a:hover { background-color: #8b8f95; }
#menuDeroulant li a:active { background-color: #8b8f95; }

#menuDeroulant .sousMenu
{
	display: none;
	list-style-type: none;
	padding: 0;
	border: 0; 
}
#menuDeroulant .sousMenu li
{
	float: none;
	padding: 0;
	border: 0;
	width: 400px;
	border-top: 1px solid transparent;
	border-right: 1px solid transparent; 
}
#menuDeroulant .sousMenu li a:link, #menuDeroulant .sousMenu li a:visited
{
	display: block;
	color: #535d6e;
	border: 0;
	text-decoration: none;
	background: #F4EFFF;
}
#menuDeroulant .sousMenu li a:hover
{
	background-image: none;
	background-color: #f99a16; 
	-webkit-transition: all 0.2s ease-in, color 0.2s ease-out ;
	-moz-transition: all 0.2s ease-in;
	-o-transition: all 0.2s ease-in;
	transition: all 0.2s ease-in;

}

#menuDeroulant li:hover > .sousMenu { display: block; }
 
.menu_top li { font-family:Verdana;  font-size:10px; display: inline;  Color: #ccc; text-decoration: none;  background-color:#CECECE;
-moz-border-radius: 5px;
-khtml-border-radius: 5px;
-webkit-border-radius: 5px; }
.menu_top li a {display: inline;  Color: #5B5B5B; padding: 0.1em 0.8em; text-decoration: none; 
-moz-border-radius: 5px;
-khtml-border-radius: 5px;
-webkit-border-radius: 5px; }
.menu_top li a:hover { color: #000;  background-color:#F4EFFF; 
-moz-border-radius: 5px;
-khtml-border-radius: 5px;
-webkit-border-radius: 5px; 
-webkit-transition: all 0.5s ease-in, color 0.2s ease-out ;
-moz-transition: all 0.5s ease-in, color 0.2s ease-out;
-o-transition: all 0.5s ease-in, color 0.2s ease-out;
transition: all 0.5s ease-in, color 0.2s ease-out; }












/* ------------------------------------------------------------------------------------
Formulaire de la page contacts
------------------------------------------------------------------------------------ */
	
#envoyer_contacts {
	background-color:#F1F2F2;
	border-right: 1px solid #CCCC99;
	border-top: 1px solid #FFFFCC;
	padding-left:10px;
	padding-right:10px
	-moz-border-radius: 10px;
	-khtml-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	}
	
p.contacts { 	font-family:Verdana; color: black; font-size: 16px; } 
form.contacts p{
	margin-bottom:10px;
}
form.contacts p:hover label{
	color:#0459b7;
}
form.contacts p:hover label:after{
	content:" »";
}
form.contacts{
	background:#f7f7f7;
	background:-moz-linear-gradient(90deg, #ccc, #fff); /* Firefox */
	background:-webkit-gradient(linear, left top, left bottom, from(#fff), to(#ccc)); /* Webkit */
	border:1px solid #aaa;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	-moz-box-shadow:0 0 15px #aaa;
	-webkit-box-shadow:0 0 15px #aaa;
	margin:60px auto 0;
	padding:20px;
	width:700px;
}
label.contacts{
	cursor:pointer;
	display:block;
	float:left;
	font-size:13px;
	font-weight:bold;
	line-height:28px;
	margin-bottom:5px;
	width:120px;
}
input.contacts[type=text]{
	background: rgba(255, 255, 255, 0.9);
	background:-moz-linear-gradient(90deg, #fff, #eee); /* Firefox */
	background:-webkit-gradient(linear, left top, left bottom, from(#eee), to(#fff), color-stop(0.2, #fff)); /* Webkit */
	border:1px solid #aaa;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	-moz-box-shadow:0 0 3px #aaa;
	-webkit-box-shadow:0 0 3px #aaa;
	padding:5px;
}
input.contacts[type=text]:focus{
	border-color:#093c75;
	-moz-box-shadow:0 0 3px #0459b7;
	-webkit-box-shadow:0 0 3px #0459b7;
	outline:none; /* Pour enlever le contour jaune lorsque l'on sélectionne un input dans Chrome */
}
select.contacts{
	cursor:pointer;
	padding:3px;
	-moz-box-shadow:0 0 3px #aaa;
	-webkit-box-shadow:0 0 3px #aaa;
}
select.contacts:active,
select.contacts:focus{
	border:1px solid #093c75;
	-moz-box-shadow:0 0 3px #0459b7;
	-webkit-box-shadow:0 0 3px #0459b7;
	outline:none;
}



textarea.contacts#styled {
	width: 680px;
	height: 120px;
	border: 2px solid #cccccc;
	padding: 5px;
	font-family: Tahoma, sans-serif;
	background-image: url(images/fond_textarea.png);
	background-position: bottom right;
	background-repeat: no-repeat;
	
}