/* 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: #FFF url(gx/bg.gif) repeat-y  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, .h1{color:#993d56; font-size:18px; margin-bottom:10px; font-family: Helvetica, Arial, Verdana, Tahoma, sans-serif; }
.h1 { font-weight:bold; }
h1 a, h1 a:link, h1 a:visited{color:#C21527;}
h1.h1Accueil { color:#FFFFFF; border:none; font-family: Helvetica, Arial, Verdana, Tahoma, sans-serif; font-size:20px; width:270px; line-height:25px; text-align:right; padding:80px 0 0 0; }
h1.h1Accueil span { text-transform: uppercase; }

h2 { color:#993d56; font-size:16px; margin-bottom:10px; font-family: Helvetica, Arial, Verdana, Tahoma, sans-serif;}
h2 a, h2 a:link, h2 a:visited { font-size:14px; color:#993d56; }

p{font-size:12px; line-height:16px; color:#505152; margin-bottom:10px; }
p.textePetit{font-size:10px; padding:0 0 0 3px;}
p a, p a:link, p a:visited, ul li a, ul li a:visited, ol li a, ol li a:visited{color:#993d56; 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:#993d56; text-decoration:none;
}

a { color:#993d56; text-decoration:underline; font-size:12px; }
a:hover { color:#993d56; text-decoration:none; }

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


.right { float:right; }
/* 
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;}
*/

#menuSec li a.typoPetit, #menuSec li a.typoPetit:visited{font-size:11px; cursor:pointer;}
#menuSec li a.typoGrand, #menuSec li a.typoGrand:visited{/*font-size:12px; */font-weight:bold;cursor:pointer;}

