/* TABLE DES MATIÈRES:
	- Éléments à cacher
	- Éléments de base à personnaliser
	- Pied de page
	- Textes
----------------------------------------------------------------------------------------*/

/* ELEMENTS A CACHER 
--------------------------------------------------------------------------------------- */
#contentMenu, #menu, #contentMenuSec, #menuSec, #menuBas, #socialBookmarker, #bookmarkHoverPopup, #piedPage,
#leftColumn, #header {
	position: absolute;
	visibility: hidden;
	display:none;
}

/* ELEMENTS DE BASE À PERSONNALISER 
--------------------------------------------------------------------------------------- */
html{font-family: Arial, Verdana, Tahoma;}

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

/* TEXTES ET HYPERLIENS GLOBAUX
--------------------------------------------------------------------------------------- */
h1 {color:#474646; font-size:18px; padding:30px 0px 5px 0px;}
h1 a, h1 a:link, h1 a:visited {color:#474646;}

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

p {font-size:12px; color:#474646; line-height:150%; text-align:justify;}
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:#474646; text-decoration:none;}
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:#908f8f; text-decoration:none;}

ul li{font-size:12px; color:#474646; line-height:150%; list-style:square; margin-left:16px;}
ol li{font-size:12px; color:#474646; line-height:150%; margin-left:16px;}


/* CONTENEURS ET CLASSES GÉNÉRALES
--------------------------------------------------------------------------------------- */
#conteneur {width:964px; margin: 0 auto 0 auto; text-align:left;}
		
	#content {float:left; min-height:30px; padding-bottom:30px; background:url(gx/m/bg_content.gif) bottom left repeat-x;}
		#rightColumn {float:left; width:699px;}
		
			.contentTxt {padding:0px 15px 30px 0px;}
				.contentTxt img.pic {float:right; margin:30px 0px 0px 15px; border:3px solid #d5d5d5;}
	
	a.btGen {display:block; float:right; width:150px; height:27px; color:#474646; font-weight:bold; text-decoration:none; padding:12px 0px 0px 14px; background:url(gx/bt_gen.gif) 0px 39px;}
	a.btGen:hover {background:url(gx/bt_gen.gif) 0px 0px;}
	
.both{clear:both;}
.floatRight {float:right;}


/* 01_100 : PAGE ACCUEIL
--------------------------------------------------------------------------------------- */
.tempVideo {width:684px; height:175px; background:#dddddd;}


/* 04_100 : MEDIAS / LETTRE DU MOIS
--------------------------------------------------------------------------------------- */
#listColumn {float:left; width:470px; padding-right:13px;}
	#listColumn .itemMedia {height:45px; padding:10px 0px 0px 8px;}
	#listColumn .itemAlt {border:1px solid #000000;}
		#listColumn p.descr {float:left; width:400px;}
		#listColumn .itemMedia a.lire {display:none;}
		
#lettreColumn {float:left; width:470px; padding-right:13px;}
		
#archiveColumn {display:none;}

				
/* 06_100 : BOUTIQUE
--------------------------------------------------------------------------------------- */		
#contentIntroBoutique {width:550px; margin-bottom:30px; padding:0px; background:#FFFFFF;}
.itemBoutique {width:auto; float:left; margin-bottom:10px; padding-bottom:10px; border-bottom:1px solid #969696;}
	.itemBoutiquePic {float:left; width:150px;}
	.itemBoutiqueDescr {float:left; width:500px;}
	
	a#btPdf {display:none;}
	a#btPanier {display:none;}
	
	h2.boutique {font-size:12px; color:#474646; font-weight:bold; padding-bottom:5px; border-bottom:1px solid #dce0e6;}
		h2.boutique span {color:#d2232a; font-weight:normal;}

	/* pagination */
	.pagination {display:none;}
		
		
/* 00_666 : PAGE CONTACT
--------------------------------------------------------------------------------------- */
#boiteFormQuestion, #boiteFormPartager {float:left;}

#formQuestion, #formPartager {float:left;}
#formQuestion label, #formPartager label {float:left; width:150px;}
#formQuestion .champTexte, #formPartager .champTexte {float:left; width:200px;}
#formQuestion .listeDeroulante, #formPartager .listeDeroulante {float:left; width:200px;}
#formQuestion .boiteTexte, #formPartager .boiteTexte {float:left; height:100px; width:400px;}
#formQuestion .radio {float:left; margin:4px 30px 4px 0px;}

/* FORMULAIRES
--------------------------------------------------------------------------------------- */
fieldset {border:0px solid #000; font-size: 11px; margin-bottom:10px; padding:0px;}
fieldset legend {border:0px solid #999; color:#000; font-size:14px; font-weight:bold; padding:0px;}
fieldset label {font-size:12px; color:#000; margin:4px 0 4px 0;}
fieldset label.erreur {color:#cc0000;}
.champTexte{background:#FFFFFF; border: 1px solid #dddddd; color:#474646; font-size:12px; margin:4px 0 4px 0; padding:4px;}
.listeDeroulante{background:#FFFFFF; border: 1px solid #dddddd; color:#474646; font-size:12px; margin:4px 0 4px 0; padding:4px;}
.boiteTexte{background:#FFFFFF; border: 1px solid #dddddd; color: #474646; font-family:Arial, Verdana, Helvetica, sans-serif; font-size:12px; margin:4px 0 4px 0; padding:4px;}

.bouton{display:block; float:right; width:164px; height:39px; color:#474646; font-weight:bold; text-decoration:none; text-align:left; padding:0px 0px 0px 14px; border:0px; background:url(gx/bt_gen.gif) 0px 39px; cursor:pointer;}
.bouton:hover{background:url(gx/bt_gen.gif) 0px 0px;}
.champCache{display:none; visibility:hidden;} /* Utilisé pour l'anti-spam */

.erreur {color:#FF0000;}
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;}