/* COULEURS ********

#f3d657 -- Jaune 
#575d8d -- Violet clair
#d8d9da -- Violet pale
#cbd0fa -- bleu clair


********************/

* {
	margin:0;
	padding:0;
}

body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#999999;
	font-size:12px;
	background-color:#d8d9da;
	background-image:url(Design/general_bg.jpg);
	background-repeat:repeat-x;
	}

.indextmp {
	text-align:center;
}

.nettoyeur {
	clear:both;
}

h2 {
font-size:14px;
}

h2 a{
font-size:14px;
}
h3 {
font-size:12px;
font-weight:normal;
}

.gris {
	color:#999999;
	font-size:10px;
}
/******************************** GENERAL ***************************************/

#conteneur {
	width:970px;
	margin : 0 auto;

}
#top{
	background-image:url(Design/top_bg.jpg);
	background-repeat:repeat-x;
	height:55px;
}
#nav {
	height:157px;
}

#contenu {
	background-color:#FFF;
	padding:10px 46px 46px 46px;
	zoom:1;
}

#contenu a {
	color : #575d8d;
	text-decoration:none;
}

#contenu a:hover {
	text-decoration:underline;
}


#footer {
	background-image:url(Design/footer_bg.jpg);
	background-repeat:repeat-x;
	height:28px;
}

/******************************** MENU ***************************************/
#logo {
	background-image:url("Design/cdeo61.png")!important;
	background-image:none;/* code interprété pour IE 6 et 7 */
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(
     src='/Design/cdeo61.png', sizingMethod='scale'); /* code permettant l'affichage du PNG */

	background-repeat:no-repeat;
	height:157px;
	width:210px;
	float:left;
	 margin:-3px 0 0 0px;
	!margin:0 0 0 0px; /* tous les IE */
	_margin:0 0 0 0px; /* tous les IE sauf le 7 */
}

#logo h1 {
	margin:120px 5px 0px 40px;
	font-size:11px;
	color:#575d8d;	
	width:170px;
}

#bandeau {
	height:130px;
	/*width:807px;*/
	margin:3px 0 0 180px;
	!margin:3px 0px 0 0px;
	float:none;
	!float:left; /* tous les IE */
	background-image:url('Design/bandeau_test.jpg');
	!background-image:url('Design/bandeau_test_ie.jpg');
	background-repeat:no-repeat;
}

#tabcontact {
	float:right;
	margin-right:15px;
	height:120px;
}

#tabcontact2 {
	 width:93px;
	 height:22px;
	 margin:0 0 0 120px;
}

#nav ul {
	list-style-type:none;
	font-weight:bold;
	font-size:10px;
	float:right;
	position:relative;
}

#nav li {
	float:left;
	padding:0 6px;
	list-style:none;
}
#nav li.dot {
	padding:4px 6px;
}

#nav a {
	float:left;
	color:#FFFFFF;
	text-decoration:none;
	line-height:20px;
}

#nav li a:hover {
	color: #f3d657;
	text-decoration:none;
}

#slogan { /*'a cheval dans l'orne'*/
	color:white;
	font-size:18px;
	font-weight:bold;
	font-style:italic;
	width:230px;
	float:left;
	margin:60px 0 0 0;
}

	/*** menus flottants ***/
#menu_evenements {
	margin:206px 0 0 686px;
	position:absolute;
	display:none;
	visibility:hidden;
	z-index:2;/*ne pas toucher : permet d'afficher le menu au dessus de la google map*/
	width:200px;
}	

#menu_etablissements {
	margin:206px 0 0 510px;
	position:absolute;
	display:none;
	visibility:hidden;
	z-index:2;/*ne pas toucher : permet d'afficher le menu au dessus de la google map*/
	width:280px;
}	

.ul_menus_flottants {
	line-height:25px;
	padding:3px 10px; 
	list-style-type:none; 
	opacity:0.8;
	filter:alpha(opacity=80);
	height:100%; /* ne pas toucher ! permet de gérer correctement la transparence sous IE */
}

.width_evenements a {
	width:170px;
}

.width_evenements li {
	width:170px;
}

.width_etablissements a {
	width:250px;
}

.width_etablissements li {
	width:250px;
}

.ul_menus_flottants a {
	display:block;
	font-size:10px;
	text-decoration:none;
	color:#575d8d;
	font-weight:bold;
}

.ul_menus_flottants a:hover {
	color:#f3d657;
	font-weight:bold;
}

