/* 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
--------------------------------------------------------------------------------------- */
@font-face {
	font-family: 'DINSchriftLTAlternate';
	src: url('inc/fonts/DINSchriftLTAlternate/lt_11440-webfont.eot');
	src: local('☺'), url('inc/fonts/DINSchriftLTAlternate/lt_11440-webfont.woff') format('woff'), url('inc/fonts/DINSchriftLTAlternate/lt_11440-webfont.ttf') format('truetype'), url('inc/fonts/DINSchriftLTAlternate/lt_11440-webfont.svg#webfontlntbcvHy') format('svg');
	font-weight: normal;
	font-style: normal;
}

body{
	color: #cfcfcf;
	font-size: 12px;
	line-height: 150%;
	font-family: Arial, Verdana, Tahoma;
	text-align: left;
	background:#474747 url(gx/m/bg.jpg) repeat-x;
}
html{}

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

h1{color:#fff; font-size:23px; margin-bottom:15px;text-transform:uppercase;}
h1 a, h1 a:link, h1 a:visited{text-decoration:none;}

h2{color:#fff; font-size:15px; margin:20px 0 4px 0;}
h2 a, h2 a:link, h2 a:visited{text-decoration:none;}

p{}
blockquote{padding:10px;margin:10px;background:#eee;}

#contenu ul li, #contenu ol ul li{list-style:square; margin-left:16px;}
#contenu ul ul li{list-style:circle;}
#contenu ol li, #contenu ul ol li{list-style:decimal; margin-left:23px;}
#contenu ol ol li{list-style:lower-alpha;}

.textePetit{font-size:10px;}

/* 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;}
fieldset label.erreur{color:#cc0000;}
.champTexte{
	font-size:11px;
	margin:2px 0;
}
.listeDeroulante{
	font-size:11px;
	margin:2px 0;
}
.boiteTexte{
	font-family:Arial;
	font-size:11px;
	margin:2px 0;
}
.champTexte:focus, .listeDeroulante:focus, .boiteTexte:focus{background-color:#ddd;}

.bouton{
	/*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 */

p.erreur{width:420px;text-align:center; color:#CC0000; background-color:#FFDDDD; border:1px #CC0000 solid; padding:15px; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px;}
p.succes{width:420px;text-align:center; color:#4F8A10; background-color:#DFF2BF; border:1px #4F8A10 solid; padding:15px; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px;}
p.conseil{font-size:10px;display:none;}
div.erreur{color:#FFDDDD}
/* 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;} */

/* TABLEAUX
--------------------------------------------------------------------------------------- */
table {border-collapse: collapse;border:1px solid #dadada;width:600px;margin-top:10px;}
th {width:100px;text-align:center;font-weight:bold;border:1px solid #dadada;padding:0 3px;}
td {border:1px solid #dadada;height:35px;text-align:center;padding:0 3px;}


/* CONTENEURS ET CLASSES GÉNÉRALES
--------------------------------------------------------------------------------------- */
#conteneur{margin:0 auto;width:975px;}
#haut {height:130px;position:relative;width:100%;z-index:2000;}
#conteneurDiaporamaAccueil_fr, #conteneurDiaporamaAccueil_en {height:365px;overflow:hidden;width:973px;height:364px;position:relative;z-index:0;}
#conteneurDiaporama {height:210px;}
#contenu{
	
	background-color:#383838;
	margin-top:25px;
 	-moz-border-radius: 10px; 
    -webkit-border-radius: 10px; 
    border-radius: 10px ;   
	padding:25px 20px;     
}
#logo {position:absolute;left:10px;top:60px;}
.both, .clearBoth{clear:both;}

.bordureHaut {position:absolute;top:0;}
.bordureBas {position:absolute;bottom:0;left:0;}

#plan ul {margin-left:15px;}

#contenuTexte {width:600px;float:left;}
#contenuTexte ul {margin:6px 0 0 10px;}
#contenuImage {position:relative;height:257px;}
#colonne {width:275px;float:left;margin-left:60px;}
#menuColonne {
	width:267px;
	background-color:#0e0e0e;
	margin-bottom:20px;
	-moz-border-radius: 10px; 
    -webkit-border-radius: 10px; 
    border-radius: 10px;         
}
#menuColonne_1 {
	-moz-border-radius: 10px 10px 0 0; 
    -webkit-border-radius: 10px 10px 0 0; 
    border-radius: 10px 10px 0 0;         
    -webkit-border-top-left-radius: 10px; /* pour Chrome */ 
    -webkit-border-top-right-radius: 10px; /* pour Chrome */ }
#menuColonne_3 {
	-moz-border-radius: 0 0 10px 10px; 
	-webkit-border-radius: 0 0 10px 10px; 
	border-radius: 0 0 10px 10px;         
	-webkit-border-bottom-left-radius: 10px; /* pour Chrome */ 
	-webkit-border-bottom-right-radius: 10px; /* pour Chrome */ 
}
#contenu #menuColonne li {font-size:14px;color:#a6a6a6;list-style-type:none;padding:0;margin:0;}
#menuColonne li a, #menuColonne li a:visited, #menuColonne li a:link {width:247px;text-decoration:none;display:inline-block;height:19px;padding:9px 10px;}
#menuColonne li a:focus, #menuColonne li a:hover {color:#fe8e1f;}
#menuColonne li a.actif, #menuColonne li a.actif:visited, #menuColonne li a.actif:link, #menuColonne li a.actif:hover, #menuColonne li a.actif:focus {
	color:#2b2b2b;
	background: #fe8e1f url(gx/m/bg_menuColonne.jpg) no-repeat right center;
}

/* MENUS
--------------------------------------------------------------------------------------- */
.menu{
	margin:0;
	padding:27px 0 0 25px;
	position:absolute;
	background:url(gx/m/bg_menu.png) no-repeat;
	width:666px;
	height:47px;
	bottom:5px;
	right:0;
	font-family: 'DINSchriftLTAlternate';
	z-index:50;
}
.menu li{padding:0; margin:0;float:left; list-style-type:none;position:relative;height:37px;z-index:100;}
.menu li a, .menu li a:link, .menu li a:visited{
	color: #fff;
	font-size: 18px;
	font-weight: normal;
	line-height: 12px;
	text-decoration: none;
	text-transform:uppercase;
	text-align:center;
}
#menu_fr li a, #menu_fr li a:link, #menu_fr li a:visited {padding: 0 47px 0 20px;}
#menu_en li a, #menu_en li a:link, #menu_en li a:visited {padding: 0 60px 0 30px;}

.menu li a:hover, .menu li a:focus, .menu li a:visited:hover{color:#f3881f;}
.menu li a.actif, .menu li a.actif:visited, .menu li a:active, .menu li a:visited:active{color:#f3881f;}
#menu_fr li.dernier a, #menu_fr li.dernier a:visited, #menu_fr li.dernier a:link {padding:0 0 0 12px;}
#menu_en li.dernier a, #menu_en li.dernier a:visited, #menu_en li.dernier a:link {padding:0 0 0 22px;}

.menu ul{display:none;position:absolute;z-index:1000;top:30px;left:0;width:213px;background-color:#000;opacity : 0.7;filter : alpha(opacity=70); }
.menu ul li{display:block;float:none;border:0;width:200px;text-align:left;}
.menu ul li a, .menu ul li a:visited, .menu ul li a:link {
	border: 0 none;
    display: inline-block;
    font-weight: normal;
    height: 20px;
    padding: 11px 0 0 15px;
    text-align: left;
    text-transform: none;
    width: 198px;
}
.menu ul li a:focus, .menu ul li a:hover {background: #343334 url(gx/m/bg_sousMenu.png) no-repeat right center;}
.menu ul.dernier{left:auto;right:0;}
#menu_fr ul li a, #menu_fr ul li a:link, #menu_fr ul li a:visited, #menu_en ul li a, #menu_en ul li a:link, #menu_en ul li a:visited {padding: 11px 0 0 15px;}

/* Navigation secondaire */
#menuSec{position:absolute;right:0;top:10px;}
#menuSec li{display:inline; float:left;}
#menuSec a, #menuSec a:link, #menuSec a:visited{padding:0 5px;color:#a6a6a6;text-decoration:none;}
#menuSec a:hover, #menuSec a:focus {color:#fff;}
#menuSec li.dernier a{padding-right:0}

/* 00_110 : PAGE NOUVELLE
--------------------------------------------------------------------------------------- */
.fbJaimePetit{max-width: 100px;}
/*.fbJaime{max-width: 450px; height: 25px;}
.fbJaime iframe{margin-right: 10px; height: 25px;}*/


/* 01_100 : PAGE ACCUEIL
--------------------------------------------------------------------------------------- */

#conteneurDiaporamaAccueil_fr #nav, #conteneurDiaporamaAccueil_en #nav {
	width:74px;
	height:30px;
	position:absolute;
	right:0;
	z-index:100;
	bottom:25px;
	padding:75px 0 0 300px;
}
#nav a, #nav a:visited, #nav a:link {font-size:18px;color:#fff;text-decoration:none;padding:0 2px;}
#nav a:hover, #nav a:focus, #nav a.activeSlide {color:#ee8520;}
#conteneurDiaporamaAccueil_fr #nav {background:url(gx/m/bg_navDiapo_fr.png) no-repeat;}
#conteneurDiaporamaAccueil_en #nav {background:url(gx/m/bg_navDiapo_en.png) no-repeat;}
#next, #next:visited, #next:link {
	display:block;
	width:19px;
	height:30px;
	background:url(gx/m/bg_next.png) no-repeat 0 0;
	text-indent:-3000px;
	position:absolute;
	top:40px;
	right:10px;
}
#next:hover, #next:focus {background-position:0 -30px;}


/* 09_100 : PAGE CONTACT
--------------------------------------------------------------------------------------- */
#contenuContact {width:450px;float:left;}
#carteContact{border:1px solid #999;height:300px;width:350px;float:left;color:#000}
#boiteFormContact{float:left;width:370px;}

#formContact{float:left;width:435px;border:1px solid #656565;padding:0 0 15px 15px;background-color:#535252;margin-top:15px;}
#formContact label{float:left;width:90px;color:#c0c0c0;}
#formContact .champTexte{float:left;width:200px;}
#formContact .listeDeroulante{float:left;width:208px;height:20px;}
#formContact .boiteTexte{float:left;height:70px;width:230px;}
#formContact .erreurTexte{margin-left:80px;}

#formContact fieldset{margin:0;padding:0;border:none;float:left;display:inline;width:450px;}
#formContact legend {border:none;padding:10px 0;color:#c0c0c0;}
#formContact input {height:20px;}
#formContact input, #formContact textarea{border:1px solid #ddd;padding:3px;}	
#formContact textarea { height:125px;overflow:auto;}		
#formContact p.submit { clear:both;padding:0 25px 20px 25px;margin:0;text-align:right;}	
#formContact .bouton { padding:7px 0 10px 0; cursor:pointer;width:140px;height:30px;border:none;color:#fff;background-color:#0e0e0e;text-align:center;}				
#formContact .bouton:hover {background-color:#fe8e1f;}
#formContact #file1 {height:30px;}

/* PIED DE PAGE
--------------------------------------------------------------------------------------- */
#piedPage{padding:0 5px 10px; border-top:1px solid #f3881f;position:relative;}
#piedPage a{text-decoration:none;}
#piedPage a:hover{text-decoration:underline;}
#piedPage #copyrights{float:left;}

#textePiedPage {font-size:11px;width:780px;margin:10px 0;}

/* Navigation en bas-de-page */
#menuBas{margin-top:10px;}
#menuBas li{display:inline;}
#menuBas li.dernier a {padding-right:0;}
#menuBas a, #menuBas a:link, #menuBas a:visited{color:#a1a1a1; margin-right:6px;}
#copyrights a, #copyrights a:visited, #copyrights a:link {color:#a1a1a1;}

/* Partager cette page (AddToAny) */
a#lienPartager{position:absolute;top:10px;right:0; width:77px; height:19px; background:url(gx/btn_partager.jpg) no-repeat; font-size: 11px; padding:4px 80px 0 0; color:#666; text-align:right; text-decoration:none;}