html, body {width:100%;}

body {
	margin:0;
	font-family:Arial, Verdana, sans-serif;
	background-color:#868B92;
}

#conteneur {
	width:1000px !important;
	width:1000px;
	margin:0 auto 0 auto;
	padding:0 0 12px 0;
	border:1px solid #FFF;
	border-top:none;
	background:url(../images/ot-cormeilles_06.jpg) #FFF no-repeat bottom;
}

#google{
	margin:15px;
	width:170px;
}

/**************************************************** Menu haut ************************************/

#menu{
	clear:both;
	width:607px;
	height:19px;
	background-color:#FFF;
	margin:0;
	padding:0;
	float:left;
	border-bottom:2px solid #FFF;
}


a#rub1, a#rub2, a#rub3,
a#rub4, a#rub5, a#rub6,
a#rub7, a#rub8, a#rub9,
a#rub10, a#rub11, a#rub12{
	float:left;
	display:block;
	height:19px;
	font-size:11px;
	color:#494C50;
	font-weight:normal;
	text-decoration:none;
	padding-left:23px;	
}


a#rub1, a#rub1:hover{background:url(../images/ot-cormeilles_01.gif) no-repeat; background-position: 0 0; width:47px;}
a#rub2, a#rub2:hover{background:url(../images/ot-cormeilles_01.gif) no-repeat; background-position: -148px 0; width:82px;}
a#rub3, a#rub3:hover{background:url(../images/ot-cormeilles_01.gif) no-repeat; background-position: -296px 0; width:109px;}
a#rub4, a#rub4:hover{background:url(../images/ot-cormeilles_01.gif) no-repeat; background-position: -444px 0; width:125px;}
a#rub5, a#rub5:hover{background:url(../images/ot-cormeilles_01.gif) no-repeat; background-position: -592px 0; width:49px;}
a#rub6, a#rub6:hover{background:url(../images/ot-cormeilles_01.gif) no-repeat; background-position: -740px 0; width:57px;}


#droite_menu{
	height:19px;
	width:112px;
	float:left;
	background:url(../images/ot-cormeilles_02.gif) no-repeat;
	
}

#google_accueil{
	width:170px;
	margin:0;
	padding:auto;
	float:left;
}

/*************************************************Fin Menu haut ************************************/


/*************************************************Menu liens utiles ************************************/

#liens_utiles{
	font-size:11px;
	float:right;
    margin:10px 140px 0 0 !important;
	margin:0px 65px 0 0 ;
	width:110px;
	padding:0;
}

#liens_utiles a{
	display:block;
	width:110px;
	color:#494C50;
	text-decoration:none;
	font-weight:normal;
	float:right;
	border-left:1px solid #B4192D;
	border-bottom:1px solid #CDD4DF;
	padding-left:5px;
	margin:8px 0 0 10px;
	letter-spacing:0px;
}

/**********************************************FIN Menu liens utiles ************************************/


/******************************************menu_gauche**************************************/
#gauche{
	width:200px;
	clear:both;
	float:left;
	margin-left:0 !important;
	margin-left:0px;
}

#haut_menu_gauche{
	width:190px;
	text-align:left;
	font-family: Arial, Verdana, sans-serif;
	font-size:16px;
	font-weight:bold;
	padding:13px 5px 10px 5px;
	margin:0;
	color:#000;
	background: url(../images/rubrique.gif) no-repeat top left;
}


#menu_gauche{
	font-family:Arial, Verdana, sans-serif;
	font-size:12px;
	margin:0;
	padding:0 5px 20px 3px;
	width:192px;
}

#menu_gauche li{
	list-style-type:none;
}

#menu_gauche a{
	color:#4C4444;
	text-decoration:none;
}

#menu_gauche a:hover{
	color:#000;
}

#menu_gauche li.s_rubrique{
	padding:6px 0 3px 0px;
	font-weight:bold;
	border-top:1px solid #FFF;
}

#menu_gauche ul.pages{
	margin-left:2px;
	padding:10px 0 10px 0;	
}

#menu_gauche ul.pages a{
	color:#4C4444;
	font-size:11px;
	font-weight:normal;	
}