.li_menus_flottants {
	padding: 0 5px;
	border-top:1px solid #575d8d;
	border-right:1px solid #575d8d;
	border-left:1px solid #575d8d;
	background:#f3d657;
}

.li_dernier_menu_flottant {
	padding: 0 5px;
	background:#f3d657;
	border:1px solid #575d8d;
}



/******************************** Fil ARIANE ***************************************/
#ariane {
	background-image:url(Design/puce.jpg);
	background-repeat:no-repeat;
	height:26px;
	/*background-color:#FFF;*/
	padding:10px 0 10px 35px;
	/*margin:0;*/
	color:#575d8d;
	font-size:11px;
}

/******************************* Liens footer **************************************/

#liens_bas {
	width:962px;
	margin:0 auto;
	height:20px;
	padding: 4px 10px 4px 0;
	color:#FFF;
	font-size:10px;
	font-weight:bold;
}

#footer {
	text-align:right;
}
#footer a {
	color:#FFF;
	text-decoration:none;
	font-size:10px;
	font-weight:bold;
}

#footer a:hover {
	text-decoration:underline;
}


/***************************** contenu ******************************************/

#pagination {
	text-align:center;
}

.violet {
color : #575d8d;
}

.bleu_clair {
 color: #cbd0fa;
}

.barre_separation {
	background-image:url("/Design/px535E94.jpg");
	background-repeat:repeat-x;
	height:1px;
}
/*****etablissements******/

#tableau_etablissements {
	/*border : 1px solid #575d8d;*/
	width:878px;
}
#tableau_etablissements td {
	padding:8px;
	/*border : 1px solid #575d8d;*/
}

.label_etablissement {
	float:left;
	margin: 0 0 0 10px;
}
.nom_etablissement {
	float:left;
	width:400px;
}
.adresse_etablissement {
	float:left;
	width:300px;
	margin:3px 0 0 20px;
}

.telephone_etablissement {
	width:200px;
	height:14px;
	float:right;
}

.site_etablissement {
	width:80px;
	height:14px;
	float:right;
	text-align:center;
}

#cadre_adresse {
	width:350px;
	color : #575d8d;
	float:left;
}

#cadre_adresse_evenements {
	width:550px;
	color : #575d8d;
	float:left;
}

#cadre_formateur {
	background-color:#cbd0fa;
	width:210px;
	float:left;
	color : #575d8d;
	padding:5px;
}

#cadre_img {
	float:right;
	width:260px;
}

#cadre_img_evenements {
	float:left;
	width:300px;
}

/*****evenements******/
.nom_evenement {
	float:left;
	/*width:500px;*/
}

.adresse_evenement {
	float:right;
	/*width:350px;*/
	margin:3px 0 0 0;
	text-align:right;
}

/****************google map**********************/
#map_canvas {
	width:880px;
	height:450px;
	z-index:1;/*ne pas toucher : permet d'afficher les menus flottants au dessus de la google map*/
}

.legende {
	float:left;
	width:219px;
	font-size:10px;
}

/****************accueil***********************/
#flash {
float:left;
}

.texte_accueil {
	float:left;
	width:445px;
	margin:0 0 0 30px;
	text-align:justify;
}
/****************comite************************/

.cadre_comite {
	border:1px solid #535E94;
	width:220px;
	padding:10px;
	text-align:center;
	color:#575d8d;
}

.trait_vertical {
/*	background-image:url("/Design/px535E94.jpg");
*/	background-color:#535E94;
	background-repeat:repeat;
	width:1px;
	height:30px;
	margin:0;
}

.centre {
	margin : 0 auto;
}

.marge_gauche {
	margin : 0 0 0 139px;
	_margin:-13px 0 0 69px;
	float:left;
}
.marge_droite {
	margin : 0 139px 0 0;
	_margin: -13px 0 0 138px;
	float:right;
}

.marge_cadre1 {
	float:left;
	margin:0 0 0 155px;
	_margin:0 0 0 77px;
}
.marge_cadre2 {
	float:left;
	margin:0 0 0 80px;
}

.hidden {
	visibility:hidden;
}

.marge_cadre_gauche {
	margin:0 0 0 4px;
	float:left;

}
.trait_horizontal {
	background-image:url("/Design/px535E94.jpg");
	background-repeat:repeat-x;
	height:1px;
	margin:0 auto;
	width:234px;
}

.cdeo { /*trait horizontal pour la page cdeo*/
	width:600px;
}

.cdte { /*trait horizontal pour la page cdte*/
	width:234px;
}

#accueil_cdte {
	float:left;
	width:450px;
text-align:justify;
}