/* commun */

html{
	overflow-x:hidden;	
}

body { 
color: #999999; 
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
text-align: center; 
margin: 0; 
padding: 0;
width: 100%;
height:100%;
min-height:100%;
overflow-x:hidden;
background-image: url(../../media/commun/fond.gif); 
background-repeat: repeat-x;
background-position: 50% 0%;
}

/* commun */

#container_main {
margin: 0px auto;
width: 1000px;
height: 100%;
text-align: center;
background-color: #ffffff;
}

#bandeau1 { width: 1000px; height: 132px; background-image: url(../../media/commun/bandeau1.jpg); background-repeat: no-repeat; text-align: left; padding-left: 38px; }
#bandeau2 { width: 1000px; height: 132px; background-image: url(../../media/commun/bandeau2.jpg); background-repeat: no-repeat; text-align: left; padding-left: 38px; }
#bandeau3 { width: 1000px; height: 132px; background-image: url(../../media/commun/bandeau3.jpg); background-repeat: no-repeat; text-align: left; padding-left: 38px; }
#bandeau4 { width: 1000px; height: 132px; background-image: url(../../media/commun/bandeau4.jpg); background-repeat: no-repeat; text-align: left; padding-left: 38px; }
#bandeau5 { width: 1000px; height: 132px; background-image: url(../../media/commun/bandeau5.jpg); background-repeat: no-repeat; text-align: left; padding-left: 38px; }
#bandeau6 { width: 1000px; height: 132px; background-image: url(../../media/commun/bandeau6.jpg); background-repeat: no-repeat; text-align: left; padding-left: 38px; }
#bandeau7 { width: 1000px; height: 132px; background-image: url(../../media/commun/bandeau7.jpg); background-repeat: no-repeat; text-align: left; padding-left: 38px; }
#bandeau8 { width: 1000px; height: 132px; background-image: url(../../media/commun/bandeau8.jpg); background-repeat: no-repeat; text-align: left; padding-left: 38px; }
#bandeau9 { width: 1000px; height: 132px; background-image: url(../../media/commun/bandeau9.jpg); background-repeat: no-repeat; text-align: left; padding-left: 38px; }

#menu {
/* total width 247 */
width: 192px;
height: 100%;
min-height:500px;
background-image: url(../../media/commun/menu_fond.gif); 
background-repeat: no-repeat;
text-align: left;
padding: 26px 25px 0px 30px;
float: left;
font-size: 10px;
}

#menu_home {
/* total width 247 */
width: 192px;
height: 100%;
min-height:500px;
background-image: url(../../media/commun/menu_fond_home.gif); 
background-repeat: no-repeat;
text-align: left;
padding: 26px 25px 0px 30px;
float: left;
font-size: 10px;
}

#contenu_home {
width: 753px;
height: 100%;
min-height:500px;
text-align: left;
float: left;
background-image: url(../../media/home/fond_home.gif); 
background-repeat: no-repeat;
}

#contenu {
width: 753px;
height: 100%;
min-height:500px;
text-align: left;
float: left;
}

#central_col {
width: 541px;
/*height: 100%;*/
text-align: left;
float: left;
}

#colonne_droite_container {
width: 202px;
height: 289px;
text-align: left;
float: left;
}

#colonne_droite {
/*actual width 212px*/
width: 177px;
height: 249px;
text-align: left;
position: absolute;
background-image: url(../../media/home/bloc_note.gif); 
background-repeat: no-repeat;
padding: 40px 30px 0px 30px;
font-size: 10px;
}

#colonne_droite_photo {
/*actual width 212px*/
width: 177px;
height: 249px;
text-align: left;
position: absolute;
/*background-image: url(../../media/commun/photo.jpg); 
background-repeat: no-repeat;*/
padding: 40px 30px 0px 30px;
font-size: 10px;
}

#colonne_droite_text {
/*actual width 212px*/
text-align: left;
padding: 10px 0px 0px 548px;
font-size: 10px;
}

#colonne_droite_home {
/*actual width 212px*/
width: 177px;
height: 249px;
text-align: left;
position: absolute;
background-image: url(../../media/home/bloc_note_home.gif); 
background-repeat: no-repeat;
padding: 40px 30px 0px 30px;
font-size: 10px;
}

