#fancy_div {
	background:#fff !important;
	color:#3B3B3B !important;
	text-align:center !important;
}

*{
	margin:0;
	padding:0;
}

a:active, a:focus {
	outline:none;
}

body {
	background:url(../gifs/fond_bleu.jpg) #fff7e4 repeat-x;
	margin:0;
	padding:0;
	font-size:12px;
	font-family:"Century Gothic", Arial, Helvetica, "Times New Roman";
	background-position: center -26px;
}

.container {
	width:100%;
	height:auto; 
	position:relative;
	padding-top:335px;
	min-width:1243px;
	-width:1243px;
}

.container_top {
	width:100%;
	height:361px;
	top:0;
	left:0;
	z-index:10;
	position:absolute;
}

.header {
	height:332px; /* à modifier*/
	width:981px;
	margin:0 auto;
	position:relative;
}

.logo {
	width:296px;
	height:163px;
	background:url(../gifs/logo_gite_ruraux.jpg) top no-repeat;
	display:block;
	position:absolute;
	top:-26px;
	left:0;
	z-index:1;
}

.logo:hover {
	margin-left:1px;
}

.diapo {
	width:394px;
	height:240px;
	display:block;
	position:absolute;
	bottom:0;
	left:296px;
	z-index:2;
}

.fd_footer {
	width:100%;
	height:265px;
	min-width:1243px;
	-width:1243px;
	clear:both;
	background:url(../gifs/footer.jpg) #fff top repeat-x;
}

.footer {
	width:981px;
	position:relative;
	height:auto;
	margin:0 auto;
}

.footer a {
	color:#252525;
	font-size:11px;
	text-decoration:none;
}

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

.nuage {
	text-align:center;
	font-size:12px;
	color:#fff;
	padding-top:5px;
	padding-bottom:15px;
}

.col1 {
	width:284px;
	height:150px;
	padding-top:10px;
	float:left;
	display:inline;
	background:url(../gifs/border.jpg) right top repeat-y;
}

.col2 {
	width:269px;
	height:200px;
	padding-left:15px;
	padding-top:10px;
	float:left;
	display:inline;
}

.img_footer {
	position:absolute;
	top:45px;
	right:275px;
	z-index:1;
	width:219px;
	height:162px;
}

.gite {
	width:269px;
	height:146px;
	background:url(../gifs/week_end_gite.jpg) top no-repeat;
	position:absolute;
	top:55px;
	right:0;
	z-index:2;
}

.gite .first {
	font-size:12px;
	height:30px;
	display:block;
	line-height:30px;
	float:right;
	padding-top:3px;
	padding-right:15px;
}

.gite p {
	text-align:right;
	padding-top:15px;
	line-height:18px;
	padding-right:140px;
}

.colonne_gauche {
	float:right;
	display:inline;
	width:254px;
	height:auto;
	padding-right:30px;
}

.colonne_centre {
	width:666px;
	margin-left:30px;
	height:auto;
	float:right;
	display:inline;
}

#content {
	width:981px;
	height:auto;
	overflow:hidden;
	margin:0 auto;
	position:relative;
	padding-top:10px;
	padding-bottom:20px;
	background:url(../gifs/content.jpg) top left repeat-y;
}

.chien {
	width:109px;
	height:105px;
	z-index:10;
	background:url(../gifs/chien1.jpg) top no-repeat;
	position:absolute;
	bottom:0;
	right:0;
}

.titre {
	font-size:18px;
	font-weight:bold;
	color:#000;
	border-bottom:1px dotted black;
	padding-bottom:5px;
	margin-bottom:12px;
}

.newsletter_1 {
	width:154px;
	height:94px;
	display:block;
	background:url(../gifs/newsletter.jpg) top no-repeat;
	margin-bottom:10px;
	margin-top:12px;
	text-decoration:none;
	font-size:11px;
	color:#252525;
	text-align:left;
	line-height:18px;
	padding-left:100px;
	padding-top:20px;
}

.newsletter_1:hover {
	opacity:0.8;
	color:#3D611C;
	filter:alpha(opacity=80);
}