#menu_gauche ul.pages a:hover{
	color:#000;
}

.actif{
	color:#B4192D;
}

#lien_carte{
	cursor: pointer;
	margin-left:20px;
}

#bienvenue_gauche{
	width:146px;
	height:203px;
	background:url(../images/bienvenue_gauche.gif) no-repeat;
	margin:30px 0 30px 20px;
}

#flashstation{
	width:200px;
	height:60px;
}

#flashstation2{
	width:200px;
	height:60px;
	margin:0 0 0 0;	
}
/***************************Fin Menu gauche**********************************************/

#anim{
	clear:both;
	height:388px;
	width:1000px;
	/*background:url(../images/ot-cormeilles_03.jpg) no-repeat;*/
	z-index:1;
}

#bandeau{
	clear:both;
	height:141px;
	width:1000px;
	background:url(../images/ot-cormeilles-page_04.jpg) no-repeat;
}

#content_accueil{
	width:870px;
	background:url(../images/ot-cormeilles_04.gif) repeat-y;
	padding:10px 120px 10px 10px;
}

#content{
	width:1000px;
	background:url(../images/ot-cormeilles-page_07.gif) repeat-y;
	padding:0 0 10px 0;
}

#content_fiche{
	/*width:990px !important;*/
	width:990px;
	background:url(../images/ot-cormeilles_04.gif) repeat-y;
	padding:0 0 10px 10px;
}

#content_fiche2{
	/*width:990px !important;*/
	width:990px;
	background:url(../images/ot-cormeilles_04.gif) repeat-y;
	padding:0 0 10px 10px;
	height:700px;
}

#gauche_accueil, #milieu_accueil, #droite_accueil{
	float:left;
	width:270px;
}

#milieu_accueil, #droite_accueil{
	margin-left:25px;
} 

#texte{
	float:left;
	width:600px;
	padding-top:10px;
	margin-left:25px;
}

#texte_fiche{
	float:left;
	width:747px;
	padding-top:10px;
	margin-left:25px !important;
	margin-left:5px;
}

#texte_fiche2{
	float:left;
	width:747px;
	padding-top:10px;
	margin-left:25px !important;
	margin-left:5px;
	background-color:transparent;
	height:700px;
}

#cormeilles_droite{
	float:right;
	width:112px;
	height:304px;
	background:url(../images/ot-cormeilles-page_06.gif) no-repeat;
	margin-top:-21px;
}

#cormeilles_droite_fiche{
	float:right;
	width:112px;
	height:304px;
	background:url(../images/ot-cormeilles-page_06.gif) no-repeat;
	margin-top:0;
}

h1{
	margin:15px 0 30px 0;
	padding:0;
	color:#B4192D;
	font-size:29px;
	font-weight:normal;
}

.note{
	color:#B4192D;
	font-size:18px;
	display:block;
	margin-bottom:20px;
}

h2{
	margin:0;
	padding:0;
	font-size:18px;
	font-weight:normal;
	color:#515458;
	border-bottom:1px solid #E3E3E3;
	border-left:17px solid #B31A2E;
	padding-left:10px;
	background-color:#F5F9FF;
	margin-bottom:10px;
}

.h2bis{
	margin:0;
	padding:0;
	font-size:14px;
	font-weight:normal;
	color:#515458;
	border-bottom:1px solid #E3E3E3;
	margin-bottom:5px;
}

p{
	font-size:12px;
	color:#434343;
	margin-bottom:10px;
}

img{border:none;}

a, .texte_couleur{
	font-size:12px;
	font-weight:bold;
	color:#B4192D;
}

#emplacement_photo{
	float:right; 
	padding:0 0 10px 40px; 
	background-color:#FFF;
}

#clearer{
	width:100%; 
	clear:both; 
	text-align:center;
	padding-top:20px;
}

#clearer a{
	font-size:12px;
	color:#45510B;
	font-weight:bold;
}

/*********************************************Formulaire***************************/


#formulaire{
	width: 100%;
}

#formulaire p{
	margin:2px 0 2px 0;
}



