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

/* ELEMENTS A CACHER 
--------------------------------------------------------------------------------------- */
#menu, #socialBookmarker, #bookmarkHoverPopup, #piedPage, .btnGolden, span{
	position: absolute;
	visibility: hidden;
	display:none;
}


/* ELEMENTS DE BASE À PERSONNALISER 
--------------------------------------------------------------------------------------- */
html{
	/* Garder 3 fontes seulement */
	font-family: Arial, Verdana, Tahoma;
}
html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset, a, img{border:0; margin:0; padding:0;}

h1{
	color: #353535;
	font-size: 17px;
}
h2{
	color: #353535;
	font-size: 15px;
}
br.both{clear:both;}

/* MODULE_photoViewer
--------------------------------------------------------------------------------------- */
#photoAccueil{display:none;}


/* MODULE_texte
--------------------------------------------------------------------------------------- */
#imgPage{float:left; margin: 0 10px 10px 0; padding: 10px; background-color:#303030; width:400px;}
#imgPage span{float:right; padding-right:25px;}

/* MODULE_filDAriane
--------------------------------------------------------------------------------------- */
#filDAriane a{display:none;}
.filSeparateur{padding:0 5px 0 5px}

/* MAIN
--------------------------------------------------------------------------------------- */
#haut{height:117px;}
#logoPrint{margin: 10px 10px 10px 0;float:left; width:150px; height:77px; display:block;}
#logo{display:none;}

#bannierePage{diplay:none;}

#btnSwapLangue{display:none;}



/* 00_777
--------------------------------------------------------------------------------------- */
#formulaireRefererCeSite{float:left;margin:10px 0 20px 0;}
#refererCollGauche{float:left;width:430px;margin:0 25px 0 0;}
#refererCollDroite{float:left;width:430px;}

/* 00_888
--------------------------------------------------------------------------------------- */
#planDuSite{margin-left:55px;}
#planDuSite ul{margin-left:15px;}
#planDuSite li {color:#fff; line-height:150%; list-style-type:disc;}
#planDuSite li a{color:#fff; text-decoration:none;}
	
/* 01_100
--------------------------------------------------------------------------------------- */
#troisColonneCTA{margin:20px 0 0 0;width:960px;}

/*Colonne Gauche*/
#CTAColonneGauche{width:310px; float:left; margin:0 15px 0 0;padding-right:20px;}
#colonneGaucheContenu{padding-left:30px;}
#colonneGaucheBtImage{ width:280px; height:101px;position:relative;}
#colonneGaucheImage{position:absolute; top:14px; left:14px;}
#colonneGaucheSousMenu li{list-style-type:none; background:url(gx/01/colGaucheListeSeparateur.gif) repeat-x top left; padding:5px; margin-left:5px;}
#colonneGaucheSousMenu li a{display:none;}


/*Colonne Centre*/
#CTAColonneCentre{width:310px; float:left; margin:0 15px 0 0;padding-right:20px;}
#colonneCentreContenu{padding-left:40px;}
#colonneCentreBtImage{width:249px; height:122px;position:relative;}
#colonneCentreImage{position:absolute; top:14px; left:14px;z-index:1;}
#bandeauNouveau{position:absolute; top:4px; right:3px; z-index:2;}

/*Colonne Droite*/
#CTAColonneDroite{width:270px; float:left;}
#colonneDroiteContenu{padding-left:17px;}
#colonneDroiteBtImage{width:250px; height:122px;position:relative;}
#colonneDroiteImage{position:absolute; top:14px; left:14px;z-index:1;}
#btnRegarderVideo{position:absolute; top:35px; left:45px; z-index:2;} 

/* 02_400
--------------------------------------------------------------------------------------- */
.btVideo{margin-bottom:5px;width:950px;padding:10px;}

.imgVideo{float:left; margin: 0 10px 10px 0; padding: 10px; border:1px solid #000;width:225px;}
.imgVideo span{float:right; padding-right:25px; }

.btIntroVideo{float:left; padding:10px; width:620px;}

/* 05_100
--------------------------------------------------------------------------------------- */
.btRealisation{margin-bottom:5px;width:950px;padding:10px;}

.imgRealisation{float:left; margin: 0 10px 10px 0; padding: 10px; border:1px solid #000;width:253px;}

.btIntroRealisation{float:left; padding:10px; width:620px;}
.versRealisationDetail{float:right;}
.versRealisationDetail a{display:none;}


/* 05_110 - Réalisations DETAIL
--------------------------------------------------------------------------------------- */
#btRealisationDesc{float:left;}
#btRealisationTexte{float:left;width:600px;}

#logoProjet{margin:5px 0px;}

.imgRealisationDetail{float:left; margin: 0 20px 10px 0; padding: 10px; border:1px solid #000;width:300px;}

#btRealisationCollGauche{float:left;width:470px;margin-right:10px;}
#btRealisationCollDroite{float:left;width:470px;}

.btnGolden{padding:5px 5px 5px 10px; color:#fff; display:block; width:110px; text-decoration:none; border:1px solid #000; float:left; margin-right:20px;}

.liste{margin-left:70px;}

.btRealisationCollTexte{padding:20px 10px;}

.titreColonne{color:#9e7f2d; font-size:15px;}

/* 06_100 - Nouvelles
--------------------------------------------------------------------------------------- */
.titreNouvelles a{color:#fff;font-size:15px; margin-bottom:4px;text-decoration:none;}
.lienPlusDeDetail, #lienRetourNouvelle, #lienPdfNouvelle{display:none;}

#imgNouvelle{float:left; margin: 0 10px 10px 0; padding: 10px; width:258px;}
#imgNouvelle span{float:right; padding-right:25px;}


/* 07_100 - Nous joindre
--------------------------------------------------------------------------------------- */
#btFormulaireContact{float:left; width:450px;}
#btFormulaireContact fieldset{width:450px;}
#btFormulaireContact fieldset label{float:left;width:150px;}
#btFormulaireContact .champTexte{float:right;width:200px;}
#btFormulaireContact .listeDeroulante{float:left;width:300px;}
#btFormulaireContact .boiteTexte{float:left;height:70px;width:330px;}

/* PIED DE PAGE
--------------------------------------------------------------------------------------- */
#piedPage{color:#999;  font-size:11px; padding:0 6px 0 6px;}
#piedPage a{color:#999; text-decoration:none;}
#piedPage a:hover{color:#353535;text-decoration:none;}

/* TEXTES
--------------------------------------------------------------------------------------- */
p{font-size: 12px; line-height: 150%; color: #353535;}
p strong{font-size: 13px;}
p a, p a:link, p a:visited, ul li a, ul li a:visited, ol li a, ol li a:visited{color: #A69512; 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:#C0AE2C; text-decoration:underline;}

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