.newsletter_1 strong {
	font-size:12px !important;
}

.top_page {
	width:100%;
	height:335px;
	min-width:1243px;
	position:relative;
	-width:1243px;
}

.tete_chien {
	width:131px;
	height:118px;
	background:url(../gifs/chein2.jpg) top no-repeat;
	position:absolute;
	top:0;
	right:0;
	z-index:5;
}

.bulle_contact {
	width:296px;
	height:168px;
	background:url(../gifs/bulle_contact.jpg) top no-repeat;
	display:block;
	position:absolute;
	top:92px;
	right:0;
	z-index:10;
	color:#252525;
	text-decoration:none;
	font-weight:bold;
	font-size:14px;
	text-align:center;
	line-height:24px;
	padding-top:75px;
	padding-right: 105px;
}

.bulle_contact strong {
	color:#d9291b;
	font-size:24px;
}

.bulle_contact b {
	font-size:18px;
}

.bulle_contact:hover {
	color:#fff;
}
/**********************************************************BDD AUTO **************************************/
.pagination	{
	height:15px;
	margin:10px auto;
}

.numpage {
	height:15px;
	width:15px;
	line-height:15px;
	text-align:center;
	display:inline;
	font-size:11px;
	float:left;
	color:#fefefe!important;
	text-decoration:none !important;
	font-weight:900;
	margin:2px;
	background:url(gifs/pagination_link.jpg) no-repeat;
}

.numpage_selec {
	height:15px;
	width:15px;
	font-size:11px;
	margin:2px;
	line-height:15px;
	text-align:center;
	display:inline;
	float:left;
	color:#fefefe!important;
	text-decoration:none !important;
	font-weight:900;
	background:url(gifs/pagination_hover.jpg) no-repeat
}

.bt_suivant	{
	height:15px;
	width:15px;
	line-height:15px;
	text-align:center;
	display:inline;
	float:left;
	background:url(gifs/suivant.jpg) no-repeat;
	margin:2px;
}

.bt_suivant_inactiv	{
	height:15px;
	width:15px;
	line-height:15px;
	text-align:center;
	display:inline;
	float:left;
	background:url(gifs/suivant_inactiv.jpg) no-repeat;
	margin:2px;
}

.bt_precedent {
	height:15px;
	width:15px;
	line-height:15px;
	text-align:center;
	display:inline;
	float:left;
	background:url(gifs/precedent.jpg) no-repeat;
	margin:2px;
}

.bt_precedent_inactiv {
	height:15px;
	width:15px;
	line-height:15px;
	text-align:center;
	display:inline;
	float:left;
	background:url(gifs/precedent_inactiv.jpg) no-repeat;
	margin:2px;
}

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


/******************************************************************** Lien ******************************************************************/
.page p {
	color:#252525;
	text-align:justify;
	line-height:1.5em;
	padding-bottom:10px;
}

.important {
	width:99%;
	height:auto;
	margin-bottom:10px;
	padding:10px 0 0 0;
	background:#eee;
	border:1px solid #777;
}

.important p {
	padding:0 20px 10px 20px !important;
}

.big_lien {
	font-size:15px;
}


.centrer {
  text-align:center !important;
}


.page a {
	color:#3b6717;
	text-decoration:underline;
}

.page a:hover {
	text-decoration: none;
	color:#3b6717;
}

.lien {
  line-height:1.6em;
  text-align:right !important;
  color:#3b6717;
  padding: 10px 0 10px 0;
}

.lien a {
  text-decoration:underline;
  color:#3b6717;
}

.lien a:hover {
  text-decoration:none;
  color:#3b6717;
}

.paragraphe5050 {
	float:left;
	width:320px;
	height:auto;
	display:inline;
}

.paragraphe50501 {
	float:right;
	width:320px;
	height:auto;
	display:inline;
}

.filet {
	width:100%;
	height:15px;
	border-top:1px solid #bfbfbf;
	margin:10px auto 5px auto;
	clear:both;
}