#fil_ariane {
/*total width 541px*/
width: 530px;
padding: 17px 0px 0px 11px;
text-align: left;
/*total hauteur 46px*/
height: 30px;
font-size: 10px;
}

#title {
/*total width 541px*/
width: 540px;
padding: 0px 0px 0px 1px;
text-align: left;
height: 30px;
}

#text_home {
/*total width 541px*/
width: 530px;
padding: 0px 0px 0px 11px;
text-align: left;
height: 91px;
}

#text {
/*total width 541px*/
width: 510px;
padding: 0px 20px 0px 11px;
text-align: left;
}

#text_col1 {
/*total width 255px*/
width: 250px;
padding: 0px 5px 0px 0px;
text-align: left;
float: left;
}

#text_col2 {
/*total width 255px*/
width: 250px;
padding: 0px 0px 0px 5px;
text-align: left;
float: left;
}

#footer {
/*total width 753px*/
width: 722px;
text-align: right;
margin: 20px 20px 0px 11px;
padding-top: 5px;
font-size: 10px;
border-top: #dcdcdc 1px solid;
clear: both;
position: static;
}

.align_top {
vertical-align: top;
float: right;
}

#home_ambiance {
padding: 0px;
}

ul {
list-style-type: none;
padding: 0px;
margin: 0em 0em 0em 1em
}

.menu_list {
list-style: outside;
list-style: none;
margin: 0px;
padding: 0px;
width:195px;
}

.menu_list li {
background-image: url(../../media/commun/fleche.gif); 
background-repeat: no-repeat;
background-position: 0 .4em;
padding: 0px 0px 0px 10px;
margin: 0px 0px 0px 18px;
}

.menu_table {
margin: 0px;
padding: 0px;
}

.menu_table td.article {
	background-image: url(../../media/commun/fleche.gif); 
	background-repeat: no-repeat;
	background-position: 0.4em;
	padding: 0px 0px 0px 14px;
	/*margin: 0px 0px 0px 18px;*/
}

.spacer {
clear: both;
}

#spacer_large {
height: 40px;
}

.red {
color: #e2001a;
}

.black {
color: #000000;
font-weight: bold;
}

.small {
font-size: 10px;
}

.form_text {
font-size: 10px;
width: 100px;
margin-top: 4px;
float: left;
}

.textfield_container {
width: 400px;
margin-bottom: 4px;
float: left;
}

.textfield {
font-size: 10px;
width: 400px;
color: #666666;
border: 1px solid #bcc8d8;
background-color: #ffffff;
}

.dropdown_inscription {
font-size: 10px;
width: 405px;
color: #666666;
border: 1px solid #bcc8d8;
background-color: #ffffff;
}

.textarea {
font-size: 11px;
font-family: Verdana, Arial, Helvetica, sans-serif;
width: 400px;
height: 60px;
color: #666666;
border: 1px solid #bcc8d8;
background-color: #ffffff;
}

.dropdown {
font-size: 10px;
width: 505px;
margin-bottom: 4px;
color: #666666;
border: 1px solid #bcc8d8;
background-color: #ffffff;
}

.submit_container {
text-align: right;
padding: 5px 26px 0px 0px;
}

.submit_container_text {
font-size: 9px;
margin: 25px 26px 0px 10px;
padding-top: 5px;
border-top: 1px solid #dcdcdc;
}

.submit_text {
padding: 5px 26px 0px 10px;
}

.submit {
font-size: 10px;
background-color: #f0f0f0;
color: #666666;
}


#column_total {
width: 753px;
}

.trait {
/*total width 753px*/
width: 722px;
margin: 0px 20px 30px 11px;
border-top: #dcdcdc 1px solid;
}

.bloc_4col {
width: 172px;
float: left;
vertical-align: top;
}

.bloc_4col_spacer {
width: 11px;
float: left;
}

.text_4col {
/*total width 753px*/
width: 722px;
padding: 15px 20px 30px 11px;
clear: both;
}

.bloc_3col {
width: 195px;
float: left;
vertical-align: top;

}

.elus_1col {
width: 234px;
float:left;
vertical-align: top;
/*margin-left:6px;*/
}

.elus_2col {
width: 304px;
float:left;
vertical-align: top;
margin-left:6px;
}

.elus_3col {
width: 164px;
float:left;
vertical-align: top;
margin-left:6px;
}