/* FORMULAIRES
--------------------------------------------------------------------------------------- */
fieldset{border:1px solid #000; font-size: 12px; 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:#505152; margin:2px 0 2px 0; padding:3px;}
label{font-size:12px; color:#505152; margin:2px 0 2px 0; width:100px; float:left; padding:3px;}
fieldset label.erreur{color:#cc0000;}
label.erreur{color:#cc0000;}
.erreur{color:#cc0000;}
.champTexte{
	background: #cccccc;
	border: 1px solid #505152;
	color: #505152;
	font-size: 11px;
	margin:2px 0 2px 0;
	padding:3px;
	width:200px;
}
.listeDeroulante{
	background: #cccccc;	
	border: 1px solid #505152;
	color: #505152;
	font-size: 11px;
	margin:2px 0 2px 0;
	width:200px;
}
.boiteTexte{
	background: #cccccc;
	border: 1px solid #505152;
	color: #505152;
	font-family: Arial, sans-serif;
	font-size: 11px;
	margin:2px 0 2px 0;
	width:200px;
}
.bouton{
	background-color: #cccccc;
	color: #505152;
	font-family: Arial, sans-serif;
	font-size: 13px;
	font-weight: bold;
}
.bouton:hover{background-color:#505152; color:#FFF; cursor:pointer; }
.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; padding:0 0 0 3px;}
p.conseil em { color:#993d56; }

/* Icones générales
--------------------------------------------------------------------------------------- */
.lienRSS{background: url(Gx/icone_RSS.gif) no-repeat left;padding:5px 0 5px 20px;}
.lienSUITE{background: url(Gx/icone_SUITE.gif) no-repeat left top;padding:0 0 0 20px;}
.lienSUITE:hover{background: url(Gx/icone_SUITE.gif) no-repeat left bottom;}
.lienNEWS{background: url(Gx/icone_news.gif) no-repeat left top;padding:0 0 0 20px;}
.lienNEWS:hover{background: url(Gx/icone_news.gif) no-repeat left bottom;}
.lienARCHIVE{background: url(Gx/icone_ARCHIVES.gif) no-repeat left top;padding:1px 0 0 20px;}
.lienARCHIVE:hover{background: url(Gx/icone_ARCHIVES.gif) no-repeat left bottom;}
.lienRETOUR {background: url(Gx/icone_RETOUR.gif) no-repeat left;padding:5px 0 5px 15px;}
.lienVIDEO{background: url(Gx/icone_video.gif) no-repeat left bottom;padding:31px 0 0 35px; font-weight:bold; }
/* .lienPDF{background: url(Gx/icone_PDF.gif) no-repeat left;padding:5px 0 5px 20px;} */


/* CONTENEURS ET CLASSES GÉNÉRALES
--------------------------------------------------------------------------------------- */
#top { background: #858686; height:25px; }
#conteneur{
	margin:0 auto 0 auto;
	text-align:left;
	width:972px;
	border-right:1px solid #c4c4c5;
	border-left:1px solid #c4c4c5;
	padding:0 8px 0 8px;
}
#contenu{
	min-height:500px;
	height:auto !important;
	height:500px;
	border-bottom:20px solid #FFFFFF;
}
#haut { background: url(gx/m/bg_banner.gif) no-repeat left top; width:972px; height:124px; border-bottom:2px solid #FFFFFF; }
#haut .info { float:right; width:200px; color:#7c7c7c; font-size:13px; font-family:Arial, sans-serif; text-align:right; padding:20px 30px 0 0; }
#haut .info .phone { font-size:20px; font-weight:bold; }
#haut .info a { color:#7c7c7c; }
.both{clear:both;}
#logo { margin:4px 0 0 27px; }
#content { background: url(gx/m/bg_content.gif) no-repeat left top; border-bottom:2px solid #FFFFFF; padding:30px 10px 0 5px; }
#ColGauche { width:287px; float:left; }
#ColDroite { width:670px; float:left; }
#text { border-bottom:1px solid #cccdcd; margin-bottom:10px; }
#text .img { float:right; margin:5px 10px 0 0; border:1px solid #9a9b9d; }

/* MENUS
--------------------------------------------------------------------------------------- */
#menu { background: url(gx/m/bg_menu.gif) repeat-x left top; margin:0; padding:0; width:972px; height:38px; border-bottom:2px solid #FFFFFF; }
#menu a { text-decoration:none; }
#menu a:hover { color: #FFFFFF; text-decoration:underline; }
#menu .first { border-left:none; background: url(gx/m/bg_first.gif) no-repeat left top; }
#menu .last { border-right:none; background: url(gx/m/bg_last.gif) no-repeat right top; }
#menu .first a:hover { background: #612334 url(gx/m/bg_first.gif) no-repeat left bottom; }
#menu .last a:hover { background: #612334 url(gx/m/bg_last.gif) no-repeat right bottom; }

/* Navigation Generation */
#menuGeneration { background: url(gx/m/bg_menu.gif) repeat-x left top; height:38px; margin-bottom:20px;  }
#menuGeneration li { display:inline; float:left; margin:0; padding:0; }
#menuGeneration li a { display:block; float:left; height:38px; line-Height:38px; color:#FFFFFF; font-weight:bold; text-decoration:none; padding:0 20px 0 20px; border-right:1px solid #993d56; border-left:1px solid #612334; }
#menuGeneration li a:hover, #menuGeneration li a.on { background:#501525; text-decoration:none; }

/* Navigation secondaire */
.menuSec { width:978px; height:25px; margin:0 auto 0 auto }
#menuSec{ float:right; height:25px; }
#menuSec li { display:inline; float:left; line-height:22px; list-style-type:none; margin:0; }
#menuSec li.dernier { border:0; padding:0 0 0 5px; }
#menuSec a, #menuSec a:link, #menuSec a:visited{ float:left; display:block; font-size: 11px; font-family: Arial, sans-serif; color:#FFFFFF; text-decoration:none; padding:0 5px 0 5px; }
#menuSec a:hover{ float:left; font-size: 11px; font-family: Arial, sans-serif; color:#FFFFFF; text-decoration:underline; }

/* Navigation en bas-de-page */
#menuBas li { display:inline; float:left; list-style-type:none; padding:0; margin:0; color:#c2c3c3;}
#menuBas li.dernier { border:none; }
#menuBas a, #menuBas a:link, #menuBas a:visited { color:#e1e1e2; display:block; float:left; font-size: 12px; padding:0 5px 0 5px; text-decoration:none; }

#menuSec li a#nousJoindre{
	font-size:12px;
	font-weight:bold;
}

.adresse { text-decoration:none; } .adresse:hover { text-decoration:none; }

/* CALENDRIER
--------------------------------------------------------------------------------------- */
#calendrier { background:#6e2b3d; border:1px solid #cccdcd; width:273px; height:186px; overflow:hidden; float:left; margin:0; }
.calendar { position:relative; min-height:0px; margin:0; padding-top:30px; _padding:30px 0 0 13px; clear:both; }
*html .calendar { margin:0; height:138px; clear:both; overflow:hidden; }

/* (Calendrier d'événements calendrierEvenement.js) */
div#CalendrierEvenement { float:left; font-size:12px; width:273px; padding:0 0 0 0; }
*html div#CalendrierEvenement { float:left; font-size:12px; }
#CalendrierEContent, #Calendrier { position:relative; }

/* Titre à l'intérieur du calendrier */
div#CalendrierEvenement .header { height:30px; margin:0px; padding:0px; }

/* control (flèches) droite et gauche  */
div#CalendrierEvenement .controls { width:273px; height:23px; line-height:23px; background: #993d56; text-transform:uppercase; padding:0; margin:0; position:absolute; left:0px; top:0px; }
div#CalendrierEvenement .btn_gauche { float:left; border-top:5px solid #993d56; }
div#CalendrierEvenement .btn_droit { float:right; border-top:5px solid #993d56; }

div#CalendrierEvenement input { outline:none; }

/* Jour de la semaine */
div#CalendrierEvenement div.weekdays { width:263px; }
div#CalendrierEvenement div.weekdays div { color: #FFFFFF; font-size:12px; margin:0px; padding:0px; _padding:-20px; }

*html div#CalendrierEvenement div.days { position:absolute; left:-141px; top:20px; width:263px; z-index:9998; }
div#CalendrierEvenement div.days div { border-right:13px solid #6e2b3d; color:#FFFFFF; font-weight:bold; width:20px; height:20px; line-height:18px; padding:1px 2px; }
div#CalendrierEvenement div.days div a, div#CalendrierEvenement div.days a:visited { height:20px; background:#cdea5a; color:#313030; font-weight:bold; display:block; text-decoration:none; cursor:pointer; }

/* pop up des nouvelles/evenements lors du rollover sur la date en question */
div#CalendrierEvenement div.days div ul { position:absolute; left:0; display:none; border:1px solid #9a9b9c; width:261px; font-weight:normal; background:#46111f; color:#000000; margin:0px; padding:5px; z-index:100; }

div#CalendrierEvenement div.days div ul li { font-size:12px; color:#FF0000; list-style-type:square; margin:3px 16px; text-align:left; }
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:#313030; font-weight:bold; padding:0px; margin:0px; text-indent:0; background:none; }
div#CalendrierEvenement div.days a:hover { text-decoration:underline; }
div#CalendrierEvenement div.days div { margin:-1px 0 0 -1px; }

/* La date d'aujourdhui */
div#CalendrierEvenement div.days div.today { background: #993d56; color:#FFFFFF; border-right:15px solid #6e2b3d; border-left:1px solid #6e2b3d; width:12px; height:18px; padding:0; margin:0; }

/* 01_100 : PAGE ACCUEIL
--------------------------------------------------------------------------------------- */
#banner { width:972px; height:274px; background:#9a9b9d; border-bottom:2px solid #FFFFFF; }
#banner .txt { background: url(gx/m/bg_message_banner.gif) no-repeat left top; width:292px; float:left; }
#banner .img { width:680px; float:left; }

#membre ul { margin:0; padding:0; }
#membre ul li { display:inline; float:left; margin:0; padding:0; }
#membre ul li a { text-decoration:none; display:block; float:left; width:136px; height:28px; line-height:28px; background:#9a9b9d; color:#FFFFFF; border:1px solid #9a9b9d; text-align:center; font-weight:bold; }
#membre ul li a:hover { text-decoration:none; }
#membre ul li a.first:hover, #membre ul li a.first_actif { border:1px solid #FFFFFF; }
#membre ul li a.second:hover, #membre ul li a.second_actif { border:1px solid #FFFFFF; }
#membre img { border:1px solid #9a9b9d; }

.btn_infolettre { display:block; background: url(gx/m/btn_infolettre.gif) no-repeat left top; width:274px; height:94px; border:1px solid #b3b4b4; text-indent:-9999px; margin:10px 0 10px 0; }
.btn_infolettre:hover { background: url(gx/m/btn_infolettre.gif) no-repeat left bottom; }

#partenaires { width:274px; }
#partenaires .h1 { text-align:center; }

#generation { float:left; width: 272px; border-right:20px solid #FFFFFF; }
#generation img { border:1px solid #b3b4b4; }

#whatsnew { float:left; width: 350px; }
#whatsnew .date { float:left; width:34px; border:8px solid #FFFFFF; }
#whatsnew .jour { background: #6e2b3d url(gx/m/bg_jour.gif) no-repeat left top; color:#FFFFFF; width:34px; height:26px; line-height:26px; text-align:center; font-size:16px; font-weight:bold; }
#whatsnew .mois { background: #993d56 url(gx/m/bg_mois.gif) no-repeat left top; color:#cc9eab; width:34px; height:14px; line-height:12px; text-align:center; }
#whatsnew .txt { padding:5px 0 0 0; }

a.nouvelles { float:right; }
a.plus { float:right; }

/* 04_100 : PAGE CONFERENCE
--------------------------------------------------------------------------------------- */
.block_conference { border-bottom:1px solid #cccdcd; margin:0 0 10px 0; }

/* 06_100 : PAGE ACTIVITE
--------------------------------------------------------------------------------------- */
.activite_img img { border:1px solid #cccdcd; }
.activite_img img:hover { border:1px solid #9a9b9d; }

/* 08_100 : PAGE LIENS
--------------------------------------------------------------------------------------- */
.block_liencat { border-bottom:1px solid #cccdcd; margin:0 0 10px 0; }
.block_lien { margin:0 0 10px 15px; background: #f2f2f2; border-bottom:1px solid #cccdcd; width:622px; padding:10px; }
.block_lien img { border:1px solid #cccdcd; }

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

#formQuestion{width:370px; margin:0 0 10px 0; }
/*#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:200px;}*/

/* 11_100 : PAGE LISTE MEMBRES
--------------------------------------------------------------------------------------- */
.block_membre { border-bottom:1px solid #cccdcd; margin:0 0 10px 0; }
.block_membre img { border:1px solid #cccdcd; }

/* 00_100 : PAGE NOUVELLES
--------------------------------------------------------------------------------------- */
.block_nouvelle { border-bottom:1px solid #cccdcd; margin:0 0 10px 0; }
.rss { display:none; }

/* PIED DE PAGE
--------------------------------------------------------------------------------------- */
#piedPage { background:#9a9b9d; color:#e1e1e2; font-size:10px; height:110px; padding:30px 9px 0 9px; width:972px; margin:0 auto 0 auto;}
#piedPage a { color:#e1e1e2; text-decoration:underline;}
#piedPage a:hover { color:#993d56; }
#piedPage #copyrights{float:left; margin:0; text-align:left; font-size:12px; }
#piedPage #copyrights a{font-weight:normal; text-decoration:none; color:#e1e1e2;}
#piedPage #copyrights a:hover{font-weight:normal; text-decoration:none; color: #993d56;}
#piedPage #copyrights #lienCopyrights{font-weight:normal; text-decoration:none; color:#e1e1e2; padding-left:5px;}
#piedPage #copyrights #lienCopyrights:hover{font-weight:normal; text-decoration:none; color: #993d56;}

/* Partager cette page (bookmarker) */
#socialBookmarker{float:right;}
#socialBookmarkerPrefix{float:left;cursor:default;}
.bookmarkIconesVisibles {float:left;margin-left:2px;}
#bookmarkHoverPopup{border:solid 1px; background-color:#9a9b9d; 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:#e1e1e2; display:block; padding-left:2px; text-decoration:none; width:150px;}
#bookmarkHoverPopup .bookmarkHoverPopupItems a:active, #bookmarkHoverPopup .bookmarkHoverPopupItems a:hover{background-color:#eee; color:#993d56; display:block; height:25px; padding-left:2px; text-decoration:none; width:150px;}