.page ul {
	margin:0 0 10px 25px;
	padding:0;
	list-style: none;
	list-style-image: url(../gifs/puce_liste.jpg);
	list-style-position:outside;
}

.page ul li {
	line-height:1.5em;
	color:#252525;
	text-align:left;
}

.page strong {
	color:#3b6717;
}

/************** fin mise en page *************/

/************** LOUPE *************/

#loupe {
	position: absolute;
	top: 0;
	right: 0;
	z-index: 1000;
	font-size:11px;
}

#loupe p {
	text-align:right !important;
	color:#252525;
}

#loupe a {
	color:#252525;
	text-align:center;
	text-decoration:none;
}

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

zoom {
	font-size:120%;
}

/************** FIN LOUPE *************/

/***********************************************************CONTACT FORMULAIRE*********************************/

.input_form {
	background-color: #eee;
	border:1px solid #3B6717;
	font-family: Arial;
	color: #333333;
	margin-top: 5px;
	font-size:12px;
	width: 250px;
}

.area_form {
	background-color: #eee;
	border: 1px solid #3B6717;
	font-family: Arial;
	color: #333333;
	margin-top: 5px;
	height:100px;
	font-size:12px;
	width: 250px;
	overflow: auto;
}
.bouton_form {
	height: 30px;
	width: 150px;
	border: 1px none #fff;
	color: #FFFFFF;
	display: block;
	cursor: pointer;
	font-weight:bold;
	clear:both;
	margin:20px 0 0 180px;
	background-color: #3B6717;
}

#formulaire_1 .submit {
	margin-left:0 !important;
	margin-top:0 !important;
}

.bouton_form:hover {
	opacity:0.8;
	filter:alpha(opacity=80);
}

.optional {
	width:175px !important;
	text-align:right !important;
}

.required {
	width:175px !important;
	text-align:right !important;
}

.divGenerateurRequired {
	margin-bottom:10px !important; 
}

#formulaire_1 p {
	margin:0 !important;
	padding:0 !important;
}

#formulaire_1 {
	width: 459px !important;
	float:left;
	display:inline;
}

.valide {
	background:#eee !important;
	color:#3B6717 !important;
	width: 409px !important;
}	

.coordonnes {
	float:right;
	display:inline;
	width:185px;
	height:auto;
	border-left:1px solid #BFBFBF;
	padding-left:20px;
}

/**********FIN CONTACT*************/


/************* NEWSLETTER *****************/

#newsletter_iframe {
	background:#fff !important;
	height: 400px !important;
}

#newsletter_iframe h1 {
	color:#168bca !important;
}

#newsletter_iframe p {
	color:#252525 !important;
}

#newsletter_iframe a {
	color:#168bca !important;
	text-decoration:underline !important;
}

#newsletter_iframe a:hover {
	text-decoration:none !important;
}

#newsletter_iframe #submit_newsletter, #newsletter_iframe #input_newsletter {
	float:left !important;
}
/******************* NEWSLETTER*******************/


/***** MENU VERTI *********/
.menu_verti {
	width:296px;
	height:auto;
	position:absolute;
	bottom:0px;
	left:0;
	z-index:3;
}

ul.MenuHorizontal { 
   width: 296px; 
   list-style: none; 
   margin: 0; 
   padding: 0; 
   overflow: hidden; 
} 

ul.MenuHorizontal li { 
   float: left; 
} 

ul.MenuHorizontal li a { 
   display: block; 
   color: #3d611c;         /*Ici, changer la couleur de la police*/ 
   font-size: 13px;         /*Ici, changer la taille de la police du menu*/ 
   padding-top: 0px;         /*Ici, on joue sur le padding pour centrer le texte verticalement*/
   height: 28px;         /*Ici, on augmente la hauteur du menu*/  
   text-align: left; 
   line-height:28px;
   font-weight:bold;
   text-transform:uppercase;
   text-decoration: none; 
   width:296px;
} 

li#menu0 a { 
	padding-left:45px;
   background-image: url('../gifs/menu1.jpg');         /*Ici l'image de fond de la cellule*/ 
} 

