/**************************************************************************************/
/* Redefinitions des balises HTML */ 
/**************************************************************************************/
*{margin:0;padding:0;}

body, h1, h2, h3, h4, h5, h6, a, .input_text, select, textarea{font:12px/1.3em	Arial, Helvetica, Sans-serif;font-weight:normal;color:#000;}

img{border:0}
form{ margin:0; padding:0;}

a{text-decoration:none;outline:none;}
a:hover{text-decoration:none;}

ul{margin:0;list-style:none}
ol{margin:0;}

dd{margin:0;}

.input_text,.input_text_larg, select option{padding:0 3px;}

fieldset{border:none;}
fieldset legend{display:none;}

.clear { clear:both;}
/*****************************************************************************************************/
/* Structure generale */ 
/*****************************************************************************************************/
body{text-align:center;}

#global{
	position:relative;
	width:931px;
	text-align:left;
	margin:0 auto;
	background:url(/img/bg_page.gif) 0 0 repeat-y;
	display:table;
}
#flower{background:url(/img/bg_contenu.gif) 623px bottom no-repeat; display:inline-block;}
#hauteur{ float:left; width:0; height:474px;}
#left, #right{float:left;display:inline;}

#left{width:209px; position:relative; background: #FFF;}
#contentLeft{ padding:0 0 0 0px; }

#right{width:722px;display:inline-block;}
#contentRight{ padding:0 0px 0 0; display:table; }

/*#top,*/ #middle{ float:left;display:inline;width:722px; display:table;}
#middle{z-index:1; display:table-cell;}

#slogan{ display:inline-block; width:293px; height:75px; margin: 0 30px; vertical-align:middle;}

/*----calque information menu gauche----*/
#information{ float:left; display:inline;padding:60px 14px 20px 12px;}
#information h2{font-weight:bold; color:#FFF; text-transform:uppercase;}
.rondGvert{float:left; display:block;width:8px; height:17px; background:url(/img/rond_puceg_vert.gif) 0 0 no-repeat; font-size:1px;}
.center{float:left;background-color:#8A9143; padding:0 0 1px 0;}
.rondDvert{float:left;display:block;width:8px; height:17px; background:url(/img/rond_puced_vert.gif) 0 0 no-repeat;font-size:1px;}
#information ul{ float:left; margin:10px 0 0 0; }
#information ul li a{font-weight:bold; color:#FFF; background:url(/img/puce_information_vert.gif) 0 5px no-repeat; padding:0 0 0 25px; display:inline-block;}
#information ul li a:hover{font-weight:bold; color:#8A9143; background-image:url(/img/puce_information_vert_hover.gif);}	
/* calque droite */
#top{ position:relative;height:106px; display:block; background:#FFF;}
#contentTop{ padding:22px 0 0 0;}
#animPuce{ float:right; width:28px; padding:16px 0 0 0;}
#menu{ display:inline-block;width:553px; margin:0 0 0 10px; vertical-align:middle; 	position:	relative;}
#menu .shadow{
    bottom: 0;
    padding: 4px 0;
    position: absolute;
    top: auto;
    width: 592px;
	background: url(/img/nav_shadow.png) no-repeat bottom center;
	left:	-45px;
}
#middleLeft{float:left;display:inline;width:498px; padding:0 0 20px 0;}
#middleRight{float:right;display:inline;width:214px; margin:0 0 0 10px;}
#cache{position:absolute;top:0px;right:0px;height:64px;width:334px; display:block; background-color:#fff;}




/*calque du contenu central*/
#filAriane{padding:9px 30px 0 38px; font-size:11px; color:#878270; font-weight:normal; background:url(/img/puce_ariane.gif) 14px 14px	no-repeat;}
#middleLeft #filAriane a{padding:0 2px; font-size:11px; color:#878270;font-weight:normal;}
#middleLeft #filAriane a:hover{ text-decoration:underline;}
#titre{ padding-left:20px; }
#titre h1{ padding:10px 20px; font-size:14px; font-weight:bold; color:#fff; margin:10px 0 0 0;}

