/* 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 {font-family: Helvetica, Arial, Verdana; font-size:13px; color:#231f20; line-height:150%; text-align:left; background: #FFFFFF;}
html{overflow:-moz-scrollbars-vertical;}

/* TEXTES ET HYPERLIENS GLOBAUX
--------------------------------------------------------------------------------------- */
a, a:link{color:#231f20; text-decoration:none;}
a:visited{color:#231f20;}
a:hover{color:#f6ad1a;}
a:active{color:#231f20; text-decoration:none;}

h1{font-size:14px; color:#f7af1a; font-weight:bold; text-transform:uppercase; margin-bottom:20px;}
h1 a, h1 a:link, h1 a:visited{text-decoration:none;}

h2{font-size:14px; color:#666666; font-weight:bold; text-transform:uppercase; margin-bottom:10px;}
h2 a, h2 a:link, h2 a:visited{text-decoration:none;}

#accordion h3 {font-style:italic;}

p{font-size:13px; color:#231f20;}
blockquote{padding:10px;margin:10px;background:#eee;}

#contenu ul li, #contenu ol ul li{list-style:square; margin-left:16px;}
#contenu ul li a:hover, #contenu ol ul li a:hover {color:#f6ad1a;}
#contenu ul ul {margin-bottom:10px;}
#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;}

table td {font-size:11px; line-height:14px; text-align:center; padding:5px;}

#colCentre p a, #colCentre p a:link, #colCentre p a:visited {color:#27318B;}
#colCentre p a:hover, #colCentre p a:focus {text-decoration:underline;}

/* 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 {width:980px; margin:0 auto;}
	#haut {width:100%; min-height:200px; background:url(gx/M/vi-hautCarre.gif) right top no-repeat;position:relative;}
		#logoUniban {float:left; height:127px; padding:40px 0px 0px 40px;}
			#logoUniban img {margin-bottom:10px;}
			*html #logoUniban img {margin-bottom:30px;}
		.slogan {float:left; width:435px; font-size:24px; color:#27318b; font-weight:bold; margin:45px 0px 0px 95px;display:block;width:296px;height:24px;text-indent:-3000px;}
		#slogan_fr {background:url(gx/m/slogan_fr.jpg) no-repeat;}
		#slogan_en {background:url(gx/m/slogan_en.jpg) no-repeat;}
		#slogan span {font-weight:normal; font-style:italic;}
		
	#banniere {height:207px; border:4px solid #000000;margin-top:20px;}
	
#contenu {min-height:500px; height:auto !important; height:500px; padding:28px 0px 100px 0px;}
	#colGauche {float:left; width:214px; padding-left:10px;}
	#colCentre {float:left; width:487px; padding-right:48px;}
	#colCentreLg {float:left; width:701px; padding:0px 48px 0px 10px;}
	#colDroite {float:left; width:221px;}
		a.btnCTA {display:block; width:190px; height:310px; color:#232035; font-weight:bold; text-decoration:none; text-align:right; padding:80px 22px 0px 0px;}
		a.btnCTA span {display:none;}
		a#btnCTA_fr {background:url(gx/M/btnCTA-reclamation_fr.jpg) left top no-repeat;}
		a#btnCTA_en {background:url(gx/M/btnCTA-reclamation_en.jpg) left top no-repeat;}

.both, .clearBoth{clear:both;}
.floatLeft {float:left;}
.floatRight{float:right;}



/* MENUS
--------------------------------------------------------------------------------------- */
a.btAccueil {font-size:14px; color:#000; font-weight: normal; text-decoration:none;}
a.btAccueil:hover, a.btAccueil.actif {color:#27318b;}

#menu{float:left; width:600px; margin:28px 0px 0px 77px; padding:0;}
#menu li{padding:0; margin:0; display:inline; float:left; list-style-type:none;}
#menu li a, #menu li a:link, #menu li a:visited{font-size:15px; color: #000; font-weight: normal; line-height: 12px; text-decoration: none; padding:0px 7px 0px 5px;}
#menu li a:hover, #menu li a:visited:hover{color:#27318b;}
#menu li a.actif, #menu li a.actif:visited, #menu li a:active, #menu li a:visited:active{background-color:#f6ad1a;}

#sMenu{float:left; width:600px; margin:10px 0px 0px 77px; padding:0;}
#sMenu li{padding:0; margin:0; display:inline; list-style-type:none;}
#sMenu li a, #sMenu li a:link, #sMenu li a:visited{font-size:12px; color:#a1a1a1; font-weight: normal; line-height: 12px; text-decoration: none; padding:0px 10px 0px 5px;}
#sMenu li a:hover, #sMenu li a:visited:hover{color:#f6ad1a;}
#sMenu li a.actif, #sMenu li a.actif:visited, #sMenu li a.actif:link {color:#f6ad1a;font-weight:bold;}

/* Navigation secondaire */
.menuSec_fr{position:absolute;right:61px;top:10px;}
.menuSec_en {position:absolute;right:135px;top:10px;}
#menuSec li{display:inline; font-size:11px; color:#000000; font-weight:bold;}
#menuSec a, #menuSec a:link, #menuSec a:visited{color:#000000; text-decoration:none; padding:0 5px;}
#menuSec li.dernier a{padding-right:0;}
#menuSec a:hover, #menuSec a.actif {color:#27318b;}

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


/* 02_400 : PAGE CARRIERE
--------------------------------------------------------------------------------------- */
#boiteFormCarriere{float:left; width:481px;}

/* 04_100 : PAGE BANNIERES
--------------------------------------------------------------------------------------- */
#contenuBannieres {margin:0 auto; width:487px; padding-right:48px;padding-top:10px;}
#contenuBannieres h2 {margin-top:15px;}

#tabMembres {margin-bottom:20px;}
#tabMembres th {font-weight:bold;}
#tabMembres td {text-align:left;}
#tabMembres tr.pair {background-color:#e8e8e8;}


/* 02_600 : PAGE CONTACT
--------------------------------------------------------------------------------------- */
#carteContact{border:1px solid #999;height:300px;width:350px;float:left;}
#boiteFormContact{float:left; width:481px;}


/* PIED DE PAGE
--------------------------------------------------------------------------------------- */
#footerLogo img {margin-left:35px;}
#piedPage{padding:2px 0px; background:#4bafe1;}
#piedPage a{color:#FFFFFF; text-decoration:none;}
#piedPage a:hover{color:#FFFFFF;}
#piedPage #copyrights{float:right; font-size:10px; color:#FFFFFF; margin-right:10px;}
#piedPage #copyrights a:hover {color:#000000;}

/* Navigation en bas-de-page */
#menuBas{float:left; text-align:right}
#menuBas li{display:inline; font-size:10px; color:#000000;}
#menuBas li.premier a {font-family:arial; color:#000000; padding-left:10px;}
#menuBas a, #menuBas a:link, #menuBas a:visited{color:#000000; padding:0 7px 0px 5px;}
#menuBas a:hover, #menuBas li.premier a:hover, #menuBas li a.actif, #menuBas li.premier a.actif {color:#FFFFFF;}

/* Partager cette page (AddToAny) */
a#lienPartager{float:right; width:77px; height:21px; background:url(gx/btn_partager.png) no-repeat; font-size: 11px; margin-bottom:10px; padding:2px 80px 0 0; color:#666; text-align:right; text-decoration:none;}

/* FORMULAIRES
--------------------------------------------------------------------------------------- */
fieldset{font-size:12px; margin-bottom:10px; padding:0px;}
fieldset legend{font-size:14px; color:#f7af1a; font-weight:bold; text-transform:uppercase; padding:0px;}
fieldset label{float:left; width:195px; font-size:13px; color:#231f20; margin:9px 0;}
fieldset label.erreur{color:#cc0000;}
.champTexte {float:left; width:270px; height:18px; font-size:13px; margin:9px 0; padding:0px 5px;}
.listeDeroulante{font-size:11px; margin:2px 0;}
.boiteTexte{float:left; width:465px; height:135px; font-family:helvetica, arial; font-size:13px; color:#231f20; margin:9px 0; padding:5px;}
.bouton{float:right; background-color: #f7af1a; color: #231f20; font-weight: bold; padding:5px;border:0px;}
.bouton:hover{background-color:#273089; 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:4px; -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:4px; -moz-border-radius:4px; -webkit-border-radius:4px;}
p.conseil{font-size:10px;display:none;}
div.erreur{color:#cc0000}

.erreurCaptcha{margin-bottom: 10px;}