li#menu1 a { 
	padding-left:45px;
   background-image: url('../gifs/menu2.jpg');         /*Ici l'image de fond de la cellule*/ 
} 

li#menu2 a { 
	padding-left:45px;
   background-image: url('../gifs/menu3.jpg');         /*Ici l'image de fond de la cellule*/ 
} 

li#menu3 a { 
	padding-left:45px;
   background-image: url('../gifs/menu4.jpg');         /*Ici l'image de fond de la cellule*/ 
} 

li#menu4 a { 
	padding-left:45px;
   background-image: url('../gifs/menu5.jpg');         /*Ici l'image de fond de la cellule*/ 
} 

li#menu0 a:hover, a#selected-over0 { 
   background-image: url('../gifs/roll3.jpg') !important;         /*Ici l'image de fond over de la cellule*/ 
} 

li#menu1 a:hover, a#selected-over1 { 
   background-image: url('../gifs/roll1.jpg') !important;         /*Ici l'image de fond over de la cellule*/ 
} 

li#menu2 a:hover, a#selected-over2 { 
   background-image: url('../gifs/roll2.jpg') !important;         /*Ici l'image de fond over de la cellule*/ 
} 

li#menu3 a:hover, a#selected-over3 { 
   background-image: url('../gifs/roll4.jpg') !important;         /*Ici l'image de fond over de la cellule*/ 
} 

li#menu4 a:hover, a#selected-over4 { 
   background-image: url('../gifs/roll5.jpg') !important;         /*Ici l'image de fond over de la cellule*/ 
} 

.topmenu {
	width:296px;
	height:20px;
	background:url(../gifs/top_menu.jpg) top no-repeat;
	overflow:hidden;
}

.basmenu {
	width:296px;
	height:20px;
	background:url(../gifs/bas_menu.jpg) top no-repeat;
	overflow:hidden;
}

/******* FIN MENU VERTI********/

/***** MENU hori *********/
.menu_hori {
	width:611px;
	height:30px;
	position:absolute;
	top:62px;
	right:0;
	z-index:4;
}

ul.MenuHorizontal1 { 
   width: 611px; 
   list-style: none; 
   margin: 0; 
   padding: 0; 
   overflow: hidden; 
} 

ul.MenuHorizontal1 li { 
   float: left; 
} 

ul.MenuHorizontal1 li a { 
   display: block; 
   color: #fff;         /*Ici, changer la couleur de la police*/ 
   font-size: 13px;         /*Ici, changer la taille de la police du menu*/ 
   padding-top: 0px;         /*Ici, on joue sur le padding pour centrer le texte verticalement*/
   height: 30px;         /*Ici, on augmente la hauteur du menu*/  
   text-align: center; 
   line-height:30px;
   text-decoration: none; 
} 

li#menu01 {
	width:72px;
}

li#menu11 {
	width:88px;
}

li#menu21 {
	width:89px;
}

li#menu31 {
	width:88px;
}

li#menu41 {
	width:177px;
}

li#menu51 {
	width:97px;
}

li#menu01 a { 
   background-image: url('../gifs/menu_gite1.jpg');         /*Ici l'image de fond de la cellule*/ 
} 

li#menu11 a { 
   background-image: url('../gifs/menu_gite2.jpg');         /*Ici l'image de fond de la cellule*/ 
} 

li#menu21 a { 
   background-image: url('../gifs/menu_gite3.jpg');         /*Ici l'image de fond de la cellule*/ 
} 

li#menu31 a { 
   background-image: url('../gifs/menu_gite4.jpg');         /*Ici l'image de fond de la cellule*/ 
} 

li#menu41 a { 
   background-image: url('../gifs/menu_gite5.jpg');         /*Ici l'image de fond de la cellule*/ 
} 

li#menu51 a { 
   background-image: url('../gifs/menu_gite6.jpg');         /*Ici l'image de fond de la cellule*/ 
} 


li#menu01 a:hover, a#selected-over01 { 
   background-image: url('../gifs/gite1.jpg') !important;         /*Ici l'image de fond over de la cellule*/ 
} 

