/* RÉINITIALISATION DES ÉLÉMENTS
--------------------------------------------------------------------------------------- */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,select,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
--------------------------------------------------------------------------------------- */
/* Supprimer si le site de contient pas de page de garde (splash)
body#index{
	background: #FFF url(gx/bg.gif) repeat-x scroll center top;
	text-align:center;
}
*/

body{background: #FFF; color: #212121; font-size: 12px;	line-height: 150%;	font-family: Tahoma, Helvetica, Georgia;	text-align: left;}
html{}

/* TEXTES ET HYPERLIENS GLOBAUX
--------------------------------------------------------------------------------------- */
a, a:link, a:active, a:focus{color:#820024; outline:none; text-decoration:none;}
a:hover {
  color: #212121;
}

h1{color:#212121; font-size:18px; margin-bottom:0.5em; line-height:100%;}
h1 a, h1 a:link{text-decoration:none;}

h2{color:#212121; font:400 18px Helvetica; margin-bottom:20px; line-height:100%; text-transform:uppercase;}
h2 a, h2 a:link, h2 a:active{color:#212121;}
h2 a:hover { color: #820024; }

h3{font:800 14px Helvetica; margin-bottom:20px; line-height:100%; }

blockquote, q{quotes:none; margin:1em 0;}
blockquote:before, blockquote:after, q:before, q:after{content:''; content:none;}
blockquote, q, cite{font-style:italic;}
blockquote{padding-left: 1.625em; border-left:3px solid #ccc;}
blockquote > p {padding: 0;}

sub, sup{font-size: 75%; line-height: 0; position: relative; vertical-align: baseline;}
sup{top: -0.5em;}
sub{bottom: -0.25em;}

hr{margin:10px 0; background-color:#CCC; height:1px; border:none; clear:both;}

.incTinyMce{line-height:170%;}
.incTinyMce p{margin-bottom:1em;}
.incTinyMce ul li, .incTinyMce ol ul li{list-style:square; margin-left:16px;}
.incTinyMce ul ul li{list-style:circle;}
.incTinyMce ol li, .incTinyMce ul ol li{list-style:decimal; margin-left:23px;}
.incTinyMce ol ol li{list-style:lower-alpha;}

.textePetit{font-size:11px;}
.rouge{color:#820024;}

/* Méthode de clear float */
.both, .clearBoth{clear:both;}

/* Méthode alternative */
.clearfix:after{visibility:hidden; display:block; font-size:0; content:'.'; clear:both; height:0;}
* html .clearfix {zoom:1;}
*:first-child+html .clearfix{zoom:1;}

/* FORMULAIRES
--------------------------------------------------------------------------------------- */
fieldset{}
legend{}
form.form{font-style:Helvetica; position:relative; clear:both; padding:0 0 15px;}
form.form div{height:30px; margin:22px 25px 0 0; position:relative; float:left;}
form.form div.right{margin:22px 35px 0 0; float:right;}
form.form div label{display:block; font:400 15px Helvetica; /* position:absolute; top:25px; left:5px; z-index:1; */}
form.form div label.erreur{color:#cc0000;}
form.form div input,
form.form div select{width:195px; padding:5px; color:#505050;}
form.form div input{height:20px; border:none; }
form.form div input[type=submit]{width:205px; height:auto; float:right; margin:10px 0 0; font-size:14px; color:#fff; text-transform:uppercase;  text-align:center; border:none; background:#383838; cursor:pointer;}
form.form div input[type=submit]:hover { background-color: #555; }
form.form div select{width:205px; border:none;}
form.form div textarea{ padding:5px; color:#505050; border:none;}
form.form div.h100{width:665px; height:100px; /* overflow:hidden; */ float:right; margin-right:35px;}
form.form div.h100 textarea{width:660px; min-width:650px; max-width:650px; height:100px;}
form.form div input.erreur, textarea.erreur{border:1px solid #cc0000;}



.bouton{
	float:right;
	margin-top:15px;
	/*background-color: #EEF3F7;
	color: #498ECB;
	font-weight: bold;*/
}

.bouton:hover{/*background-color:#1A80B6; color:#FFF;*/}
.champCache{display:none; visibility:hidden;} /* Utilisé pour l'anti-spam */
#contenu .article #listingArticle div .textContent.fullWidth{width:100%;}

p.avertissement{text-align:center; color:#DBA400; background-color:#FFE9A8; border:1px #DBA400 solid; clear:both; margin-bottom:10px; padding:10px; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px;}
p.erreur{text-align:center; color:#CC0000; background-color:#FFDDDD; border:1px #CC0000 solid; clear:both; margin-bottom:10px; padding:10px; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px;}
p.succes{text-align:center; color:#4F8A10; background-color:#DFF2BF; border:1px #4F8A10 solid; clear:both; margin-bottom:10px; padding:10px; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px;}
p.conseil{font-size:11px;display:none;}
div.erreur{color:#cc0000}

/* Icones générales
--------------------------------------------------------------------------------------- */
.lienRSS{background: url(Gx/icone_RSS.png) 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{width:980px; margin:0 auto;}


#header{width:100%; height:150px;}
#header .conteneur{height:150px; background:url(gx/m/bg_header.png) no-repeat top right #fff;}
#header .conteneur a#logo{margin:25px 0 0;}
#header .conteneur a.btn_cadena{float:right; margin:17px 0 0 25px;}
#header .conteneur #menuSec{height:35px; float:right; margin:25px 0 0;}
#header .conteneur #menuSec li{display:inline; float:left; margin:0 7px; color:#d0cfcf;}
#header .conteneur #menuSec li a, #header .conteneur #menuSec li a:link, #header .conteneur #menuSec li a:active, #header .conteneur #menuSec li a:focus{height:30px; display:block;  font:italic 12px Georgia; color:#666; position:relative;}
#header .conteneur #menuSec li a:hover { color: #820024; }
#header .conteneur #menuSec li a span{float:left; margin:0 10px 0 0;}
#header .conteneur #menuSec li p{margin:-7px 0 0; font:italic 14px Georgia; color:#7f7f7f;}
#header .conteneur #menuSec li p span{font:italic 20px Georgia; color:#000;}
#header .conteneur #menu{width:800px; float:right; margin-top:20px;}
#header .conteneur #menu li{display:block; float:right; margin-left:1px;}
#header .conteneur #menu li a{
	padding:10px 32px;
	display:block;
	float:right;
	background:#d4d4d4;
	font:bold 15px Helvetica;
	color:#373737;
	text-transform:uppercase;
	border-radius:5px;
}
#header .conteneur #menu li a.active{
	background:#820024;
	color:#fff;
}
#header .conteneur #menu li a:hover{
  background-color: #383838;
  color:#fff;
}

#contenu{height:auto !important; height:500px; min-height:500px; margin-bottom:40px; padding-top:60px; background:url(gx/m/bg_contenu.png) repeat-x 0 0 #fff;}
#contenu .article{width:700px; float:left;}
#contenu .article #listingArticle{}
#contenu .article #listingArticle div{margin:0 0 5px; padding:18px 18px 0 10px; background:#dfdfdf; position:relative;}
#contenu .article #listingArticle div div{margin:0; padding:0; background:none;}
#contenu .article #listingArticle div .figure{float:left;}
#contenu .article #listingArticle div .figure img{padding:5px; background:#fff;}
#contenu .article #listingArticle div .textContent{width:505px; float:right; margin-bottom:40px;}
#contenu .article #listingArticle div a.btn_document{position:absolute; bottom:0; right:20px; text-transform:uppercase; font-style:normal;}


#contenu .aside{width:240px; float:right;}
#contenu .aside #zone_accesMembre{width:206px; display:block; padding:14px 8px; background:#820024; border:9px solid #ddd; color:#fff;}
#contenu .aside #zone_accesMembre h3{font:400 15px Helvetica; text-transform:uppercase;}
#contenu .aside #zone_accesMembre hr{margin:10px 0 15px; background-color:#fff; height:1px; border:none;}
#contenu .aside #zone_accesMembre form.form div{margin:22px 0 0 0}
#contenu .aside #solution{margin:20px 0 0; clear:both; border:1px solid #d2d2d2; text-align:center; background:#fff;}
#contenu .aside #solution a{width:240px; height:57px; display:block; margin:0 auto; padding:10px 0;position:relative; overvlow:hidden; z-index:0;}

#footer{width:100%; background:#383838; padding:12px 0;}
#footer, #footer a{color:#807d74;}
#footer a:hover {color:#ccc;}

#logo{float:left;}



.floatL{float:left;}

.ic_maison, .ic_zonePublic{background:url(gx/m/ic_sprite.png) no-repeat;}
.ic_maison{width:14px; height:15px; background-position:0 0;}
.ic_zonePublic{width:13px; height:14px; background-position:-20px 0;}
.reflet{height:25px; background:url(gx/m/ic_sprite.png) no-repeat -122px 0; }



a.btn_cadena, a.btn_document{height:25px; float:left; padding:0 20px 0 50px; background:#820024; font:italic 14px/25px Georgia; color:#fff; position:relative;}
a.btn_cadena:hover, a.btn_document:hover { background-color: #212121; }
a.btn_cadena .fond, a.btn_document .fond{width:35px; height:25px; background:#212121; position:absolute; top:0; left:0; z-index:1;}
a.btn_cadena .reflet, a.btn_document .reflet{width:35px; position:absolute; top:0; left:0; z-index:3;}
a.btn_cadena .refletText, a.btn_document .refletText{width:79px; height:25px; background:url(gx/m/ic_sprite.png) no-repeat -80px 0; position:absolute; top:0; right:7px;}
a.btn_cadena .img{width:13px; height:16px; background:url(gx/m/ic_sprite.png) no-repeat -40px 0; position:absolute; top:5px; left:10px; z-index:2;}
a.btn_document .img{width:10px; height:11px; background:url(gx/m/ic_sprite.png) no-repeat -60px 0; position:absolute; top:7px; left:12px; z-index:2;}



/* MENUS
---------------------------------------------------------------------------------------
#menu{margin-bottom:20px;}
#menu li{display:inline-block; float:left;}
#menu a, #menu a:link, #menu a:visited{
	border: 1px solid #999;
	color: #000;
	font-size: 12px;
	font-weight: bold;
	line-height: 12px;
	margin-right:4px;
	padding: 5px;
	text-decoration: none;
	zoom:1;
}
#menu a:hover, #menu a:focus, #menu a:visited:hover{background-color:#ddd; color:#333;}
#menu a.actif, #menu a.actif:visited, #menu a:active, #menu a:visited:active{background-color:#01ACF3; color:#FFF;}

/* Navigation secondaire
#menuSec{float:right; font-size:11px;}
#menuSec li{display:inline; float:left;}
#menuSec a, #menuSec a:link, #menuSec a:visited{padding:0 5px;}
#menuSec li.dernier a{padding-right:0;} */

/* 00_110 : PAGE NOUVELLE
--------------------------------------------------------------------------------------- */
.photoMortaise{float:left; margin:4px 10px 5px 0;}

/* Boutons de partage */
.btnPartageGoogle{width:85px;float:left;}
.btnPartageTwitter{width:125px;float:left;}
.btnPartageLinkedIn{width:110px;float:left;}
.btnPartagePinterest{width:110px;float:left;}
.btnPartageStumbleUpon{width:110px;float:left;}
.btnPartageFacebook{width:155px;float:left;}

/* 01_100 : PAGE ACCUEIL
--------------------------------------------------------------------------------------- */


/* 09_100 : PAGE CONTACT
--------------------------------------------------------------------------------------- */
