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

/* ELEMENTS A CACHER 
--------------------------------------------------------------------------------------- */
#menu, #menuSec, #menuBas, #socialBookmarker, #bookmarkHoverPopup, .champCache,
#colGauche, #piedPage, .hautBulle, .basBulle, .boiteVidConseil, .boiteQuestionConseil,
.boiteVidNouvelle {
	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;}

table.tableau {border:1px solid #bebdbd; width:100%; margin:10px 0px 20px 0px;}
table.tableau  td {border:1px solid #bebdbd;padding:5px; vertical-align:top;}
table.tableau td.titre {color:#FFFFFF; font-weight:bold; background-color:#42c3f3;}
table.tableau td.titreDon {width:60px; color:#000000; font-weight:bold;}
table.tableau td img.imgTableau {width:100px;}

/* TEXTES ET HYPERLIENS GLOBAUX
--------------------------------------------------------------------------------------- */
a, a:link{color:#149fd9; text-decoration:none;}
a:visited{color:#149fd9;}
a:active{color:#0e8bbf; text-decoration:none;}

.strikeTitre {position:relative; top:0px; width:100%; text-align:left; margin-bottom:18px; padding:0px; border-top:0px; z-index:1;}
	h1{font-size:24px; color:#000000; font-weight:normal; line-height:100%; text-transform:uppercase; margin:0 auto; background:#FFFFFF;}
	h1 a, h1 a:link, h1 a:visited{color:#000000; text-decoration:none;}

h2 {font-size:18px; color:#000000; text-transform:uppercase; margin-bottom:0px;}
h2 a, h2 a:link, h2 a:visited {color:#000000; text-decoration:none;}
h2.icTiCrayon {height:17px; padding:19px 0px 0px 60px; background:url(gx/06/icone-crayonTitre.gif) 0px 0px no-repeat;}

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

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

.textePetit {font-size:10px; line-height:120%;}
.floatRight {float:right;}
.floatLeft {float:left;}
.alignCenter {text-align:center;}
.marginRight {margin-right:50px;}

/* Icones générales
--------------------------------------------------------------------------------------- */
.lienRSS{background: url(Gx/icone_RSS.gif) no-repeat left;padding:5px 0 5px 20px;}
/* .lienPDF{background: url(https://fondationmamandion.org/Gx/icone_PDF.gif) no-repeat left;padding:5px 0 5px 20px;} */

/* CONTENEURS ET CLASSES GÉNÉRALES
--------------------------------------------------------------------------------------- */
#conteneur {float:none; width:942px; margin:0 auto 40px auto; padding:0px 0px 0px 0px; background:#FFFFFF;}
	#haut {position:relative; float:none; width:100%; margin-bottom:0px; z-index:100;}
		#logoFondation {float:left; width:150px; font-size:11px; color:#0fa1ea; line-height:120%; text-align:center;}
		#banniere_haut {float:right; width:725px; height:90px;}
		
#contenu {float:none; min-height:auto; height:auto !important; height:auto;}		
	#colDroite {float:left; width:100%; height:auto; padding-top:15px;}
		.imgTxt {float:right; margin-left:15px; border:1px solid #d4d4d4;}

.btGen {float:right; width:156px; height:34px; font-size:18px; color:#FFFFFF; font-weight:bold; text-align:right; padding:0px 15px 3px 0px; border:0px; background:url(gx/m/btn-gen.gif) top left no-repeat; cursor:pointer;}

.both, .clearBoth{clear:both;}

/* 01_100 : PAGE ACCUEIL
--------------------------------------------------------------------------------------- */
#boite_video {float:left; width:571px; padding:18px; background:#e7f1f5;}
	.titreColLeft {display:none; float:left; width:286px; font-weight:bold; background:#FFFFFF; padding:7px 18px;}
	.titreColRight {float:left; width:201px; background:#FFFFFF; padding:7px 18px;}
		.titreColRight a {float:right; font-size:11px; color:#008bd8; font-weight:bold; text-decoration:none; text-transform:uppercase;}
	#colLeftVideo {float:left; width:322px; margin-right:12px;}
		#playerVideo {position:relative; float:left; width:320px; height:240px; border:1px solid #b8b8b8; background:#cccccc;}
		a.btPlay {float:left; margin:80px 0px 0px 122px; width:77px; height:77px; background:none; z-index:100;}
	#colRightVideo {float:left; width:235px;}
		a.btVideo {float:left; width:235px; height:62px; margin-top:7px; text-decoration:none; border:1px solid #b8b8b8; cursor:pointer;}
			a.btVideo .thumb {position:relative; float:left; width:69px; height:62px; border-right:1px solid #b8b8b8;}
				a.btVideo .thumb img {position:relative;}
				a.btVideo .thumb .btPlayTn {position:absolute; top:12px; left:15px; width:40px; height:40px; background:none; z-index:100;}
			a.btVideo span {float:left; width:140px; color:#000000; font-weight:bold; text-decoration:none; line-height:14px; margin:15px 0px 0px 15px;}
		#btVideo_1 {text-decoration:none; background:url(gx/m/bg-btVideo1.gif) top left repeat-x;}
		#btVideo_2 {text-decoration:none; background:url(gx/m/bg-btVideo2.gif) top left repeat-x;}
		#btVideo_3 {text-decoration:none; background:url(gx/m/bg-btVideo3.gif) top left repeat-x;}
	
	.boite_txtVideo {display:none; float:left; width:541px; margin-top:10px; padding:15px; background:#FFFFFF;}
	.boite_descrVideo {float:left; width:290px; margin-top:10px; padding:15px; background:#e7f1f5;}

#boite_videoTout {float:left; width:571px; padding:18px; background:#e7f1f5;}
	#boite_videoTout #colRightVideo .wrap_video {float:left; width:254px; height:213px; margin-top:7px; overflow-x:hidden;}
	
/* 06_200 : PAGE DON
--------------------------------------------------------------------------------------- */
#boiteFormDon {float:left; width:100%;}
	#boiteFormDon .textePetit {font-size:12px; color:#6abf5b; font-style:italic; margin-left:60px;}
	#boiteFormDon .note {color:#00aeef;}
	#boiteFormDon span.erreur {color:#6abf5b;}
	#boiteFormDon span.erreur2 {color:#CC0000;}
	#boiteFormDon span.marginTop {float:left; font-size:11px; margin-top:10px;}
	#boiteFormDon .radioDon.marginLeft, #boiteFormDon .marginLeft {float:left; margin-left:18px;}
	/* description don */
	#boiteFormDon .donDescr {float:left; width:607px; height:62px; margin-bottom:7px; border-bottom:1px solid #cecece;}
	#boiteFormDon .donDescr.dernier {border-bottom:0px solid #cecece;}
		#boiteFormDon .donDescr .titreDon {float:left; width:110px;}
			#boiteFormDon .radioDon1, #boiteFormDon .radioDon2 {float:left; margin:17px 6px 0px 0px;}
			#boiteFormDon label.tiDon {float:left; margin:15px 38px 0px 0px;}
		#boiteFormDon .donDescr .txtDescr {float:left; width:400px; margin:15px 11px 0px 0px;}
		#boiteFormDon .donDescr .imgDon {float:left; border:1px solid #cecece;}
	#boiteFormDon label.tiChamp {float:left; width:200px;}
	#boiteFormDon .champTexte {float:left; width:247px;}
	#boiteFormDon .listeDeroulante {float:left; width:258px;}
	#boiteFormDon .listeDeroulante.petit {float:left; width:70px; margin-right:3px;}
	#boiteFormDon .checkbox {margin:0px 0px 0px 10px; padding:0px 0px 0px 0px;}

/* 07_300 : PAGE CONSEILS
--------------------------------------------------------------------------------------- */
.boite_bulle {float:left; width:100%;}
	.hautBulle {float:left; height:20px;}
	.basBulle {float:left; height:38px; padding-bottom:18px;}
	.bulleQuestion {float:left; width:100%; min-height:auto; height:auto !important; height:auto; background:none; padding:0px 20px 0px 12px;}
	.bulleReponse {float:left; width:100%; background:none; padding:15px 20px 0px 12px;}
		.titreBulle {float:left; width:100%; font-size:36px; font-weight:bold; line-height:90%;}
		.txtbulle {float:left; width:100%;}

/* 10_300 : PAGE NOUVELLE
--------------------------------------------------------------------------------------- */
.fbJaimePetit{max-width: 100px; margin-top:5px;}
.fbJaime{max-width: 380px;}
.fbJaime iframe{margin-right: 10px; height: 30px; width: 370px;}

.rowListe {width:607px; border-bottom:1px solid #cecece; padding-bottom:10px;}
.rowListe.large {width:702px;}
.rowListe h2 {font-family:Verdana, Arial, Helvetica; font-size:12px; font-weight:normal; text-transform:none;}
.rowListe h2 a, .rowListe h2 a:link, .rowListe h2 a:visited {color:#000000; text-decoration:none;}
.rowListe h2 a:hover {color:#0083ba; text-decoration:none;}

.detailNouvelle {float:left; width:100%;}
h1.tiNouvDetail {position:relative; width:100%; width:100% !important; max-width:100%; top:0px; font-size:24px; color:#000000; font-weight:normal; line-height:100%; text-transform:uppercase; margin:0px 0px 20px 0px; background:none;}
.detailNouvelle h2 {font-family:Verdana, Arial, Helvetica; font-size:12px; font-weight:bold; text-transform:none;}

	
/* 10_400 : PAGE COMMUNIQUE
--------------------------------------------------------------------------------------- */
.detailComm {float:left; width:100%;}


/* 00_666 : PAGE CONTACT
--------------------------------------------------------------------------------------- */
#boiteFormContact,#boiteFormPartager {float:left; width:100%;}

#formContact {float:left; width:422px;}
#formPartager {float:left; width:484px;}
#formContact label {float:left; width:120px;}
#formPartager label {float:left; width:180px;}
#formContact .champTexte,#formPartager .champTexte {float:left; width:212px;}
#formContact .listeDeroulante,#formPartager .listeDeroulante {float:left; width:200px;}
#formContact .boiteTexte,#formPartager .boiteTexte {float:left; width:292px; height:142px; padding:4px;}
#formContact .erreurTexte,#formPartager .erreurTexte {font-size:11px; margin-left:80px;}


/* FORMULAIRES
--------------------------------------------------------------------------------------- */
fieldset{font-size:12px; margin-bottom:10px; padding:0px; border:0px;}
fieldset legend{font-size:12px; color:#00aeef; font-weight:bold; text-transform:uppercase; margin-bottom:10px; padding:0px; border:0px;}
fieldset label{font-size:12px; color:#000; margin:4px 0;}
fieldset label.erreur{color:#cc0000;}
.champTexte {font-family:verdana; font-size:11px; margin:4px 0; padding:4px; border:1px solid #bec4cb;}
.listeDeroulante {font-family:verdana; font-size:11px; margin:4px 0; padding:4px; border:1px solid #bec4cb;}
.boiteTexte {font-family:verdana; font-size:11px; margin:4px 0; border:1px solid #bec4cb;}
.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}