li#menu11 a:hover, a#selected-over11 { 
   background-image: url('../gifs/gite2.jpg') !important;         /*Ici l'image de fond over de la cellule*/ 
} 

li#menu21 a:hover, a#selected-over21 { 
   background-image: url('../gifs/gite3.jpg') !important;         /*Ici l'image de fond over de la cellule*/ 
} 

li#menu31 a:hover, a#selected-over31 { 
   background-image: url('../gifs/gite4.jpg') !important;         /*Ici l'image de fond over de la cellule*/ 
} 

li#menu41 a:hover, a#selected-over41 { 
   background-image: url('../gifs/gite5.jpg') !important;         /*Ici l'image de fond over de la cellule*/ 
} 

li#menu51 a:hover, a#selected-over51 { 
   background-image: url('../gifs/gite6.jpg') !important;         /*Ici l'image de fond over de la cellule*/ 
} 


/******* FIN MENU hori********/

/********** MISE NE PAGE *************/

h1 {
	color:#168bca;
	font-size:22px;
	font-weight:100;
	text-align:left;
	padding-bottom: 1px;
	margin-bottom:20px;
	border-bottom:1px dotted black;
}

h2,  h3 {
	color:#168bca;
	font-size:17px;
	text-align:left;
	padding-bottom: 1px;
	margin-bottom:10px;
	border-bottom:1px dotted black;
}


.img_pension {
	width:175px;
	height:auto;
	margin:0 22px 6px;
	float:left;
	display:inline;
}

.img_pension img {
	border:1px solid #335c13;
}

/********* TPL RACE ***********/

.tpl_race {
	width:193px;
	height:auto;
	margin:0 3px 6px 3px;
	float:left;
	display:inline;
	border:1px solid #335c13;
	padding:10px;
	background:#78b041;
}

.tpl_race .nom {
	text-align:center;
	color:#252525;
	font-size:14px;
	font-weight:bold;
	padding-bottom:10px;
}

.tpl_race img {
	width:160px;
	height:110px;
	border:1px solid #fff;
	margin:0 0 10px 15px;
}

.tpl_race p {
	font-size:11px;
	padding-bottom:0;
}

/**************DETAIL ***************/

.col_g {
	width:300px;
	height:auto;
	float:left;
	display:inline;
}

.col_g img {
	border:1px solid #335c13;
}

.col_d {
	width:306px;
	min-height: 257px;
	-height:257px;
	float:right;
	display:inline;
	border-left:1px solid #bfbfbf;
	padding-left:30px;
}

.btn {
	width:298px;
	border:1px solid #94140c;
	height:20px;
	display:block;
	margin:5px 0;
	background:url(../gifs/tranche_btn.jpg) top repeat-x;
	text-decoration:none !important;
	color:#fff !important;
	text-align:center;
	font-size:12px;
	font-weight:bold;
	line-height:20px;
}

.link_spe {
	width:160px;
	border:1px solid #bfbfbf;
	height:20px;
	background:url(../gifs/tranche_btn2.jpg) top repeat-x;
	text-decoration:none !important;
	color:#252525 !important;
	text-align:center;
	font-size:10px;
	font-weight:bold;
	float:left;
	display:inline;
	line-height:20px;
	margin:0 25px 0;
}


.btn1 {
	width:298px;
	border:1px solid #335101;
	height:20px;
	display:block;
	margin:5px 0;
	background:url(../gifs/tranche_btn1.jpg) top repeat-x;
	text-decoration:none !important;
	color:#fff !important;
	text-align:center;
	font-size:12px;
	font-weight:bold;
	line-height:20px;
}

.btn2 {
	width:190px;
	border:1px solid #bfbfbf;
	height:20px;
	display:block;
	margin:5px 0;
	background:url(../gifs/tranche_btn2.jpg) top repeat-x;
	text-decoration:none !important;
	color:#252525 !important;
	text-align:center;
	font-size:10px;
	font-weight:bold;
	line-height:20px;
}