#formulaire fieldset{
	margin-bottom: 10px;
	margin-top:0;
	padding:10px 0 10px 0;
	border: 1px #DBD9D7 solid;
}

#formulaire fieldset legend{
	padding: 0 10px;
	font-size: 14px;
	color: #868B92;
}

/* Label */

#formulaire label{
	color:#04044B;
	display: block;
	width:150px;
	float: left;
	padding-right: 5px;
	text-align: right;
	letter-spacing: 1px;
	font-weight:bold;
}


#formulaire input, #formulaire select,
#formulaire textarea{
	margin-left: 1%;
	width:350px;
	border: #CCC 1px solid;
}


#formulaire input[type="submit"]{
	width:80px; 
	height:25px; 
	border:none;
	background-color:#B4192D;
	color:#FFF;
	font-weight:bold;
	margin-top:10px;
}

#formulaire input[type="submit"]:hover{
	background-color:#B4192D;
	cursor:pointer;
}




/***************************************Fin formulaire********************************/


/******************************Agenda****************************************************/

#tab_liste{
	font-size:11px;
	color:#4D423F;
	font-family:Arial, Verdana, sans-serif;
	margin-left:15px !important;
	margin-left:10px;
}

#tab_liste th{
	padding:10 0 10px 0;
	font-size:16px;
	color:#003596;
	font-weight:normal;
}

#tab_liste td{
	padding:10px 0 10px 0;
	border-bottom:1px solid #CDD4DF;
	text-align:left;
}

#tab_liste .td_photo{
	width:70px;
	padding-right:20px;
	vertical-align:middle;
}

.td_photo img{
	/* border:1px solid #CDD4DF; */
}

#tab_liste .lien_savoir{
	vertical-align:bottom;
	padding-left:5px;
}

#tab_liste a{
	cursor:pointer;
}

#recherche{
	clear:both;
	border:1px solid #CDD4DF;
	background:#F5F9FF;
	width:590px;
	padding:5px;
	margin-left:0px;
	font-size:13px;
	color:#343433;
	margin-left:10px;
}

#recherche form{ margin-left:20px;}

#bt-rechercher{
	border: 1px solid #EAEAEA; 
	width: 80px;
	background-color: #B4192D; 
	color:#FFF; 
	margin-left:30px;
}

h3{
	font-size:13px;
	color:#04044B;
	margin:0 0 3px 0;
}

form{display:inline;}




/****************************Fin agenda**************************************************/

/****************************************************Formulaire de proposition**************************************/

#formulaire {
	width:550px;
	margin:0 auto 0 auto;
	padding:0;
	background-color:#FFF;
	padding:0 0 10px 0px;
	font-size:12px;
}

#formulaire h1{
	text-align:center;
}

.tab_proposition{
	margin:0px 0 10px 0px;
	font-size:12px;
	border-bottom:3px solid #F4EF77;
	border-left:1px solid #F4EF77;
	border-right:1px solid #F4EF77;
}

.tab_proposition th{
	background-color:#F4EF77;
	font-size:14px;
	font-weight:normal;
}

.tab_proposition td{
	background-color:#FFF;
	border-bottom:1px solid #F4EF77;
}

.red{
	color:#CD042A;
	font-weight:bold;
	font-size:12px;
}



/****************************************************Fin formulaire**************************************************/



#pied{
	width:1000px;
	background:url(../images/ot-cormeilles_04.gif) repeat-y;
}

#coordonnees{
	border-top:1px solid #828B59;
	width:868px;
	margin:0 10px 0 0;
	padding:5px 0 5px 10px;
	text-align:center;
	font-size:11px;
	color:#5A5C36;
	/*letter-spacing:1px;*/
}

#menu_bas{
	width:868px;
	margin:0 10px 0 10px;
	font-size:11px;
	color:#96AD00;
	text-align:center;
}

#menu_bas a{
	text-decoration:none;
	font-weight:normal;
	color:#96AD00;
}

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

#ehoui{
	width:1000px;
	margin:0 auto 0 auto;
	text-align:right;
	font-size:11px;
	color:#FFF;
}

#ehoui a{
	font-weight:normal;
	color:#FFF;
}