/* 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#main{
	background-color: #7a9eb4 ;
	text-align:center;
}
html{
	color: #fff;
	font-size: 11px;
	font-family: Trebuchet MS, Georgia, Times, "Times New Roman", "Courier New"; /* Garder seulement 3 fontes */
}

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

h2{color:#333333; font-size:15px; margin-bottom:4px;}
h2 a, h2 a:link, h2 a:visited{color:#333;}

h3{color:#006666; font-size:11px; margin-bottom:4px; font-weight:bold;}

.headline{color:#486476; font-size:16px; font-weight:bold; text-transform:uppercase; width:375px; background: #fff url(gx/M/headline_bg.gif) no-repeat 175px 5px; margin:0 0 15px 0;}

p{font-size:11px; line-height:150%; color:#000;}
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{color:#006666; 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:#B087D9; text-decoration:none;
}

ul li{color:#1F1F1F; font-size:11px; line-height:150%; list-style:none; margin-left:16px; background:url(gx/M/puce.gif) no-repeat 0 4px; padding-left:15px;}
ol li{color:#1F1F1F; font-size:11px; 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;}
*/

/* 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{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{
	background:url(gx/M/bg_conteneur.gif) repeat-y top left;
	margin:0 auto 0 auto;
	text-align:left;
	width:770px;
}
#contenu{
	margin:20px 0 0 15px;
	width:740px;
	min-height:500px;
	height:auto !important;
	height:500px;
	padding:0 3px;
}

.both{clear:both;}


/* MAIN
--------------------------------------------------------------------------------------- */
#haut{background:url(gx/M/header.gif) no-repeat top left; width:765px; height:127px; margin:0 0 0 3px; position:relative;}
#logo{position:absolute; bottom:0; left:0;}
#h1Special{position:absolute; bottom:8px; right:10px; color:#000; font-size:12px; border:none; font-weight:normal; text-transform:uppercase;}
#Bt_btnEnveloppe{position:absolute; top:10px; right:10px; height:50px;}
#btnEnveloppe{background:url(gx/M/enveloppe.jpg) no-repeat top left; width:42px; height:40px; display:block; color:#fff; text-decoration:none; cursor:pointer;}
#btnEnveloppe p{color:#fff; text-decoration:none; padding-top:25px; width:42px; font-size:11px;}
#btnEnveloppe:hover{background:url(gx/M/enveloppe_over.jpg) no-repeat top left;}
#btnEnveloppe:hover p{color:#66cccc; text-decoration:none;}

#Bt_btnEditorial{position:absolute; top:10px; right:70px;}
#btnEditorial{background:url(gx/M/blocNote.png) no-repeat top center; /*width:40px;*/ height:50px; display:block; color:#fff; text-decoration:none; cursor:pointer; }
#btnEditorial p{color:#fff; text-decoration:none; padding:25px 0 0 0 ;  font-size:11px;}
#btnEditorial:hover{background:url(gx/M/blocNote.png) no-repeat top center;}
#btnEditorial:hover p{color:#66cccc; text-decoration:none;}

#division_footer{background: url(gx/M/division_footer.gif) no-repeat top left; width:770px; height:12px; display:block; margin:15px 0 0 0;}


/* MENUS
--------------------------------------------------------------------------------------- */
#menu {margin:0;padding:0;}
#menu li{padding:0; margin:0; display:inline; list-style-type:none; float:right; margin-right:20px; background:none;}
#menu li a, #menu li a:link, #menu li a:visited{
	/*border: 1px solid #999;*/
	color: #000;
	font-size: 11px;
	font-weight: bold;
	line-height: 12px;
	padding: 5px;
	text-decoration: none;
}
#menu li a:hover, #menu li a:visited:hover{/*background-color:#999;*/ color:#333;}
#menu li a.actif, #menu li a.actif:visited, #menu li a:active, #menu li a:visited:active{b/*ackground-color:#C21527;*/ color:#FFF;}

/* 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;}

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


/* 01_100 : PAGE ACCUEIL
--------------------------------------------------------------------------------------- */
#blocUn{float:left; margin:0 5px 20px 0;}
#blocUnColGauche{float:left; width:530px; margin-right:15px;}
#blocUnColDroite{float:left; width:190px;}
#blocUnColDroite img{float:left; border:1px solid #000; margin-bottom:25px;}

#blocDeux{float:left;}
#blocDeuxColGauche{float:left; width:360px;}
#blocDeuxColDroite{float:left; width:360px; background: url(gx/01/separateur_col.gif) repeat-y top left; padding-left:10px;}

/* 02_110 : ÉDITORIAUX - DÉTAIL
--------------------------------------------------------------------------------------- */
.bordurePhoto{float:right; padding:0 0 10px 10px;}

/* PIED DE PAGE
--------------------------------------------------------------------------------------- */
#piedPage{color:#555; font-size:10px; height:100px; padding:0 6px; width:745px; margin:0 0 0 10px; background-color:#bbd8ea;}
#piedPage p{text-align:center;}
/*#piedPage a{color:#BD9500; text-decoration:underline;}
#piedPage a:hover{color:#000;}*/
#piedPage #copyrights{float:left; margin:0; text-align:left;}
#piedPage #copyrights a{font-weight:normal; text-decoration:none; color:#006666;}
#piedPage #copyrights a:hover{font-weight:normal; text-decoration:none; color:#B087D9;}
#piedPage #copyrights #lienCopyrights{font-weight:normal; text-decoration:none; color:#006666;}
#piedPage #copyrights #lienCopyrights:hover{font-weight:normal; text-decoration:underline; color: #B087D9;}
#piedPage #menuBas{float:right;text-align:right;}

/* 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;}