#middleLeft p{font-size:12px; color:#52504a; margin:10px 30px 10px 24px; text-align:justify}
#middleLeft form{margin:10px 0px 10px 24px;display:inline-block;}
#middleLeft table{font-size:12px; color:#52504a; margin:10px 0px 10px 24px; border: 1px solid #52504a;}
#middleLeft form table{border:0px;margin:0px;}
#middleLeft a.haut{float:right; font-size:11px; color:#6d6b62; font-weight:normal; background:url(/img/puce_haut.gif) 0 4px no-repeat; padding:0 0 0 12px;}
#middleLeft a.print{float:right; font-size:11px; color:#6d6b62; font-weight:normal;margin:0 0 0 12px;}

p.afficherPrix{width:441px; border-top:1px solid #afaea9; border-bottom:1px solid #afaea9; padding:2px 0;}
p.afficherPrix select{font-size:11px; font-weight:bold; color:#6d6b62; background-color:#d5d4d1; border:1px solid #fff;}

.pagination{ text-align:center; margin:40px 0 0 0;}
#middleLeft .pagination a{font-size:11px; color:#878270;font-weight:normal; padding:0 2px;}
#middleLeft .pagination a:hover{ font-weight:bold; text-decoration:none;}

/* cadre extensible-*/
div.cadre{ float:left;	margin:0 10px 10px 24px; text-align:center; clear:both;}
div.cadre3{ float:left;	margin:0 0px 10px 24px; text-align:center; display:inline;}
div.cadre_centre{margin:0 auto 10px auto; clear:both;text-align:center;}
div.cadre_right{ float:right;	margin:0 24px 10px 10px; text-align:center; clear:both;}
/*img.visuel_cadre{margin:6px 11px 17px 11px}*/
.pad{padding:6px 11px 17px 11px;}	 
.TL{position:absolute;background:url(/img/tl.jpg) left top;background-repeat:no-repeat;top:0px;left:0px;height:6px;width:11px;}
.TR{position:absolute;background:url(/img/tr.jpg) top right;background-repeat:no-repeat;top:0px;right:0px;height:6px;width:11px;}
.BL{position:absolute;background:url(/img/bl.jpg) bottom left;background-repeat:no-repeat;bottom:0px;left:0px;height:17px;width:11px;}
.BR{position:absolute;background:url(/img/br.jpg) bottom right;background-repeat:no-repeat;bottom:0px;right:0px;height:17px;width:11px;}
.L{position:relative;background:url(/img/l.jpg) repeat-y 0 0;background-position:center left;}
.R{background:url(/img/r.jpg) repeat-y 100% 0;background-position:center right;}
.T{background:url(/img/t.jpg) repeat-x 0 0;}
.B{background:url(/img/b.jpg) repeat-x 0 100%;}

/*----Le grand titre titre en haut ? droite des pages ---*/

#titreDroite{ float:left;display:inline;width:214px; height:31px;}
#titreDroite p{text-align:right; font-size:17px; font-weight:bold; text-transform:uppercase; margin:0 4px 0 0; z-index:1;}



/* menu droite */
#txt_navDroite li a.CMS_lvl1{display:none;}

/* Toutes les actus */
/* Ev?nements */
#middleLeft h2.aLaUne, #middleLeft h2.agenda{
	background-color:		transparent;
	background-position:	0px 8px;
	background-image:		url(/img/gabarie4/puce_h2_alaune.gif);
	background-repeat:		none;
	font-size:				20px;
	color:					#e89dc1;
	padding-left:			15px;
	margin-bottom:			0px;
}
.actualiteVisuel{background:#F9E6EF url(/img/gabarie4/haut_bloc_actu.gif) no-repeat scroll 0 0;display:block;overflow:hidden;margin:6px 10px 6px 24px;padding:5px;}
.actualite{float:left; display:inline; height:107px; width: 550px;}
.txt_actualite{float:left; display:inline; height:88px; overflow:hidden;}
#middleLeft .txt_actualite h2{margin:6px 12px 0 16px; font-size:15px; font-weight:bold; color:#8d1b53;background:none;padding:0px;width:auto;}
#middleLeft .txt_actualite h2 a{font-size:15px; font-weight:bold; color:#8d1b53;}
.txt_actualite h2 a:hover{text-decoration:underline;}
#middleLeft .txt_actualite p.date{font-size:11px;margin:0 12px 0 19px;padding:0 0 0 5px;color:#8D1B53;}
#middleLeft .txt_actualite p{margin:0 12px 0 16px; font-size:11px;padding:0 0 0 10px;}
.bas_actualite{float:left; display:inline;width:303px; height:19px ;background:url(/img/gabarie4/bas_bloc_actu.gif) 0 bottom	no-repeat;}
.visuel{float:left; display:inline;width:107px;}

/* Agenda */
/*.agenda{
float:left; display:inline; margin-left:24px;
}*/

.agenda{
	 display:inline;margin:0px;
}


.txt_agenda{float:left; display:inline; padding:10px 0px 0 0px;}
.txt_agenda h2{font-size:18px; font-weight:bold; color:#e89dc1;}
.txt_agenda h2 span{font-size:15px; font-weight:normal; color:#e89dc1;}

#middleLeft .txt_agenda .notselected{
	width:440px;background:url(/img/pointie.gif) 0 bottom repeat-x;color:#e89dc1;font-size:11px;padding:0 0 5px 5px;margin:0 0 3px 0
}

#middleLeft .txt_agenda .willselected{
	width:440px;background:url(/img/pointie.gif) 0 bottom repeat-x;color:#e89dc1;font-size:11px;padding:0 0 5px 5px;margin:0 0 3px 0
}

#middleLeft .txt_agenda .selected{
	width:423px;background:url(/img/pointie.gif) 0 bottom repeat-x;color:#e89dc1;font-size:11px;padding:0 0 5px 22px;margin:0 0 3px 0;background-color:#F3F7D5;
}

.txt_agenda a{font-size:11px; font-weight:bold; color:#9c647f; }
.txt_agenda a:hover{font-size:11px; font-weight:bold; color:#b41f67;}
#middleLeft .txt_agenda ul{margin:0px;}
.ssMenuActu{color:#e89dc1; font-weight:bold;margin:5px 30px 5px 24px;padding-bottom:5px;background:url(/img/pointie.gif) 0 bottom repeat-x;}
.breveActu{color:#52504a; font-weight:bold; margin:5px 30px 5px 24px;padding-bottom:5px;background:url(/img/pointie.gif) 0 bottom repeat-x;}
.detailsActu {min-height:580px;}
.detailsActu div.cadre{ float:right;	margin:0 24px 10px 10px; text-align:center; clear:left;}
.date {background:transparent url(/img/gabarie4/puce_carre_date.gif) no-repeat scroll 0 5px;
	color:#C05486;
	padding:0 0 0 7px;
}

/*Liste des Mois*/
.brdHautMois{
	background:#F9E6EF;
	height:6px;
	overflow:hidden;
	-moz-border-radius-topright:10px;
	-webkit-border-top-right-radius:10px;
	border-top-right-radius:10px;
}
.brdBasMois{
	background:#F9E6EF;
	height:6px;
	overflow:hidden;
	-moz-border-radius-bottomright:10px;
	-webkit-border-bottom-right-radius:10px;
	border-bottom-right-radius:10px;
}
.moisActu{
	margin:75px 0 0;
}
.ulMois{
	list-style-type:disc;
	padding:10px 10px 10px 30px;
	color:#db97b7;
	background:#F9E6EF;
}

.liMois_1 a{
	color:#c05486;
	font-weight:bold;
}

.dateEvent{
	background:transparent url(/img/gabarie4/puce_date.gif) no-repeat scroll 0 5px;
	color:#8D1B53;
	font-size:15px;
	font-weight:bold;
	margin:6px 0 0 30px;
	padding:0 0 0 17px;
}

.btnWeek{
	background:transparent url(/img/gabarie4/btn_week.png) no-repeat scroll 0 0;
	border:medium none;
	cursor:pointer;
	display:block;
	float:right;
	height:17px;
	width:133px;
}

.btnWeek:hover{
	background:transparent url(/img/gabarie4/btn_week_on.png) no-repeat scroll 0 0;
}

.week{
	width:458px;	
	padding:0 0 0 26px;	
}

.btnWeek span{
	display:block;
	text-indent:-5000px;
	position:absolute;
}

.icoFleur{
	background:transparent url(/img/gabarie4/fleur_week.jpg) no-repeat scroll 0 0;
	height:26px;
	margin:0 0 0 -13px;
	position:absolute;
	width:30px;		
}

.icoFleurNone{
	height:26px;
	margin:0 0 0 -13px;
	position:absolute;
	width:30px;		
}

.icoFleurWill{
	height:26px;
	margin:0 0 0 -13px;
	position:absolute;
	width:30px;		
}

.calendarContent{
	width:425px;
}


a.localisationGoogle span{
	display:			none;
}
a.localisationGoogle{
	display:			block;
	width:				41px;
	height:				42px;
	float:				right;
	margin-top:			-50px;
	margin-right:			50px;
	background:			transparent url(/img/interieur/localisationGoogle.gif) no-repeat top left;
}
a:hover.localisationGoogle{
	background:			transparent url(/img/interieur/localisationGoogle.gif) no-repeat bottom left;
}

/*stickers*/
#information{
	background:		url(/img/interieur/BackgroundLeftTop.gif) no-repeat top left #B1C800;
}


#middleLeft div.left {
	margin:	5px 0 0 24px;
	float :	left;
}
#middleLeft .spacer {
	clear : both;
}
#middleLeft #flashCollegiale {
	float :	left;
	margin-left : 10px;
}

/*######ADD THIS le 05/10/2010######*/

div.addthis_toolbox{
	float:right;
	margin:20px 10px 0 0;
}

#middleLeft div.addthis_toolbox{
	float:right;
	margin:10px 10px 0 0;
}