.btn:hover, .btn1:hover, .btn2:hover {
	opacity:0.8;
	filter:alpha(opacity=80);
}

/********** TPL CHIOT ***********/

.tpl_chiot {
	width: 636px;
	height:auto;
	margin:0 3px 6px 3px;
	float:left;
	display:inline;
	border:1px solid #335c13;
	padding:10px;
	background:#78b041;
}

.tpl_chiot img {
	width:160px;
	height:110px;
	float:left;
	display:inline;
	border:1px solid #fff;
	margin:0 20px 0 0;
}

.chiot {
	font-size:16px;
	color:#fff !important;
	font-weight:bold;
}

.link {
	padding-bottom:0;
	float:right;
	display:inline;
	color:#fff !important;
	font-weight:bold;
	text-decoration:none !important;
}

.link:hover {
	text-decoration:underline !important;
}

.img_detail {
	width:298px;
	height:200px;
	display:block;
	margin-bottom:3px;
}

.img1 {
	float:left;
	display:inline;
	margin-right:2px;
}

.img1:hover, .img2:hover {
	opacity:0.8;
	filter:alpha(opacity=80);
}

.img2 {
	float:left;
	display:inline;
}

.parent {
	width:140px;
	height:auto;
	float:left;
	display:inline;
	margin:0 5px;
}

.parent img {
	border:1px solid #335C13;
}

.parent img:hover {
	border:1px solid #B31E1A;
}

.retour {
	font-weight:bold;
	text-decoration:none !important;
	text-align:left;
	width:100%;
	clear:both;
	margin-bottom:10px;
	height:20px;
	display:block;
}

.retour:hover {
	text-decoration:underline !important;
}

.accessoire {
	width:208px;
	height:auto;
	float:left;
	display:inline;
	margin-bottom:20px;
	margin-right:20px;
	text-align:center !important;
}

.accessoire1 {
	width:208px;
	height:auto;
	float:left;
	margin-bottom:20px;
	display:inline;
	text-align:center !important;
}

.accessoire img:hover, .accessoire1 img:hover {
	opacity:0.8;
	filter:alpha(opacity=80);
}

.accessoire a, .accessoire1 a {
	text-decoration:none;
	font-size:13px;
	font-weight:bold;
}

.accessoire a:hover, .accessoire1 a:hover {
	color:#252525;
}

/******** ALBUM PHOTO ************/

.tpl_chiot_photo {
	width: 639px;
	height:auto;
	margin-bottom:5px;
	border:1px solid #335c13;
	padding:10px;
	background:#78b041;
}

.tpl_chiot_photo img {
	width:160px;
	height:110px;
	float:left;
	display:inline;
	border:1px solid #fff;
	margin:0 25px;
	margin-bottom:10px;
}

.img_album {
	border:1px solid #335c13;
	float:left;
	display:inline;
	margin:0 2px 2px;
}

/****************************DROPDOWN************************************/

.dropdown {
	margin:0;
	padding:0;

}

.dropdown li {
	cursor:pointer;
	color: #fff;
	margin:0px;
	list-style:none;
	padding:0px;
}

.dropdown ul {
	overflow:hidden; 
	display:none;
	margin:0 !important;
	padding:0 !important;
}
#ss-menu1 {
	position:absolute;
	top:30px;
	z-index:502;
	left:66px;
	width: 149px;
	background:#d22216;
}

#one-ddcontent li a {
	display: block;
	overflow:hidden;
	text-align:center;
	text-decoration:none;
	height:30px;
	line-height:30px;
	color: #fff;
	border-bottom: 1px dotted #fff;
}

#one-ddcontent li a:hover {
	color:#fff !important;
	display: block;
	overflow:hidden;
	background:#fd3224 !important;
	text-decoration: none;
}

/********** MISE EN PAGE *********/

.pic1 {
	float:left;
	display:inline;
	margin:0 8px;
	border:1px solid #335c13;
}

.texte {
	width:430px;
	height:auto;
	padding-right:20px;
	border-right:1px solid #bfbfbf;
	float:lefte;
}

