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

body{
	background: #202020 url(gx/M/bg.jpg) no-repeat top center!important;
	color: #606060;
	font-size: 13px;
	line-height: 150%;
	font-family: Arial, sans-serif;
	text-align: left;
}

/* TEXTES ET HYPERLIENS GLOBAUX
--------------------------------------------------------------------------------------- */
a, a:link, a:visited, a:active{color:#007BB3; text-decoration: none;}
a:hover, a:focus{color:#000;}

h1{color:#191919; font-size:19px; padding-bottom: 20px; line-height:20px; font-weight: normal; background: url(gx/M/ligneh1.png) no-repeat bottom center;}
h1.accueil{color:#007bb3; font-size:22px; padding-bottom: 20px; line-height:26px; background: none; font-weight:bold;}
h1 a, h1 a:link, h1 a:visited{text-decoration:none;color:#191919;}
h1 span{color: #007bb3;font-size: 22px; font-weight: bold;}
h1 span a, h1 span a:visited{color: #007bb3;}

h2{color:#007bb3; font-size:15px; margin-bottom:0.4em; line-height:100%; font-weight: normal; padding-top: 10px;}
h2 a, h2 a:link, h2 a:visited{text-decoration:none;}

p{padding-bottom: 10px;}
.upp{text-transform: uppercase;}

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

.incTinyMce{}
.incTinyMce p{padding-right: 10px;}
.incTinyMce ul li, .incTinyMce ol ul li{list-style:none; padding-left:10px; padding-bottom: 10px; background: url(gx/M/puce.png) no-repeat 1px 3px; line-height: 110%}
.incTinyMce ul ul li{list-style:none;}
.incTinyMce ol li, .incTinyMce ul ol li{list-style:decimal; margin-left:23px; padding-bottom: 5px;}
.incTinyMce ol ol li{list-style:lower-roman;}
.textePetit{font-size:11px;}

/* 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
--------------------------------------------------------------------------------------- */
label{font-size:12px;}
label.erreur{color:#cc0000;}
input.erreur, textarea.erreur{border:1px solid #cc0000;}
.bouton{
	width: 80px;
	height: 32px;
	background: url(gx/M/bg_bouton.jpg) repeat-x top center;
	float:right;
	border:0;
	color: #fff;
	margin: 0 85px 20px 0;
	display: inline;
	cursor: pointer;
}
.bouton:hover{background: #009dc8;}
.champCache{display:none; visibility:hidden;} /* Utilisé pour l'anti-spam */

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; margin-right: 10px;}
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;}

/* CONTENEURS ET CLASSES GÉNÉRALES
--------------------------------------------------------------------------------------- */
#conteneur{
	margin:0 auto;
	width:962px;
}
#contenu{
	width:962px;
	min-height:500px;
	height:auto !important;
	height:500px;
	float: left;
	margin-top: 90px;
	margin-bottom:10px;
	display: inline;
	background: #fff url(gx/M/bg_contenu.png) no-repeat top center;
	/*padding:0 0 20px 0;*/
	padding:0 0 0 0;
	position: relative;
}
#contenu.gen{width:924px;/*padding:40px 10px 20px 28px;*/padding:40px 10px 0 28px; background: #fff url(gx/M/bg_contenu_gen.jpg) repeat-x top center;}
.gauche{width: 590px; float: left; padding-right: 20px;}
.droite{width: 314px; float: left;}
a.cta, a:visited.cta, a:hover.cta,
a.cta2, a:visited.cta2, a:hover.cta2{
	width: 280px;/*264*/
	height: 89px;
	float: left;
	background: url(gx/M/bg_cta.png) no-repeat 0 0;
	padding: 50px 0 0 34px;
	color: #fff;
	font-size: 17px;
	line-height:20px;
	text-decoration: none;
	text-transform: uppercase;
}
a.cta.fr{height: 97px;padding: 42px 0 0 34px;}
a.cta2, a:visited.cta2, a:hover.cta2{ padding-top:40px; }

/*haut*/
#haut, .haut{width: 962px; float: left;}
#logo{width: 130px;float:left;}
.general{width: 962px; float: left;}
.generalImg{width: 962px; float: left; height:267px;}
#contenu.gen .general{width: 924px;}



/* MENUS
--------------------------------------------------------------------------------------- */
/*Menu principal*/
#menu{width: 824px; height: 105px; float: left; background: url(gx/M/bg_menu.png?v=2) no-repeat top center; margin-left: 8px; }
#menu ul{display: flex;justify-content: space-around;margin: 0 20px;}
#menu ul li.bordure{border-left: 1px dotted #333;margin: 30px 0;}
#menu ul li{list-style: none; text-transform: uppercase; font-size: 15px; text-align: center; position:relative; float: left; }
#menu ul li a, #menu ul li a:visited{display:block; color: #030303; text-decoration: none; height: 105px; line-height: 105px; text-align: center;}
#menu ul li a:hover{color: #ccc;}
#menu ul li a.actif, #menu ul li a:visited.actif{color: #fff;}
/*
#menu .membres{width: 118px;}
#menu .partenaires{width: 124px;}
#menu .biblio{width: 126px;}
#menu .liens{width: 120px;}
#menu .qui{width: 173px;}
#menu .contact{width: 163px;}
*/

/* - - - Dropdown menu - - - */
#menu ul ul{
	display:none;
	position:absolute;
	top:105px;
	left:0;
	z-index:500;
	width:250px;
	background-color:#007BB3;
}

#menu ul ul li{
	display:block;
	float:none;
	border-top:1px dotted #2A2A2A;
}

#menu ul ul li a, #menu ul ul li a:link, #menu ul ul li a:visited{
	display:block;
	float:none;
	height:24px;
	padding:5px 10px;
	text-align:left;
	font-size:12px;
	line-height:24px;
}

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

/*Menu secondaire*/
#menuSec{width: 962px; height: 28px; float: left; text-align: right; }
#menuSec ul li{list-style: none; display: inline; font-size: 11px; padding-left: 15px; text-transform:uppercase;}
#menuSec ul li a, #menuSec ul li a:visited{color: #b4b4b4; text-decoration: none;}
#menuSec ul li a:hover{color: #fff;}
#menuSec ul li a.actif{color: #0478AB;}

/* 00_888 : PAGE PLAN DU SITE
--------------------------------------------------------------------------------------- */
#contenuPlan{width: 962px; float: left; padding-top: 20px;}
#contenuPlan h2 a{color: #007bb3;}
#contenuPlan ul li{list-style:none; padding-left:10px; padding-bottom: 5px; background: url(gx/M/puce.png) no-repeat 1px 6px;}
br.planCol{margin-top: 12px;}

.plan{width: 210px; float: left; padding-right: 25px;}
.plan.premier{width: 190px;}

/* 01_100 : PAGE ACCUEIL
--------------------------------------------------------------------------------------- */
.contenuAccueil{width: 610px; float: left; padding: 20px 0 130px 26px;}
.except{width: 910px; float: none; padding: 20px 26px 130px 26px;}
a.ctaEntrepreneur, a:visited.ctaEntrepreneur{
	width: 284px;
	height: 151px;
	float: left;
	color: #fff;
	font-size: 17px;
	line-height: 22px;
	text-transform: uppercase;
	margin-top: 10px;
	display: inline;
	padding: 58px 0 0 30px;
	background: url(gx/M/bg_cta_entrepreneur.png) no-repeat top center;
	 text-decoration: none;
}
a.ctaEntrepreneur.en{height: 140px;padding: 69px 0 0 30px;}
.droiteCTA{width: 284px; float: left;}

.bannierePromos{
	margin-top: 30px;
	margin-bottom: -45px;
}

/* 01_100 ET 03_100 : PAGE MEMBRES ET PARTENAIRE
--------------------------------------------------------------------------------------- */
.ensembleLogos{width: 922px; float: left; padding: 10px 0; margin-bottom: 70px;}
.ensembleLogos a{width: 170px; height: 130px; margin: 0 8px 8px 0; border: solid 1px #e7e7e7; float: left; text-align: center; overflow: hidden; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -webkit-box-sizing:border-box; box-sizing:border-box;}
.ensembleLogos a img{max-width: 165px; max-height: 119px;}

.ensembleLogos a span.table{width: 100%; height: 100%; display: table;}
.ensembleLogos a span.tableCell{display: table-cell; vertical-align: middle;}

.ensembleLogos a.endRow{margin-right: 0;}

.ensembleLogos a:hover{ border: solid 3px #007bb4;}

.boutonRetourMembre{
	position: absolute;
	top:0;
	right:20px;
	width: 215px;
	height: 38px;
	background: url(gx/M/bg_retourmembre.png) no-repeat 0 0;
	padding: 7px 0 0 37px;
	text-transform: uppercase;
	color: #4a4a4a;
	font-size: 14px;
}
.boutonRetourMembre a{color: #4a4a4a; text-decoration: none;}
.boutonRetourMembre a:hover{color: #007bb3;}

/* 02_110 ET 03_110 : PAGE DETAIL MEMBRES ET PARTENAIRE
--------------------------------------------------------------------------------------- */
.imgLogo{width: 180px; float: left;}
#fiche{width: 726px; float:left; padding-left: 18px;}
#ficheTxt{width: 726px; float:left;}
#ficheTableau{
	width: 715px;
	min-height: 119px;
	height: auto !important;
	height: 119px;
	float:left;
	background: #eaf7fb url(gx/M/bg_deg_contact.jpg) repeat-x top center;
	margin: 28px 0 60px 0;
	display: inline;
	padding: 0 0 20px 0;
	border-radius:6px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
}
#ficheTableau.sansDesc{margin: 0 0 60px 0;}
#ficheTableau table{width: 602px; vertical-align: top;}
#ficheTableau table tr td{width: 281px; vertical-align: top; padding: 18px 0 0 20px;}
#imgInfo{width: 113px; float:left;}
#infoCoordonnees{width: 480px; float:left;}
.contenuFiche{width: 924px; float: left; padding-top: 30px;}


/* 04_100 : PAGE BIBLIOTHEQUE
--------------------------------------------------------------------------------------- */
.biblioGauche{width: 190px; float: left;}
.biblioGauche .titre{
	background: url(gx/M/ligne_biblio_gauche.jpg) no-repeat bottom center;
	color:#191919;
	font-size:19px;
	padding: 0 0 20px 12px;
	line-height:20px;
	font-weight: normal;
	margin-bottom: 14px;
}
.biblioDroite{width: 700px; float: left; padding-left: 34px;}
.biblioTxt{width: 682px; float: left; padding: 16px 0 0 18px;}
.biblioDoc{width: 592px; float: left; padding: 16px 0 0 18px;}
.biblioDroite h1{background: url(gx/M/ligne_biblio_droite.jpg) no-repeat bottom center; padding-left: 17px;}
p.annee{font-size: 13px; color: #007bb3; padding: 10px 0 3px 0;}
p.annee.premier{padding: 0 0 3px 0;}

ul.listePdf li{list-style: none; font-size: 12px;}
ul.listePdf li a, ul.listePdf li a:visited{
	color: #191919;
	text-decoration: none;
	background: url(gx/M/icon_pdf.png) no-repeat 0 0;
	float: left;
	min-height: 30px;
	height: auto !important;
	height: 30px;
	padding: 7px 0 0 40px;
	clear: both;
}
ul.listePdf li a:hover{color: #007bb3;}


a.btnSujet, a:hover.btnSujet{width: 190px; height: 48px; float: left; background: url(gx/M/btn_sujet.png) no-repeat 0 0; text-align: center; color: #007bb3; text-decoration: none; padding-top: 22px; margin-bottom: 10px;}
a.btnSujet.actif, a:hover.btnSujet.actif{color: #191919; font-weight: bold;}
a:hover.btnSujet{color: #999;}

/* 06_100 : PAGE QUI SOMMES-NOUS
--------------------------------------------------------------------------------------- */
.employe{width: 590px; float: left; padding-bottom: 10px;}
.employeImg{width: 120px; float: left;}
.employeTxt{width: 450px; float: left; padding-left: 20px;}

/* 09_100 : PAGE CONTACT
--------------------------------------------------------------------------------------- */
#contactHaut{width: 922px; float: left; background: url(gx/M/ligneh1.png) no-repeat bottom center; padding: 10px 0 30px 0;}
.boiteCoordonnees{width: 260px; float: left; padding-right: 20px; }
.boiteCoordonnees p{ font-size: 12px;}
#contactBas{width: 922px; float: left; padding-top: 20px;}

#boiteFormContact{width: 413px; float: left; background: url(gx/M/bg_ligne_contact.png) no-repeat 351px 0;}
#boiteFormContact label{ width: 212px; float: left; padding-top: 10px;}
#boiteFormContact .champTexte{width: 212px; height: 25px; float: left; resize: none; background: #fff; border: 1px solid #b8b8b8; font-size: 12px;}
#boiteFormContact textarea{font-family: Arial, sans-serif;width: 326px; height: 112px; resize: none; float: left; background: #fff; border: 1px solid #b8b8b8; font-size: 12px;}
#boiteCarteContact{width: 300px; float: left;}

/* PIED DE PAGE
--------------------------------------------------------------------------------------- */
#piedPage{width: 962px; height: 42px; float: left; margin-top: 5px; display: inline; background: url(gx/M/bg_footer.png) repeat-x top center;}
#menuBas{font-size: 10px; float: left; padding-top: 10px;}
#menuBas ul li{font-size: 10px; list-style: none; display: inline; font-size: 12px; padding-left: 22px; text-transform: uppercase;}
#menuBas ul li a, #piedPage ul li a:visited{font-size: 10px; color: #9e9e9e; text-decoration: none;}
#menuBas ul li a:hover{font-size: 10px; color: #fff}
#menuBas ul li a.actif, #menuBas ul li a:visited.actif{font-size: 10px; color: #0478AB;}
#partager{ float: left;}
#seo{width: 962px; float: left; color: #707070; font-size: 10px; line-height: 13px; padding-top: 4px;}
#copyrights{width: 962px; float: left;color: #707070; font-size: 11px; line-height: 11px;padding-top: 4px;}
#copyrights a, #copyrights a:visited{color: #707070; text-decoration: none; font-weight: bold;}
#copyrights a:hover{text-decoration: underline;}

/* Partager cette page (AddToAny) */
a#lienPartager{float:left; width:59px; height:42px; background:url(gx/btn_partager.png) no-repeat 20px 0; font-size:11px;  color:#d4d4d4; text-decoration:none; padding: 10px 0 0 50px;}