#titreFondLong{ background:url(/img/coin_gauche_h1Infopratique.gif) 0 0 no-repeat; padding:0 0 0 8px; margin:0 0 0 14px; }
#titreFondLong h1{  background: url(/img/coin_droite_h1Infopratique.gif) 100% 0 no-repeat; padding:0 0 0 12px; font-size:14px; font-weight:bold; color:#fff; margin:10px 26px 0 0;}
#titreFondLong h1 span{font-weight:normal;}

#middleLeft{width:auto; padding-right:20px;}
#titre h1{width:auto;}

#middleLeft h2{clear:left; display:block; padding:8px 0 8px 20px; font-size:12px; font-weight:bold; color:#52504a; margin:10px 0 10px 24px;
}
#middleLeft h2.fondlong{width:600px;}
#middleLeft form table{width:678px;}
#middleLeft a{font-size:11px;font-weight:bold;}
#cms_forms_5 textarea{width:300px;height:100px;}
#middleLeft a:hover{ text-decoration:underline;}

#middleLeft ul.list{ margin:0 0 0 44px;}
#middleLeft ul.list li{ font-size:12px; padding:0 0 0 8px;}
#middleLeft ul.list li a{ font-size:11px; }
#middleLeft ul.list li a span{ font-size:11px; font-weight:normal;}