.voir {
	width:200px;
	height:auto;
	float:right;
	display:inline;
}

.img_left {
	float:left;
	display:inline;
	margin-right:20px;
	margin-bottom:10px;
}


/********* MENU CONSEIL **********/

.menu_conseil {
 width:664px;
 height:32px;
 margin-bottom:15px;
}

ul.MenuHorizontal2 { 
   width: 664px; 
   list-style: none; 
   margin: 0; 
   padding: 0; 
   overflow: hidden; 
   border:1px solid #bfbfbf;
} 

ul.MenuHorizontal2 li { 
   float: left; 
} 

ul.MenuHorizontal2 li a { 
   display: block; 
   color: #FFF;         /*Ici, changer la couleur de la police*/ 
   font-size: 14px;         /*Ici, changer la taille de la police du menu*/ 
   padding-top: 0px;         /*Ici, on joue sur le padding pour centrer le texte verticalement*/
   height: 30px;         /*Ici, on augmente la hauteur du menu*/  
   text-align: center; 
   line-height:30px;
   text-decoration: none !important; 
} 

li#menu02 { 
   width: 117px; 
} 

li#menu12 { 
   width: 126px; 
} 

li#menu22 { 
   width: 134px; 
} 

li#menu32 { 
   width: 152px; 
} 

li#menu42 { 
   width: 135px; 
} 

li#menu02 a { 
   background-image: url('../gifs/menu2_01.jpg');         /*Ici l'image de fond de la cellule*/
   background-position:top right; 
} 

li#menu12 a { 
   background-image: url('../gifs/menu2_02.jpg');         /*Ici l'image de fond de la cellule*/ 
} 

li#menu22 a { 
   background-image: url('../gifs/menu2_03.jpg');         /*Ici l'image de fond de la cellule*/ 
} 

li#menu32 a { 
   background-image: url('../gifs/menu2_04.jpg');         /*Ici l'image de fond de la cellule*/ 
} 

li#menu42 a { 
   background-image: url('../gifs/menu2_05.jpg');         /*Ici l'image de fond de la cellule*/ 
} 

li#menu02 a:hover, a#selected-over02 { 
	 text-decoration: none !important; 
	 color:#fff !important;
   background-image: url('../gifs/roll_menu2_01.jpg') !important;         /*Ici l'image de fond over de la cellule*/ 
} 

li#menu12 a:hover, a#selected-over12 { 
	 text-decoration: none !important; 
	 color:#fff !important;
   background-image: url('../gifs/roll_menu2_02.jpg') !important;         /*Ici l'image de fond over de la cellule*/ 
} 

li#menu22 a:hover, a#selected-over22 { 
	 text-decoration: none !important; 
	 color:#fff !important;
   background-image: url('../gifs/roll_menu2_03.jpg') !important;         /*Ici l'image de fond over de la cellule*/ 
} 

li#menu32 a:hover, a#selected-over32 { 
	 text-decoration: none !important; 
	 color:#fff !important;
   background-image: url('../gifs/roll_menu2_04.jpg') !important;         /*Ici l'image de fond over de la cellule*/ 
} 

li#menu42 a:hover, a#selected-over42 { 
	 text-decoration: none !important; 
	 color:#fff !important;
   background-image: url('../gifs/roll_menu2_05.jpg') !important;         /*Ici l'image de fond over de la cellule*/ 
} 


/********** TABLEAU ***************/

.tableau {
	width: 678px;
	height:570px;
	padding:10px;
	border:1px solid #777;
	background:#eee;
}

.para1 {
	width:200px;
	height:auto;
	float:left;
	display:inline;
	text-align:left;
}

.para2 {
	width:400px;
	height:auto;
	float:right;
	text-align:right;
}

.colone1 {
	width:157px;
	display:inline;
	height:auto;
	float:left;
	margin-right:10px;
}

.colone2 {
	with:157px;
	height:auto;
	float:left;
	display:inline;
}

.tableau p {
	padding-bottom:7px;
}

.sousline {
	text-decoration:underline !important;
	font-size:1.3em;
}

