/* 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#index{
	background: #FFF url(gx/bg.gif) repeat-x center top;
	text-align:center;
}
body#main{
	background: #FFF url(gx/m/bg.gif) repeat-x  scroll center top;
	text-align:center;
}
html{
	color: #717172;
	font-size: 11px;
	font-family: Arial, Georgia, Times, sans-serif; /* Garder seulement 3 fontes */
}

/* TEXTES ET HYPERLIENS GLOBAUX
--------------------------------------------------------------------------------------- */
h1 { color:#68a85a; font-size:18px; margin-bottom:10px; font-family: Arial, Georgia, Times, sans-serif; }
h1 a, h1 a:link, h1 a:visited { color:#68a85a; }

h2{color:#68a85a; font-size:15px; margin-bottom:10px; font-family: Arial, Georgia, Times, sans-serif; }
h2 a, h2 a:link, h2 a:visited{color:#68a85a;}

p { font-size:12px; line-height:150%; color:#656565; margin-bottom:10px; }
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:#0A254E; text-decoration:underline;}
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:#000; text-decoration:underline;
}

a { color:#494949; text-decoration:none; outline:none; }
a:hover { color:#ff7dac; text-decoration:none; }

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

hr{color:#cccccc;}
/* 
p:first-letter{color:green; font-size:200%; text-transform:uppercase;}
sup{position:relative; bottom:0.3em; vertical-align:baseline;}
sub{position:relative; bottom:-0.2em; vertical-align:baseline;}
*/

/* 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;}
label{font-size:11px; color:#494949; font-family: Arial, Georgia, Times, sans-serif; margin:2px 0 2px 0; }
label.erreur{color:#cc0000;}
.champTexte{
	background: #ffffff;
	border-top: 2px solid #e8e9e8;
	border-left: 2px solid #e8e9e8;
	border-right: 1px solid #e8e9e8;
	border-bottom: 1px solid #e8e9e8;
	color: #969696;
	font-size: 12px;
	margin:2px 0 2px 0;
}
.listeDeroulante{
	background: #ffffff;
	border-top: 2px solid #e8e9e8;
	border-left: 2px solid #e8e9e8;
	border-right: 1px solid #e8e9e8;
	border-bottom: 1px solid #e8e9e8;
	color: #969696;
	font-size: 11px;
	margin:2px 0 2px 0;
}
.boiteTexte{
	background: #ffffff;
	border-top: 2px solid #e8e9e8;
	border-left: 2px solid #e8e9e8;
	border-right: 1px solid #e8e9e8;
	border-bottom: 1px solid #e8e9e8;
	color: #969696;
	font-family: Arial, Georgia, Times, sans-serif;
	font-size: 11px;
	margin:2px 0 2px 0;
}
.bouton{
	background-color: #efefef;
	color: #68a85a;
	font-family: Arial, Georgia, Times, sans-serif;
	font-size: 13px;
	font-weight: bold;
}
.bouton:hover{background-color:#666666; color:#ff7dac; 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: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;}

/* Icones générales
--------------------------------------------------------------------------------------- */
.lienRSS{background: url(Gx/icone_RSS.gif) no-repeat left;padding:5px 0 5px 20px;}
.lienTelecharger{background: url(Gx/icone_telecharger.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 { margin:0 auto 0 auto; text-align:left; width:980px; }
#contenu { border:20px solid #FFFFFF; width:485px; }

#contenu p a { color:#494949; font-weight:bold; text-decoration:none; outline:none; }
#contenu p a:hover { color:#ff7dac; text-decoration:none; }


#haut { background: url(Gx/M/banner.jpg) no-repeat left top; width:980px; height:141px; border-bottom:4px solid #656565; margin-bottom:2px; }

#logo { border:1px solid #c7c1c2; margin:3px 0 0 3px; }

.seperator { height:4px; border-top:1px solid #ff97bd; clear:both; }

.ColGauche { float:left; width:208px; margin-bottom:10px; }
.ColDroite { float:left; width:772px; margin-bottom:10px; }

.compteurDon { margin-bottom:10px;width:300px;}
.compteurDon .titre { background: url(Gx/M/bg_menu.gif) repeat-x left top; font-weight:bold; font-family: Georgia, Arial, Times, sans-serif; font-size:16px; color:#68a85a; width:198px; height:30px; line-height:30px; border-top:1px solid #e2e2da; padding-left:10px; margin-bottom:1px; }
.bg_bar_compteur { border-top:3px solid #e2e2da; width:208px; height:178px; background-image: url(Gx/M/bg_bar_compteur.gif); background-repeat: no-repeat; }
.bg_bar_compteurPageDetail { border-top:3px solid #e2e2da; width:300px; height:178px; background-image: url(Gx/M/bg_bar_compteur.gif); background-repeat: no-repeat; }
.compteur { position:absolute; z-index:2; border-top:3px solid #e2e2da; width:208px; height:178px; background: url(Gx/M/bg_compteur.gif) no-repeat left top; }
.compteurPageDetail { position:absolute; z-index:2; border-top:3px solid #e2e2da; width:300px; height:178px; background: url(Gx/M/bg_compteur.gif) no-repeat left top; }
#btBarCompteurWidth{background: url(Gx/M/bg_compteur_width.gif) repeat-x left bottom; width:300px; display:block; height:184px;}
.titrePageDetail { background: url(Gx/M/bg_menu.gif) repeat-x left top; font-weight:bold; font-family: Georgia, Arial, Times, sans-serif; font-size:16px; color:#68a85a; width:290px; height:30px; line-height:30px; border-top:1px solid #e2e2da; padding-left:10px; margin-bottom:1px; }
.objectif { position:absolute; padding:17px 0 0 53px; font-family: Georgia, Arial, Times, sans-serif; }
.objectifOff { position:absolute; padding:3px 0 0 53px; font-family: Georgia, Arial, Times, sans-serif; }
.don { position:absolute; padding:17px 0 0 53px; font-family: Georgia, Arial, Times, sans-serif; }
.donnez { background: url(Gx/M/bg_menu.gif) repeat-x left top; border-top:1px solid #e2e2da; padding-top:2px; margin-bottom:10px; }
.btn_donnez { background:url(gx/m/btn_donnez.jpg) no-repeat left top; display:block; width:207px; height:83px; text-indent:-9999px; margin-bottom:5px; }
.btn_donnez:hover { background:url(gx/m/btn_donnez.jpg) no-repeat left bottom; }
.formulaire { padding-left:10px; }

.partenaire { margin-bottom:10px; }
.partenaire .titre { background: url(Gx/M/bg_menu.gif) repeat-x left top; font-weight:bold; font-family: Georgia, Arial, Times, sans-serif; font-size:16px; color:#00acec; width:198px; height:30px; line-height:30px; border-top:1px solid #e2e2da; padding-left:10px; margin-bottom:1px; }
.partenaire_logo { border-top:3px solid #e2e2da; width:208px; height:150px; background: url(Gx/M/bg_menu.gif) repeat-x left bottom; text-align:center; }
.partenaire_logo a { color:#656565; font-family: Georgia, Arial, Times, sans-serif; font-size:12px; }
.partenaire_logo a:hover { color:#ff7dac; }

.both{clear:both;}

/* DIAPORAMA DES LOGOS DE PARTENAIRES */
.diaporama { position:relative; width:150px; height:90px; margin:10px auto 10px auto; padding:0; }
.diaporama li { list-style-type:none; overflow:hidden; position:absolute; left:0; padding:0; margin:0; }
.diaporama_controls { width:150px; clear:both; overflow:hidden; }
.diaporama_controls a { display:none; }


/* MENUS
--------------------------------------------------------------------------------------- */
#menu { margin:0 0 4px 0; padding:10px 0 10px 0; border-top:1px solid #e2e2da; width:208px; background: #f7f7f1 url(Gx/M/bg_menu.gif) repeat-x left bottom; }
#menu li{padding:0; margin:0; list-style-type:none;}
#menu li a, #menu li a:link, #menu li a:visited{
	display:block;
	padding-left:10px;
	width:198px;
	height:24px;
	line-height:24px;
	font-weight:bold;
	font-size:14px;
	font-family: Georgia, Arial, Times, sans-serif;
	color: #494949;
	text-decoration:none;
}
#menu li a.twolines { 
	display:block;
	padding-left:10px;
	width:198px;
	height:40px;
	line-height:20px;
	font-weight:bold;
	font-size:14px;
	font-family: Georgia, Arial, Times, sans-serif;
	color: #494949;
	text-decoration:none; }
#menu li a:hover, #menu li a:visited:hover{ background: #edede6; color:#ff7dac; text-decoration:none; }
#menu li a.actif, #menu li a.actif:visited, #menu li a:active, #menu li a:visited:active{ color:#ff7dac; }

/* Navigation secondaire */
#menuSec { float:right; border-bottom:1px solid #FFFFFF; }
#menuSec li { display:inline; float:left; list-style-type:none; padding:0 5px 0 5px; margin:0; height:29px; line-height:29px; }
#menuSec li.dernier{border:0; padding:0 0 0 5px; }
#menuSec a, #menuSec a:link, #menuSec a:visited { color: #FFFFFF; float:left; font-size: 12px; text-decoration:none; font-family: Georgia, Arial, Times, sans-serif; }
#menuSec a:hover, #menuSec a.active { color: #ffdbe7; }

/* Navigation en bas-de-page */
#menuBas { margin-top:10px; }
#menuBas li { display:inline; float:left; list-style-type:none; padding:0; margin:0;}
#menuBas li.dernier { border:0; padding:0;}
#menuBas a, #menuBas a:link, #menuBas a:visited { color:#656565; float:left; font-size: 12px;}
#menuBas li.vert, #menuBas li.vert a { color:#509840; }
#menuBas li.vert a:hover { color:#ff7dac; }
#menuBas li.both { clear:both; }

/* 00_888 : PAGE SITE MAP
--------------------------------------------------------------------------------------- */
#sitemap li a { color: #494949; text-decoration:none; font-size:12px; font-weight:bold; }
#sitemap li ul li, #sitemap li ul li a { color: #68a85a; }
#sitemap li a:hover { color: #ff7dac; text-decoration:none; font-size:12px; }

/* 01_100 : PAGE ACCUEIL
--------------------------------------------------------------------------------------- */
.lienFondation { background: url(gx/M/logo_petits_tresors.jpg) no-repeat left top; display:block; width:218px; height:222px; float:right; border-top:20px solid #FFFFFF; text-indent:-9999px; }

#CallToAction { margin:0; padding:0; }
#CallToAction li { margin:0; padding:0; list-style:none; display:inline; }
#CallToAction li a { background: url(Gx/M/sprite_call_to_action.gif) no-repeat left bottom; display:block; width:242px; height:98px; float:left; margin-left:10px; }
#CallToAction li a.first, #CallToAction li a.second, #CallToAction li a.third { text-indent:-9999px; }
#CallToAction li a.first { background-position: left bottom; }
#CallToAction li a.first:hover { background-position: left top; }
#CallToAction li a.second { background-position: -242px bottom; }
#CallToAction li a.second:hover { background-position: -242px top; }
#CallToAction li a.third { background-position: right bottom; }
#CallToAction li a.third:hover { background-position: right top; }

/* 05_100 : PAGE GRIMPEUR
--------------------------------------------------------------------------------------- */
.grimpeur { margin-bottom:20px; }

.img_grimpeur { width:100px; height:100px; float:left; border-right:10px solid #FFFFFF; }
.img_grimpeur img { border:1px solid #a2a2a2; }
.txt_grimpeur { width:600px; height:100px; float:left; }
.txt_grimpeur h2 { margin:10px 0 5px 0; }
.txt_grimpeur { margin:5px 0 10px 0; }

.detail_img_grimpeur { width:300px; height:300px; float:left; border-right:10px solid #FFFFFF; }
.detail_img_grimpeur img { border:1px solid #a2a2a2; }
.detail_txt_grimpeur { width:400px; height:100px; float:left; }
.detail_txt_grimpeur h2 { margin:10px 0 5px 0; }
.detail_txt_grimpeur { margin:5px 0 10px 0; }

.detail_txt_grimpeur a.btn_retour { background: url(Gx/M/bg_btn_retour.gif) no-repeat left center; font-weight:bold; padding-left:30px; font-size:18px; color:#68a85a; }
.detail_txt_grimpeur a.btn_retour:hover { color:#ff7dac; }

.btn_don {  margin: 10px 210px 0 0; background: url(Gx/M/btn_don.gif) no-repeat left top; display:block; width:187px; height:58px; clear:both; padding:25px 10px 10px 10px; text-align:center; font-family: Georgia, Arial, Times, sans-serif; font-size:16px; font-weight:bold; color:#bd9162; }
.btn_don:hover { background: url(Gx/M/btn_don.gif) no-repeat left bottom; }

/* 07_100 : PAGE ENTRAINEMENT
--------------------------------------------------------------------------------------- */
.entrainement { margin-bottom:20px; }

.img_entrainement { width:100px; height:100px; float:left; border-right:10px solid #FFFFFF; }
.img_entrainement img { border:1px solid #a2a2a2; }
.txt_entrainement { width:600px; height:100px; float:left; }
.txt_entrainement h2 { margin:10px 0 5px 0; }
.txt_entrainement { margin:5px 0 10px 0; }

/* 09_100 : PAGE CONTACT
--------------------------------------------------------------------------------------- */
#carteContact { border:1px solid #999;height:225px;width:225px;float:right; margin-top:30px; }
#boiteFormQuestion { width:500px;}

#formQuestion { width:500px; margin:10px 0 10px 0;}
#formQuestion label { float:left;width:98px;}
#formQuestion .champTexte { float:left; width:400px; }
#formQuestion .listeDeroulante { float:left;width:400px;}
#formQuestion .boiteTexte { float:left;height:70px;width:400px;}

/* 10_100 : PAGE REFERER CE SITE
--------------------------------------------------------------------------------------- */
.gauche, .droite { float:left; width:225px; }
.gauche input, .droite input{ width:210px; }
#envoiDemande .boiteTexte { width:435px; height:70px; }

/* 11_100 : PAGE PARTENAIRE
--------------------------------------------------------------------------------------- */
.partenaire_box { clear:both; margin-bottom:10px; }
.partenaire_box img { margin:0 5px 5px 0; }

/* PIED DE PAGE
--------------------------------------------------------------------------------------- */
#piedPage{ color:#a6a6a6; font-size:12px; padding:0; margin-bottom:20px; width:980px; border-top:3px solid #e2e2da; font-family: Georgia, Arial, Times, sans-serif; }
#piedPage p { color:#a6a6a6; }
#piedPage a { color:#656565; text-decoration:none;}
#piedPage a:hover { color:#ff7dac;}
#piedPage #copyrights { float:left; margin:0; text-align:left;}
#piedPage #copyrights a { font-weight:bold;}
#piedPage #copyrights #lienCopyrights { font-weight:normal; text-decoration:none; color:#656565;}
#piedPage #copyrights #lienCopyrights:hover { font-weight:normal; text-decoration:none; color: #ff7dac;}

/* Partager cette page (bookmarker) */
#socialBookmarker { float:right; font-family: Georgia, Arial, Times, sans-serif;}
#socialBookmarkerPrefix { float:left;cursor:default;}
.bookmarkIconesVisibles {float:left;margin-left:2px;}
#bookmarkHoverPopup { background: url(Gx/M/bg_menu.gif) repeat-x left bottom; border:solid 1px #e2e2da; border-top:solid 3px #e2e2da; background-color:#FFF; display:none; padding:4px; position:absolute; text-align:left; width:315px;}
#bookmarkHoverPopup .bookmarkHoverPopupItems { float:left; height:25px; margin-right:4px; width:150px;}
#bookmarkHoverPopup .bookmarkHoverPopupItems a { height:25px; line-height:25px;}
#bookmarkHoverPopup .bookmarkHoverPopupItems a:link, #bookmarkHoverPopup .bookmarkHoverPopupItems a:visited { border:none; color:#656565; display:block; padding-left:2px; text-decoration:none; width:150px;}
#bookmarkHoverPopup .bookmarkHoverPopupItems a:active, #bookmarkHoverPopup .bookmarkHoverPopupItems a:hover { color:#ff7dac; font-weight:bold; display:block; height:25px; padding-left:2px; text-decoration:none; width:150px;}