#visuel_centre{display:block; width:655px; height:164px; margin:10px 0 0 24px; font-size:1px; background:url(/img/common/visuel_centre.jpg)no-repeat;}

#flash{ margin:10px 0 0 12px; }
/* calque navigation droite et en savoir plus */
#titreDroite p{color:#8a9143;}

#navDroite{ float:left;display:inline;width:214px; background-color:#8a9143; margin:4px 0 0 0;}
#haut_navDroite{ float:left;display:inline;width:214px; height:5px; font-size:1px; background:url(/img/gabarie1/haut_navdroite.gif) 0 0 no-repeat;}
#txt_navDroite{float:left;display:inline; padding:6px 0 6px 8px;}
#txt_navDroite li{margin:0;display:block; background:url(/img/gabarie1/separateur_nav.gif) 0 bottom no-repeat;}
#txt_navDroite li a{ display:block; width:196px;  background:url(/img/gabarie1/bg_lien_navdroite.gif) 0 0 no-repeat ; padding:2px 0 4px 9px; font-size:11px; font-weight:bold; color:#fff;}
#txt_navDroite li a:hover,#txt_navDroite li a.active{background: url(/img/gabarie1/bg_over_lien_navdroite.gif) 0 0 no-repeat #D6D9BD; color:#8a9143; text-decoration:none;}
#bas_navDroite{ float:left;display:inline;width:214px; height:5px; font-size:1px;background:url(/img/gabarie1/bas_navdroite.gif) 0 0 no-repeat;}