.img_plan {
	float:left;
	display:inline;
	margin-right:20px;
}

.venant {
	width:290px;
	height:auto;
	border:1px solid #000;
	margin-bottom:10px;
	padding:10px;
}

/**********TPL ACTU**************/

/************ENCART ACTU*****************/

#encart_actualite ul {
	list-style:none;
	text-align:justify;
	height:150px !important;
	margin-bottom:10px;
}

#encart_actualite ul li {
	margin:0 0 10px;
	border-bottom:1px dotted black;
	padding:0 0 10px;
}

#encart_actualite ul li a {
	color:#252525;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
}

#encart_actualite ul li a:hover {
	color:#B31E1A;
	font-weight:bold;
	text-decoration:none;
}

 .all_actu {
	float:right !important;
}

.all_actu a {
	display:block;
	width:175px;
	height:25px;
	color:#fff !important;
	text-align:center;
	line-height:25px;
	background:url(../gifs/tranche_actu.jpg) top repeat-x;
	text-decoration:none;
}

#NL_box {
margin-top:62px;
}


.all_actu a:hover {
	opacity:0.8;
	filter:alpha(opacity=80);
}

/*************fin encart actu**************/

/********actu detail*************/
#actualite_detail h2 {
	color:#B31E1A !important;
	font-size:16px !important;
	border-bottom: 1px dotted #000 !important;
}

#listing_calendrier {
	background:#eee !important;
	margin-bottom:10px;
	float:right !important;
}

#listing_calendrier p {
	color:#000;
	font-size:16px;
	padding-top: 10px;
	font-variant:small-caps;
}

#listing_calendrier ul {
	list-style:none !important;
	list-style-image: none !important;
}	

#listing_calendrier ul li {
	padding-top: 18px;
	line-height:18px;
}

#listing_calendrier ul li a {
	color:#B31E1A !important;
}

#listing_calendrier ul li a:hover {
	color:#000 !important;
}


/*******fin detail actu*********/

#listing_calendrier p.all_actu {
	text-align:right;
	font-size:13px;
	margin-bottom:0;
	padding-bottom:0;
}


#listing_calendrier {
	width:664px !important;
}	

#listing_calendrier p.all_actu a {
	text-align:right;
	font-size:13px;
	padding-right: 23px;
	text-decoration:underline;
}


#listing_calendrier p.all_actu a:hover {
	text-align:right;
	font-size:13px;
	text-decoration:none;
}

/*************listing actu*****************/

#container_actualite h2 {
	font-size:18px;
	color:#B31E1A;
	border-bottom:1px solid #000 !important;
}

#container_actualite h2 a {
	font-size:18px;
	color:#3D611C;
	font-size:16px !important;
	font-weight:bold !important;
}

#container_actualite, #actualite_detail {
	width:664px !important;
	padding:0 !important;
}

#actualite_detail {
	text-align:justify;
}

.contenu_resume .link {
	color:#3D611C !important;
}

#container_actualite h2 a:hover {
	color:#000 !important;
	text-decoration:none !important;
}

.lien_actu_listing {
	text-align:right  !important;
}

.lien_actu_listing a {
	color:#3D611C !important;
	padding-right:15Px;
    background:url(gifs/puce_lien.jpg) right no-repeat;
	text-decoration:none;
}

.lien_actu_listing a:hover {
	text-decoration:underline;
}

/***************fin listing actu**************/


/******* FIN TPL ***********/

.box1 {
	width:200px;
	height:auto;
	float:left;
	margin-right:20px;
	display:inline;
	margin-bottom:10px;
}

.box2 {
	width:200px;
	height:auto;
	float:left;
	display:inline;
	margin-bottom:10px;
}

.box1 img, .box2 img {
	border:1px solid #78B041 ;
}

.img5, .img6 {
	border:1px solid #78B041;
	float:left;
	display:inline;
	margin-bottom:10px;
}

.img5 {
	margin-right:10px;
}

#encart_actualite ul {
	list-style:none;
	text-align:justify;
	height:100px;
	overflow:hidden;
}