/* RÉINITIALISATION DES ÉLÉMENTS
--------------------------------------------------------------------------------------- */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img,abbr,acronym{border:0;}
address,caption,cite,code,dfn,/*em,strong,*/th,var{font-style:normal;font-weight:normal;}
ol,ul{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;/*font-weight:normal;*/}
q:before,q:after{content:'';}
a,a:link,a:visited,a:hover,object,embed{outline:none;}

/* BODY ET HTML
--------------------------------------------------------------------------------------- */
body#main{
	background: #FFF url(gx/M/fondGauche.jpg) no-repeat left top;
	margin: 0;
	padding: 0;
}
html{
	color: #545556;
	font-size: 12px;
	font-family: Arial, Verdana, Tahoma;
}

/* TEXTES ET HYPERLIENS GLOBAUX
--------------------------------------------------------------------------------------- */
h1{color: #ed7703; font:24px "Trebuchet MS"; margin-bottom:6px;}
h1 a, h1 a:link, h1 a:visited{color:#ed7703;}

h2{color: #ed7703; font-size:12px; margin-bottom:4px;}
h2 a, h2 a:link, h2 a:visited{color:#545556;text-decoration:none;}
h2 a:hover, h2 a:visited:hover{text-decoration:underline;}

p{font-size: 12px; line-height: 150%; color: #545556;}
p.textePetit{font-size:10px;}
p a, p a:link, p a:visited, ul li a, ul li a:visited, ol li a, ol li a:visited, a.lienPlus, a.lienPlus:link, a.lienPlus:visited{color:#0A254E; text-decoration:underline;}
p a:hover, p a:visited:hover, ul li a:hover, ul li a:visited:hover, ol li a:hover, ol li a:visited:hover{
	color:#000; text-decoration:underline;
}

ul li{color:#545556; font-size:12px; line-height:150%; list-style:square; margin-left:16px;}
ol li{color:#545556; font-size:12px; line-height:150%; margin-left:16px;}

/* 
p:first-letter{color:green; font-size:200%; text-transform:uppercase;}
sup{position:relative; bottom:0.3em; vertical-align:baseline;}
sub{position:relative; bottom:-0.2em; vertical-align:baseline;}
*/

/* Icones générales
--------------------------------------------------------------------------------------- */
.lienRSS{background: url(Gx/icone_RSS.gif) no-repeat left;padding:5px 0 5px 20px;}
.lienPDF{background: url(Gx/icone_pdf.gif) no-repeat left;padding:5px 0 5px 20px;}


/* CONTENEURS ET CLASSES GÉNÉRALES
--------------------------------------------------------------------------------------- */
.btnMeta{
	background:url(Gx/M/btnLangue.gif) no-repeat;
	float:right;
	width:70px; height:23px;
	color:#7b7d80;
	text-decoration:none;
	text-align:center;
	line-height:22px;
	font-size:11px;
	margin-right:3px;
}

#logo{clear:both;}

#conteneur{
	margin: 15px 0 0 0;
	text-align:left;
	width:860px;
	padding-left:130px;
}

.conteneurGauche{float:left;width:540px;}

#colDroite, .colDroite{
	float:right;
	width:300px;
	overflow:hidden;
}
.colDroite{margin-top:40px;}

.clearBoth{clear:both;}
.clearLeft{clear:left;}
.floatLeft{float:left;}
.bordure{border:1px solid #d3d4d5;}
.boiteTiers{width:32%;}

.mortaise{margin:0 10px 10px 0}

.moduleColonne{
	border-top:1px solid #bbbdc3;
	background-color:#f3f5f4;
	padding:15px;
	margin-bottom:5px;
}

.moduleColonne h2{color:#545556;text-transform:uppercase;font:14px "Trebuchet MS";font-weight:bold;}
.moduleColonne form fieldset{border:0;padding:0;margin:0;}

a.lienPlus, a.lienPlus:link, a.lienPlus:visited{text-decoration:none;}

a.lienColonne, a.lienColonne:link, a.lienColonne:visited{
	background:#f3f5f4 url(Gx/btnMenu.gif) no-repeat 95% 50%;
	display:block; width:90%;
	font:14px "Trebuchet MS";
	color:#f27800;
	font-weight:bold;
	text-decoration:none;
	text-transform:uppercase;
	margin-bottom:5px;
	padding:10px 5%;
}

a.lienColonne:hover, a.lienColonne:visited:hover{background-image:url(Gx/btnMenu_over.gif);color:#868789;text-decoration:none;}

.listeItem{width:540px;margin-top:20px;}
.listeItem h2, .listeItemMoitie h2{font-size:14px;}
.listeItem div.item, .listeItemMoitie div.item{padding-bottom:10px;border-bottom:1px solid #ccc;margin-bottom:10px;}
.listeItemMoitie{width:420px;margin-right:10px;}
/* MENUS
--------------------------------------------------------------------------------------- */
#menu{margin:10px 0 0 -15px; padding:0;width:860px;}
#menu ul{margin:0;padding:0;}
#menu ul li{padding:0; margin:0; display:block; float:left; list-style-type:none;position:relative;height:20px;}
#menu ul li a, #menu ul li a:link, #menu ul li a:visited{
	color: #7b7d80;
	font: 14px "Trebuchet MS";
	padding: 0 12px;
	text-decoration: none;
	border-right:1px solid #bfc1c5;
}
#menu ul li a:hover, #menu ul li a:visited:hover, #menu ul li a.actif, #menu ul li a.actif:visited{color:#ed7703;}

#menu ul li.dernier a{border:0;}

#menu ul li ul{display:none;position:absolute;background:#fff;border:1px solid #e0e1e4;width:178px;left:0;top:20px;padding-bottom:5px;}
#menu ul li ul li{height:auto;}
#menu ul li ul li a, #menu ul li ul li a:link, #menu ul li ul li a:visited{
	border-right:0;
	border-bottom:1px solid #e0e1e4;
	display:block;
	width:164px;
	margin-left:4px;
	font-size:11px;
	padding:3px;
}

#menu ul li ul li.dernier a{border-bottom:0;}

/* PAGE ACCUEIL
--------------------------------------------------------------------------------------- */
#liensSociaux{float:right;padding-top:5px;}
#liensSociaux img{padding:0 4px;}

#photoSinha{float:left;margin-right:10px;}
#photoSinha img{border:1px solid #d3d4d5;}

.listeNouvelles{
	float:left;
	width:400px;
}
.listeNouvelles h2{margin:0;}
.listeNouvelles p{margin-bottom:4px;}
.listeNouvelles a, .listeNouvelles a:link, .listeNouvelles a:visited{text-decoration:none;color:#545556;}

/* PAGE CONTACT
--------------------------------------------------------------------------------------- */
#formQuestion{width:520px;}
#formQuestion fieldset label{float:left;width:150px;}
#formQuestion .champTexte{float:left;width:300px;}
#formQuestion .listeDeroulante{float:left;width:300px;}
#formQuestion .boiteTexte{float:left;height:70px;width:330px;}

/* CARTE
--------------------------------------------------------------------------------------- */
div#carte{ background: #F3F5F4; width: 280px; padding: 10px; float: right; }
div#carte div#map{border:1px solid #b7b7b7;width:280px;height:300px;overflow:hidden;}
div#carte div#formDirection{ margin: 10px 0 0 0; }
div#carte div#formDirection input#fromAddress{ color: #000000; font-size: 12px; border: #CCCCCC 1px solid; background: #FFFFFF; width: 145px; margin: 0 10px 0 0; }
div#carte div#formDirection input#bouton{ color: #000000; text-align: left; background: url(Gx/00/bouton2g_bg.gif) no-repeat top left; border: 0px; width: 168px; height: 27px; padding: 0 0 2px 18px; }
div#carte div#formDirection a, div#cabinet div#carte div#formDirection a:link, div#cabinet div#carte div#formDirection a:visited{ color: #000000; font-size: 11px; text-decoration: none; background: url(Gx/M/sousmenu_bg_on.gif) no-repeat 0px 5px; padding: 0 0 0 14px; } div#cabinet div#carte div#formDirection a:hover{ color: #999999; }
div#carte div#directions{ color: #000000; font-size: 11px; min-height: 0px; margin: 10px 0 0 0; display: none; }
div#carte div#directions a, div#cabinet div#carte div#directions a:link, div#cabinet div#carte div#directions a:visited, div#cabinet div#carte div#directions a:hover{ color: #000000; font-weight: bold; text-decoration: none; }
div#carte p{float:right; font-size: 11px; color:#000000;}
#toggleDirec{display:none;}

/* PIED DE PAGE
--------------------------------------------------------------------------------------- */
#piedPage{
	background:url(Gx/M/pdp_fond.gif) no-repeat;
	color:#fec52f; 
	font-size:11px; 
	height:203px; 
	padding:0; 
	margin-top:30px;
}
#piedPage a{color:#fec52f; text-decoration:underline;}
#piedPage a:hover{color:#000;}
#piedPage #copyrights{float:left; margin:0; text-align:left; padding-left:120px;}
#piedPage #copyrights a{font-weight:bold;}
#piedPage #copyrights #lienCopyrights{font-weight:normal; text-decoration:none; color:#fec52f;}
#piedPage #copyrights #lienCopyrights:hover{font-weight:normal; text-decoration:underline; color: #000;}
#piedPage #menuBas{float:right;text-align:right;}
#piedPage #menuBas a, #piedPage #menuBas a:link, #piedPage #menuBas a:visited{color:#000;text-decoration:none;padding:0 3px;}
#piedPage #menuBas a:hover, #menuBas a:visited:hover{text-decoration:underline;}
#piedPage #banniereBas{text-align:right;padding:10px 0;}


/* Partager cette page (bookmarker) */
#socialBookmarker {float:right;}
#socialBookmarkerPrefix {float:left;cursor:default;}
.bookmarkIconesVisibles {float:left;margin-left:2px;}
#bookmarkHoverPopup {
	position:absolute;
	border:solid 1px;
	background-color:white;
	text-align:left;
	padding:4px;
	width:315px;
	display:none;
}
#bookmarkHoverPopup .bookmarkHoverPopupItems{
	float:left;
	width:150px;
	height:25px;
	margin-right:4px;
}

#bookmarkHoverPopup .bookmarkHoverPopupItems a{
	line-height:25px;
	height:25px;
}

#bookmarkHoverPopup .bookmarkHoverPopupItems a:link, #bookmarkHoverPopup .bookmarkHoverPopupItems a:visited{
	border:none;
	color:black;
	display:block;
	text-decoration: none;
	width:150px;
	padding-left:2px;
	border: 1px solid #fff;
}

#bookmarkHoverPopup .bookmarkHoverPopupItems a:active, #bookmarkHoverPopup .bookmarkHoverPopupItems a:hover{
	text-decoration: none;
	color:#333333;
	border: 1px solid #666;
	width:150px;
	height:25px;
	display:block;
	background-color:#eee;
	padding-left:2px;
}

/* FORMULAIRES
--------------------------------------------------------------------------------------- */
fieldset{ font-size: 11px; margin-bottom:10px; padding:5px; background:#F3F5F4;}
fieldset legend, h3{ color:#87888A; font:20px "Trebuchet MS"; font-weight:bold; padding:5px 0;}
fieldset label{font-size:12px; color:#87888A; margin:2px 0 2px 0;}


.champTexte{
	background: #fff;
	border: 1px solid #d3d4d5;
	color: #000;
	font-size: 11px;
	margin:2px 0;
	padding:5px 3px 4px 3px;
}

.champInfolettre{width:263px;margin:0 8px 2px 0;}
.champAge{width:35px;margin:0 8px 0 0;}
.champCodePostal{width:60px;margin:0 8px 0 0;}

.listeDeroulante{
	background: #EEF3F7;	
	border: 1px solid #d3d4d5;
	color: #000;
	font-size: 11px;
	margin:2px 0 2px 0;
}
.boiteTexte{
	background: #fff;
	border: 1px solid #d3d4d5;
	color: #000;
	font-family: "Arial";
	font-size: 11px;
	margin:2px 0 2px 0;
	padding:5px 3px;
}
.bouton{
	background: #fff;
	color: #87888A;
	font-family: "Trebuchet MS";
	font-size: 13px;
	font-weight: bold;
	width:auto;
	overflow:visible;
	padding:0 2px;
}
.bouton:hover{background-color:#ED7703; color:#FFF;}

.champCache{display:none; visibility:hidden;} /* Utilisé pour l'anti-spam */

.erreur{color:#FF0000;}

/* CALENDRIER (Calendrier d'événements calendrierEvenement.js) */
div#CalendrierEvenement{
	font-size:13px; 
	width:300px; height:200px;
	margin-bottom:20px;
}
div#CalendrierEvenement div#CalendrierEvenement{border:1px solid #ccc;}
#CalendrierEContent, #Calendrier{position:relative; }
div#CalendrierEvenement .controls{padding:3px;}
div#CalendrierEvenement input{outline:none;}
div#CalendrierEvenement div.weekdays div{ color:#000; font-weight:bold;padding:0 0 1px 1px;font-size:13px;}
div#CalendrierEvenement div.days div{color:#545556; font-weight:bold; height:25px;line-height:25px; padding:1px;}
div#CalendrierEvenement div.days div a, div#CalendrierEvenement div.days a:visited{ background:#ed7703; color:#fff; font-weight:bold; display:block; text-decoration:none; cursor:pointer; height:25px; }
div#CalendrierEvenement div.days div ul{display:none;font-weight:normal;background:#fff;padding:5px;right:0;width:300px;position:absolute;z-index:100;border:1px solid #ccc;}
div#CalendrierEvenement div.days div ul li{list-style-type:none;margin:3px 16px;text-align:left;color:#000;font-size:11px;}
div#CalendrierEvenement div.days div ul li a, div#CalendrierEvenement div.days ul li a:link, div#CalendrierEvenement div.days ul li a:visited{
	display:inline;
	color:#000; font-weight:normal;
	padding:0;
	margin:0;
	text-indent:0;
	background:none;
}
div#CalendrierEvenement div.days a:hover{ text-decoration:underline; }
div#CalendrierEvenement div.days div{ margin:-1px 0 0 -1px; }