#ensavoirplus {
display:inline;
float:left;
margin:23px 0 0;
width:214px;
}
#txt_ensavoirplus{
	float:left;display:inline;
	padding:8px 8px 6px 16px;
	font-size:12px;
	width:190px
}
#ensavoirplus h3{
	font-weight:bold;
	margin:0;
	line-height:42px;
	vertical-align:	middle;
	padding-left:10px;
	font-size:16px;
	-moz-border-radius-topright:10px;
	-webkit-border-top-right-radius:10px;
	border-top-right-radius:10px;
}
#txt_ensavoirplus ul{ float:left; margin:0; }
#txt_ensavoirplus ul li a{ font-size:11px;font-weight:bold;}
#txt_ensavoirplus a { padding:5px;}
#txt_ensavoirplus p a { padding:0; background:none; text-decoration:underline;}
#txt_ensavoirplus ul li a:hover,#txt_ensavoirplus ul li a.active{ font-size:11px;font-weight:bold; text-decoration:underline;}

#plan{
	margin-top:			20px;
}
#plan ul{
	padding-left:		20px;
}
#plan li{
	margin:				2px 0px 2px 0px;
}
#plan li.CMS_lvl1{
	background: url(/img/pucePlan1.gif) no-repeat 0px 5px;
	padding-left:	15px;
}
#plan li.CMS_lvl2{
	background: url(/img/pucePlan2.gif) no-repeat 0px 5px;
	padding-left:	20px;
}
#plan li.CMS_lvl3{
	background: url(/img/pucePlan3.gif) no-repeat 0px 5px;
}
#titre h1{
		background : 	#ffd7a4;
		border-radius : 5px;
		-webkit-border-radius : 5px;
		-moz-border-radius : 5px;
}

#left .nav {
	background: #FFF;
}
#left a.CMS_lvl1 {
	font-size:			16px;
	font-weight:		bold;
	margin-left:		15px;
	color:				#f99b00;
}
#left ul.CMS_lvl2{
	background:			#f99b00;
	padding:			14px 15px 14px 0;
	-webkit-border-bottom-right-radius: 	10px;
	-moz-border-radius-bottomright: 		10px;
	border-bottom-right-radius: 			10px;
	-webkit-border-top-right-radius: 		10px;
	-moz-border-radius-topright: 			10px;
	border-top-right-radius: 				10px;
	color:									#FFF;
}
#left ul.CMS_lvl2 a{
	color:						#FFF;
	font-size:					13px;
	line-height:				1.25em;
	font-weight:				bold;
	padding:					5px 0 5px 14px;
	display:					block;
}
#left .CMS_lvl2 .CMS_current,
#left .CMS_lvl2 li.CMS_lvl2:hover{
	background:								#feddb3;
	-webkit-border-bottom-right-radius: 	5px;
	-moz-border-radius-bottomright: 		5px;
	border-bottom-right-radius: 			5px;
	-webkit-border-top-right-radius: 		5px;
	-moz-border-radius-topright: 			5px;
	border-top-right-radius: 				5px;
	display:								block;
	color:									#ff7400;
}

