/* 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,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%;}
q:before,q:after{content:'';}
a:active,object,embed{outline:none;}

/* BODY ET HTML
--------------------------------------------------------------------------------------- */
body#index{
	background: #FFF url(gx/bg.gif) repeat-x center top;
	text-align:center;
}
body#main{
	background: #eaf3fa url(gx/bgBody.gif) repeat-x  scroll center top;
	text-align:center;
}
html{
	color: #717172;
	font-size: 11px;
	font-family: Arial, Verdana, Tahoma, Helvetica, "Trebuchet MS", Georgia, Times, "Times New Roman", "Courier New"; /* Garder seulement 3 fontes */
}

/* TEXTES ET HYPERLIENS GLOBAUX
--------------------------------------------------------------------------------------- */
h1{color:#C21527; font-size:18px; margin-bottom:6px;  letter-spacing: -1px;}
h1 a, h1 a:link, h1 a:visited{color:#C21527;}


h2{color:#C21527; font-size:15px; margin-bottom:4px;  letter-spacing: -1px;}
h2 a, h2 a:link, h2 a:visited{color:#333;}
#ContentH2{font-family:Arial; font-size:34px; letter-spacing: -1px; color:#000; font-weight:normal; line-height:80%; margin-bottom:20px;}

p{font-size:12px; line-height:150%; color:#717172;}



ul li{font-size:12px; line-height:150%; color:#717172; list-style:square; margin-left:16px;}
ol li{font-size:12px; line-height:150%; color:#717172; 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;}
*/

/* FORMULAIRES
--------------------------------------------------------------------------------------- */
fieldset{border:1px solid #000; font-size: 11px; margin-bottom:10px; padding:5px;}
fieldset legend{border: 1px solid #999; color:#000; font-size:14px; font-weight:bold; padding:3px;}
fieldset label{font-size:12px; color:#000; margin:2px 0 2px 0;}
fieldset label.erreur, .erreur label {color:#cc0000;}
.champTexte{
	background: #EEF3F7;
	border: 1px solid #C9D0D6;
	color: #4E677A;
	font-size: 11px;
	margin:2px 0 2px 0;
}
.listeDeroulante{
	background: #EEF3F7;	
	border: 1px solid #C9D0D6;
	color: #4E677A;
	font-size: 11px;
	margin:2px 0 2px 0;
}
.boiteTexte{
	background: #EEF3F7;
	border: 1px solid #C9D0D6;
	color: #4E677A;
	font-family: "Trebuchet MS";
	font-size: 11px;
	margin:2px 0 2px 0;
}
.bouton{
	background-color: #EEF3F7;
	color: #498ECB;
	font-family: "Trebuchet MS";
	font-size: 13px;
	font-weight: bold;
}
.bouton:hover{background-color:#1A80B6; color:#FFF;}
.champCache{display:none; visibility:hidden;} /* Utilisé pour l'anti-spam */

p.erreur{text-align:center; color:#CC0000; background-color:#FFDDDD; border:1px #CC0000 solid; padding:15px; border-radius:4em; -moz-border-radius:4px; -webkit-border-radius:4px;}
p.succes{text-align:center; color:#4F8A10; background-color:#DFF2BF; border:1px #4F8A10 solid; padding:15px; border-radius:4em; -moz-border-radius:4px; -webkit-border-radius:4px;}
p.conseil{font-size:10px;display:none;}

/* 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
--------------------------------------------------------------------------------------- */
#conteneur{
	margin:0 auto 0 auto;
	text-align:left;
	width:1000px;
}
#contenu{
	min-height:300px;
	height:auto !important;
	height:300px;
	margin:25px 0 0 0;
}

.both{clear:both;}

/* CALENDRIER
--------------------------------------------------------------------------------------- */
#calendrier { font-size:11px; position:relative; width:290px; background:url(Gx/cal-bg.gif) #a0cd87; height:242px; -webkit-border-radius:16px; -moz-border-radius:16px; border-radius:16px; }

#calendrierEvenements { padding:13px; color:#fff; font-family:Tahoma, Arial; } 
#calendrierEvenements h2 { color:#fff; background:url(Gx/cal-icon.gif) right center no-repeat; font-size:20px; font-family:"Arial Narrow",Arial; font-weight:normal; letter-spacing:0; }

#calendrierEvenements a { color:#fff; padding:0; font-size:12px; font-weight:bold; font-family:Arial, Tahoma, Helvetica, Verdana, sans-serif; }
#calendrierEvenements td { color:#fff; }
#calendrierEvenements .calendarheader td { font-weight:bold; }
#calendrierEvenements .calendar { color:#1c1c1f; font-size:11px; 	margin:2px; }
#calendrierEvenements .calendartoday { color:#fff; font-weight:bold; }

#calendrierEvenements #CalendrierEContent, #calendrierEvenements .weekdays  { width:190px; position:absolute; top:75px; left:48px; }

#calendrierEvenements .weekdays { color:#6d885e; clear:both; top:55px; left:51px; }
#calendrierEvenements .weekdays div { margin:4px;width:18px; height:18px; line-height:18px; display:block;}
#calendrierEvenements .days div { width:18px; height:18px; line-height:18px; display:block; margin:2px 4px; }
#calendrierEvenements .dayEvent {position:relative;}
#calendrierEvenements .dayEvent a { z-index:0; display:block; width:18px;  height:18px; background:url('Gx/cal-day-actif.gif') center no-repeat; text-decoration:none; font-weight:normal; }
#calendrierEvenements .dayEvent a:hover { text-decoration:underline; }
/*#calendrierEvenements .dayEvent a:hover .calendartoday { color:#000; }*/
#calendrierEvenements .dayEvent ul { list-style:none; z-index:100; display:none; position:absolute; top:16px; right:0; width:200px; z-index:900; background:#7ba961; }
#calendrierEvenements .dayEvent ul a { width:auto;  background:#7ba961; line-height:20px; height:20px; }
#calendrierEvenements .dayEvent ul li { list-style:none; }

#calendrierEvenements tr td a, #blocCal p a { color: #666; font-size: 11px; }
#calendrierEvenements tr td a:hover, #blocCal p a:hover { color:#000; }

#calendrierEvenements #listeEvenement { float:left;  margin-left:10px; }

#calendrierEvenements .controls { background:#7ba961; position:absolute; bottom:4px; left:42px; margin:0 45px; height:26px; text-align:center; width:210px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; }
#calendrierEvenements .controls a { position:absolute; bottom:7px; font-size:14px; cursor:pointer;  }
#calendrierEvenements .controls .moisSuiv { right:8px; }
#calendrierEvenements .controls .moisPrev { left:8px; }
#calendrierEvenements .controls #textemois { color:#fff; line-height:26px; }

#calendrierEvenements #joursSemaine { text-transform:uppercase; }


/* PAGE DE LISTING ET DETAIL
--------------------------------------------------------------------------------------- */
.listingNouvelle{margin-bottom:8px; height:100px; min-height:100px;}
.listingNouvelle h3{Font-family:Arial; font-size:18px; color:#000; }
.listingNouvelle h3 a{text-decoration:none; color:#000;}
.listingNouvelle p a{text-decoration:none; color:#000;}
.linkSavoirPlus{color:#ff0000;}

#listingPointFort{margin-bottom:15px; height:100px; min-height:100px;}
#listingPointFort ul li{margin-bottom:10px;}
#listingPointFort ul li a{Font-family:Arial; font-size:18px; color:#000; text-decoration:none;}

#btDetail h1{font-family:Arial; font-size:34px; letter-spacing: -1px; color:#000; font-weight:normal; line-height:80%; margin:20px 0;}
#btDetail p a{font-size:12px; color:#000; text-decoration:none;}
#btDetail p a:hover{font-size:12px; color:#000; text-decoration:underline;}
.bordurePhoto{float:left; margin:0 20px 20px 0; border:3px solid #989ea3;}

/* MAIN
--------------------------------------------------------------------------------------- */
#btHautDePage{position:relative; width:1000px; height:433px;}
#haut{height:85px;width:1000px; float: left; margin: 0 0 20px 0;}

#header{width:1000px; height:325px; float: left;}
#colGaucheHeader{width:690px; height:325px; float:left; margin-right:20px; overflow:hidden;}
#btTexteAccueil p{color:#000;  letter-spacing: -1px; line-height:normal;}
#btTexteAccueil a{text-decoration:none;}
#btTexteAccueil ul li{color:##717172; list-style-type:none; background:url(gx/M/bulletMoyenne.png) no-repeat center left; padding-left:26px; margin-bottom:6px;  letter-spacing: -1px;}
#btTexteAccueil h2{color:#5089B8; font-size:12px; border:none;}

#colDroiteHeader{width:290px; height:325px; float:left;}
#logo{width: 207px; height: 85px; float:left;position:absolute; top:0; left:0; z-index:10;}

#twitter{float:left; padding:6px 7px 0 215px;}

/* MENUS
--------------------------------------------------------------------------------------- */
#btMenu{
	height:25px; float:right; width: 792px; margin:23px 0 0 0;  
}
#menu {margin:0;padding:0;}
#menu li{padding:0; margin:0; display:inline; list-style-type:none; padding: 0 9px;}
#menu li a, #menu li a:link, #menu li a:visited{
	font-family: Arial;
	color: #a8c995;
	font-size: 16px;
	/*font-weight: bold;*/
	letter-spacing: -1px;
	line-height: 12px;
	text-decoration: none;
	margin:0;
	
}
#menu li ul li a, #menu li ul li a:link, #menu li ul li a:visited{
	font-family: Arial;
	color: #aeaeae;
	font-size: 13px;
	/*font-weight: bold;*/
	letter-spacing: 0.5px;
	line-height: 30px;
	text-decoration: none;
	margin:0;
	display:block;
	height:30px;
	padding:0 20px;
	
}
.borderGrise{border-bottom:1px solid #808080;}
.background{ background: #000 url(gx/M/separateurMenu.gif) no-repeat center right;}

#menu li ul li{ background-color:#000;}
#menu li ul li a:hover{color:#fff; }

#menu li a:hover, #menu li a:visited:hover{/*background-color:#999;*/ color:#fff; letter-spacing: -1px;}
#menu li a.actif, #menu li a.actif:visited, #menu li a:active, #menu li a:visited:active{/*background-color:#C21527;*/ color:#FFF; letter-spacing: -1px;}

/* Navigation secondaire */
#menuSec{float:right;}
#menuSec li{border-right:1px solid #000; display:inline; float:left; list-style-type:none; padding:0 5px 0 5px; margin:0;}
#menuSec li.dernier{border:0; padding:0 0 0 5px;}
#menuSec a, #menuSec a:link, #menuSec a:visited{float:left;font-size: 10px;}

/* MODULE_TEXTE
--------------------------------------------------------------------------------------- */
/*#btTexte{margin:25px 0 0 0;}*/
#btTexte h2{font-family:Arial; font-size:34px; letter-spacing: -1px; color:#000; font-weight:normal; line-height:80%;}
#btTexte a{color:#000; text-decoration:underline;}
#btTexte ul li{color:#000;}
#btTexte ul li p{color:#000;}


/* 01_100 : PAGE ACCUEIL
--------------------------------------------------------------------------------------- */
#colGaucheContenu{width:690px; float:left; margin-right:20px;}
#h2SpecialAccueil{font-family:Arial; font-size:34px; letter-spacing: -1px; color:#000; font-weight:normal; line-height:80%;}
#h1SpecialAccueil{font-family:Arial; font-size:31px; letter-spacing: -1px; color:#9ecc83;font-weight:normal;  line-height:80%;}

#bt3FirstNouvelles{margin-top:18px;}
#bt3FirstNouvelles p{color:#FFF;}
.thumbNouvelle{float:left; margin-right:15px; border:3px solid #989ea3; }
#btnVoirToutesNouvelles{color:#fff; text-decoration:none; background-color:#7BA961; display:block; float:left; padding:5px 18px; border-radius:4em; -moz-border-radius:4px; -webkit-border-radius:4px;}
#btnVoirToutesNouvelles:hover{background-color:#A0CD87;}

#colDroiteContenu{width:290px; float:left; }

.btnBleu {background:url(gx/01/btnBleu.gif) no-repeat top left; float:left; width:290px; height:81px; margin-top:0px; margin-bottom:10px; display:block; text-decoration:none;}
.btnBleu:hover {background:url(gx/01/btnBleu_over.gif) no-repeat top left; text-decoration:none;}
.btnNoir{background:url(gx/01/btnNoir.gif) no-repeat top left; float:left; width:290px; height:81px; margin-bottom:10px; display:block; text-decoration:none;}
.btnNoir:hover{background:url(gx/01/btnNoir_over.gif) no-repeat top left; text-decoration:none;}
.btnVert {background:url(gx/01/btnVert.gif) no-repeat top left; float:left; width:290px; height:81px; margin-top:0px; margin-bottom:10px; display:block; text-decoration:none;}
.btnVert:hover {background:url(gx/01/btnVert_over.gif) no-repeat top left; text-decoration:none;}

.titreBtn{background:url(gx/M/bulletGrande.png) no-repeat center left; color:#fff; margin:20px 0 0 20px; padding-left:30px; font-family:helvetica; font-size:27px; line-height:100%; /*text-transform: uppercase;*/ letter-spacing: -1px;}
.sousTitreBtn{background:url(gx/M/bulletPetite.png) no-repeat center left;  color:#fff; margin:6px 0 13px 60px; padding-left:15px;font-family:tahoma; font-size:11px; line-height:100%; letter-spacing: 0; text-decoration:underline;}


#logos a{padding:5px 8px 5px 0;float:right;}
#logos a.dernier{padding:5px 0px 5px 0;float:right;}
/* 00_777 : PAGE PARTAGER SITE
--------------------------------------------------------------------------------------- */
.formTableSet th { color:#000; padding:10px 0 5px; font-weight:bold; margin-top:20px; }
.formTableSet td { border-top:1px solid #d1d1d1; padding:5px 0; }
.formTableSet td label, .formTableSet td input, .formTableSet td .boiteTexte { margin:0; }
.formTableSet td table td { border:none; padding:3px 0; }


/* 03_400 : ADHESION
--------------------------------------------------------------------------------------- */
#btAdhesion{float:left; margin-bottom:10px;}
#btAdhesion img{float:left; margin-right:15px; width:50px height:58px;}
#btAdhesion p{float:left; padding:16px 0; }

/* 03_500 : MARRAINAGE
--------------------------------------------------------------------------------------- */
#btMarrainage{float:left; margin-bottom:10px;}
#btMarrainage img{float:left; margin-right:15px; width:50px height:58px;}
#btMarrainage p{float:left; padding:16px 0; }

/* 06_100 : MEMOIRES
--------------------------------------------------------------------------------------- */
#btMemoire{float:left; margin-bottom:10px;}
#btMemoire img{float:left; margin-right:15px; width:50px height:58px;}
#btMemoire p{float:left; padding:16px 0; }

/* 07_100 : LIENS
--------------------------------------------------------------------------------------- */
#listingLien li{font-size:15px; font-weight:bold; margin-bottom:10px;}
#listingLien li a{color:#000; text-decoration:none;}
#listingLien li ul li{list-style-type:none;font-size:12px; font-weight:normal;}


/* 09_100 : PAGE CONTACT
--------------------------------------------------------------------------------------- */
#carteContact{border:1px solid #999;height:300px;width:350px;float:left;}
#boiteFormQuestion{float:right;width:370px;}

#formQuestion{float:right;width:370px;}
#formQuestion label{float:left;width:80px;}
#formQuestion .champTexte{float:left;width:200px;}
#formQuestion .listeDeroulante{float:left;width:200px;}
#formQuestion .boiteTexte{float:left;height:70px;width:230px;}

/* 04_200 : PAGE VIDEOS
--------------------------------------------------------------------------------------- */
#sectionVideo .boiteVideo { padding:10px 5px 15px; border-bottom: 1px solid #ccc; }
#sectionVideo .imgVideo { width:160px; float:left; }
#sectionVideo .contenuVideo { float:left; width:540px; }


/* PIED DE PAGE
--------------------------------------------------------------------------------------- */
#piedPageConteneur{background: #03508b url(gx/M/bgPiedPage.gif) repeat-x top left; width:100%; min-height:123px; height:auto !important; height:123px;}
#piedPage{color:#fff; /*height:50px; */padding-top:40px; width:1000px; margin:0px auto;}
#piedPage a{color:#fff; text-decoration:underline; text-decoration:none; }
#piedPage a:hover{color:#9ab9d1;}
#piedPage #copyrights{float:left; margin:0; text-align:left;  color:#9ab9d1;}
#piedPage #copyrights a{color:#9ab9d1;}
#piedPage #copyrights a:hover {text-decoration:underline;}
/* Navigation en bas-de-page */
#piedPage .menuBas{float:left;text-align:right; }
#piedPage .menuBas li{ display:inline-block; float:left; list-style-type:none; margin:0; color:#9ab9d1;}
#piedPage .menuBas li a.premier{margin-left:0;}
#piedPage .menuBas a, .menuBas a:visited{float:left;font-size: 11px; color:#9ab9d1; text-decoration:none; margin:0 5px;}
#piedPage .menuBas a:hover{text-decoration:underline;}

/* Partager cette page (bookmarker) */
#socialBookmarker{float:right;}
#socialBookmarkerPrefix{float:left;cursor:default;}
.bookmarkIconesVisibles {float:left;margin-left:2px;}
#bookmarkHoverPopup{border:solid 1px; background-color:#FFF; display:none; padding:4px; position:absolute; text-align:left; width:315px;}
#bookmarkHoverPopup .bookmarkHoverPopupItems{float:left; height:25px; margin-right:4px; width:150px;}
#bookmarkHoverPopup .bookmarkHoverPopupItems a{height:25px; line-height:25px;}
#bookmarkHoverPopup .bookmarkHoverPopupItems a:link, #bookmarkHoverPopup .bookmarkHoverPopupItems a:visited{border:none; color:#000; display:block; padding-left:2px; text-decoration:none; width:150px;}
#bookmarkHoverPopup .bookmarkHoverPopupItems a:active, #bookmarkHoverPopup .bookmarkHoverPopupItems a:hover{background-color:#eee; border:1px solid #666; color:#333; display:block; height:25px; padding-left:2px; text-decoration:none; width:150px;}