.bloc_3col_middle {
width: 310px;
float: left;
vertical-align: top;

}

.bloc_menu {
  cursor:pointer;
}

.bloc_menu_over .bloc_3col_gris_top,  .bloc_menu_over .bloc_3col_gris {
	background-image:url(../../media/commun/fleche_rouge_bas.gif);
	background-position:5px 10px;
	background-repeat:no-repeat;
}

.bloc_3col_gris_top {
/* orig width 200 */
width: 190px;
height: 20px;
float: left;
padding: 6px 0px 0px 10px;
background-color: #f3f3f3;
border-right: #dcdcdc 1px solid;
border-top: #dcdcdc 1px solid;
border-bottom: #dcdcdc 1px solid;
background-image:url(../../media/commun/fleche_rouge_droite.gif);
background-position:5px 10px;
background-repeat:no-repeat;	
}

.bloc_3col_gris {
/* orig width 200 */
width: 190px;
height: 20px;
float: left;
padding: 6px 0px 0px 10px;
background-color: #f3f3f3;
border-right: #dcdcdc 1px solid;
border-bottom: #dcdcdc 1px solid;
background-image:url(../../media/commun/fleche_rouge_droite.gif);
background-position:5px 10px;
background-repeat:no-repeat;
/*margin-left:5px;*/
}

.bloc_3col_gris_middle_top {
/* orig width 323 */
width: 314px;
height: 20px;
padding: 6px 0px 0px 5px;
float: left;
background-color: #f3f3f3;
border-right: #dcdcdc 1px solid;
border-top: #dcdcdc 1px solid;
border-bottom: #dcdcdc 1px solid;
}

.bloc_3col_gris_middle {
/* orig width 323 */
width: 314px;
height: 20px;
padding: 6px 0px 0px 5px;
float: left;
background-color: #f3f3f3;
border-right: #dcdcdc 1px solid;
border-bottom: #dcdcdc 1px solid;
}

.bloc_3col_gris_droite_top {
/* orig width 200 */
width: 195px;
height: 20px;
float: left;
padding: 6px 0px 0px 5px;
background-color: #f3f3f3;
border-top: #dcdcdc 1px solid;
border-bottom: #dcdcdc 1px solid;
}

.bloc_3col_gris_droite {
/* orig width 200 */
width: 195px;
height: 20px;
float: left;
padding: 6px 0px 0px 5px;
background-color: #f3f3f3;
border-bottom: #dcdcdc 1px solid;
}

.bloc_blanc {
width: 717px;
clear: both;
padding: 6px 0px 5px 5px;
font-size: 10px;
border-bottom: #dcdcdc 1px solid;

}

.col {
	width:185px;
	float:left;
	padding:0px 5px 0px 5px;
	padding-bottom:15px;
}

.col_middle {
	width:310px;
	float:left;
	padding:0px 5px 0px 5px;
	padding-bottom:15px;
}

#accordion {
/*total width 753px*/
width: 722px;
margin: 0px 20px 30px 11px;
}

.bloc_3col_spacer {
width: 10px;
float: left;
}

.text_3col {
/*total width 753px*/
width: 722px;
padding: 15px 20px 30px 11px;
clear: both;
}

.plan1 {
text-transform: uppercase;
font-weight: bold;
padding: 15px 0px 5px 0px;
}

.plan2 {
font-weight: bold;
padding: 0px 0px 5px 20px;
}

.plan3 {
padding: 0px 0px 5px 50px;
}

.sous_titre {
	color:black;
}

a.select {
	color: #e2001a; text-decoration: underline; 
}




/* liens */

a:link { color: #e2001a; text-decoration: none;  }
a:visited { color: #e2001a; text-decoration: none; }
a:hover { color: #e2001a; text-decoration: underline; }
a:active { color: #e2001a; text-decoration: none; }

a.fil:link { color: #999999; text-decoration: none;  }
a.fil:visited { color: #999999; text-decoration: none; }
a.fil:hover { color: #e2001a; text-decoration: none; }
a.fil:active { color: #999999; text-decoration: none; }

a.lien_noir:link { color: #000000; text-decoration: none;  }
a.lien_noir:visited { color: #000000; text-decoration: none; }
a.lien_noir:hover { color: #e2001a; text-decoration: none; }
a.lien_noir:active { color: #000000; text-decoration: none; }