/* recherche */
#recherche {
    display: inline;
    float: left;
    margin: 23px 0 0;
    width: 214px;
}
#haut_recherche {
    background:  #6d6b62;
	-moz-border-radius-topright:5px;
	-webkit-border-top-right-radius:5px;
	border-top-right-radius:5px;
    display: inline;
    float: left;

    width: 214px;
}
#haut_recherche h3 {
    color: #FFFFFF;
    font-size: 11px;
    font-weight: bold;
    margin: 0 0 0 32px;
	padding:5px 0;
}
#txt_recherche {
	background-color: #D5D4D1;
    display: inline;
    float: left;
    padding: 5px 5px 0 13px;
}
#middleLeft #txt_recherche p {
    font-size: 11px;
    margin: 0 0 7px;
    overflow: hidden;
}
#bas_recherche {
    background: #D5D4D1;
    display: inline;
    float: left;
    font-size: 1px;
    height: 5px;
    width: 214px;
}
.formRech p {
    padding: 5px 0;
}
.formRech label {
    float: left;
    width: 79px;
}
.formRech select {
    color: #6D6B62;
    display: block;
    font-size: 11px;
    margin-left: 86px;
    width: 110px;
}
.formRech .input {
    color: #6D6B62;
    display: block;
    font-size: 11px;
    margin-left: 86px;
    width: 106px;
}
.formRech .valid_form .input_image {
    float: right;
    margin: 0 10px 0 0;
}
/*forumlaire de contact*/
#middleLeft #cms_forms_3,
#middleLeft #cms_forms_11,
#middleLeft #cms_forms_12{
	margin-top:0px;
	}
.cms_forms table,
#cms_forms_3 table,
#cms_forms_11 table,
#cms_forms_12 table{
	background:#ECF2C6;
	padding:10px
}
.cms_forms table input,
#cms_forms_3  table input,
#cms_forms_11  table input,
#cms_forms_12  table input{
	width:250px;
	margin-left:5px;
	}
.cms_forms table textarea {
	margin-left:5px;
}
.cms_forms table select {
	margin-left:5px;
}

.cms_forms table .button,
#cms_forms_3  table .button,
#cms_forms_11  table .button,
#cms_forms_12  table .button
{
	width:60px;
	}
.cms_forms table td,
#cms_forms_3  table td,
#cms_forms_11 table td,
#cms_forms_12 table td
{
	padding-bottom:10px;
	}
.cms_forms table tr:last-of-type td,
#cms_forms_3  table tr:last-of-type td,
#cms_forms_11  table tr:last-of-type td,
#cms_forms_12  table tr:last-of-type td
{
	padding-bottom:0;
	}
.cms_forms input,
.cms_forms textarea,
.cms_forms select a,
#cms_forms_3 .cms_forms input,
#cms_forms_3  .cms_forms textarea,
#cms_forms_3  .cms_forms select a
#cms_forms_11 .cms_forms input,
#cms_forms_11  .cms_forms textarea,
#cms_forms_11  .cms_forms select,
#cms_forms_12 .cms_forms input,
#cms_forms_12  .cms_forms textarea,
#cms_forms_12  .cms_forms select
{
    border-color: #A7B551;
}

.cms_forms input.checkbox {
	float:left;
	width:auto;
	margin-right:10px;
}
.cms_forms label {
	
}

/* adrien */

#footer .tools input[type="text"] {
	width:80px;
}