/* TABLE DES MATIÈRES:
	- Classes générales (body, html, h1, h2, ...)
	- Conteneurs
	- Menus et sous-menus
	- Textes
	- Pieds de page
	- Formulaires
----------------------------------------------------------------------------------------*/

/* GÉNÉRALES
--------------------------------------------------------------------------------------- */
body#main{
	background: #FFF url(gx/M/bg.gif) repeat-x;
	margin: 0;
	padding: 0;
	text-align:center;
}
html{
	color: #717172;
	font-size: 11px;
	/* Garder seulement 3 fontes */
	font-family: Verdana, Tahoma, Helvetica;
}
html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset, a, img{border:0; margin:0; padding:0;}
a, a:link, a:visited{outline: none; /* Placer ici les mêmes paramètres que la classe p{} */}
a:hover{}

h1{color: #5c524e; font:17px "Century Gothic"; font-weight:bold; text-transform:uppercase;padding-bottom:15px;}
h1 a, h1 a:link, h1 a:visited{color:#C21527;}

h2{color: #5e5550; font-size:14px;font-weight:bold;}
h2 a, h2 a:link, h2 a:visited{color:#333;}

h3{color: #5e5550; font-size:14px;font-weight:bold;}
h3 a, h3 a:link, h3 a:visited{color:#333;}


/* CONTENEURS
--------------------------------------------------------------------------------------- */
#conteneur{
	margin: 0 auto;
	text-align:left;
	width:985px;
}

#haut{text-align:left;height:163px;background:#fdde9c url(Gx/M/haut_fond.jpg) no-repeat top right;}
#logo{padding-top:35px;}
#contenu{
	clear:both;
	float:left;
	background:url(Gx/M/contenu_fond.gif) repeat-y;
}
#page{
	background:url(Gx/M/contenu_haut.gif) no-repeat top left;
	width:938px;
	padding:15px;
}
.avantagesCtnGauche{float:left;width:575px;padding:5px 0 0 15px;}
.avantagesCtnDroite{float:right;width:340px;padding:32px 0 0 20px;}
.avantagesCtnDroite h2{text-align:center;}
/* ACCUEIL
--------------------------------------------------------------------------------------- */
#blocFinancement{float:left;background:url(Gx/00/financement_btn_over.png) no-repeat;width:302px;height:350px;margin-right:15px; }
#blocDemande{float:left;background:url(Gx/00/demande_btn_over.png) no-repeat;width:302px;height:350px;margin-right:15px;}
#blocDossier{float:left;background:url(Gx/00/dossier_btn_over.png) no-repeat;width:302px;height:350px;}
#blocFinancement a, #blocFinancement a:link, #blocFinancement a:visited{background:url(Gx/00/financement_btn.png) no-repeat; }
#blocDemande a, #blocDemande a:link, #blocDemande a:visited{background:url(Gx/00/demande_btn.png) no-repeat;}
#blocDossier a, #blocDossier a:link, #blocDossier a:visited{background:url(Gx/00/dossier_btn.png) no-repeat;}
#blocFinancement a, #blocFinancement a:link, #blocFinancement a:visited,
#blocDemande a, #blocDemande a:link, #blocDemande a:visited,
#blocDossier a, #blocDossier a:link, #blocDossier a:visited{
	display:block;
	width:262px;
	height:205px;
	padding:125px 20px 0 20px;
	color:#6e6764;
	font-size:12px;
	line-height:150%;
	text-decoration:none;
	/*text-align:justify;*/
}

#blocFinancement a:hover, #blocFinancement a:visited:hover, 
#blocDemande a:hover, #blocDemande a:visited:hover, 
#blocDossier a:hover, #blocDossier a:visited:hover{background:none;}

.lienSuite{color:#9a4d27;padding-left:15px; background:url(Gx/icone_fleche.gif) center left no-repeat;}

/* PARTENAIRES / PRODUITS
--------------------------------------------------------------------------------------- */
	.thumb {position:relative; float:left; width:152px; height:175px; margin-right:50px; margin-bottom:15px;}
		.thumb .tiThumb {width:152px; text-align:center; text-transform:uppercase;}


/* MENUS
--------------------------------------------------------------------------------------- */
#menu{clear:both;height:59px;background:url(Gx/M/bg_menu.gif) repeat-x;}
#menu ul{padding-top:13px;}
#menu ul li{padding:0; margin:0; display:inline; list-style-type:none;}
#menu ul li a, #menu ul li a:link, #menu ul li a:visited{
	display:block;
	float:left;
	height:27px;
	color: #b8aea8;
	font-family:"Century Gothic";
	font-size: 15px;
	font-weight:normal;
	padding: 8px 10px;
	margin:0 2px;
	text-transform:uppercase;
	text-decoration: none;
}
#menu ul li a:hover, #menu ul li a:visited:hover{background:url(Gx/M/menu_fond.gif) repeat-x;}
#menu ul li a.actif, #menu ul li a.actif:visited{background:url(Gx/M/menu_fond.gif) repeat-x; color:#fff;}

#sousmenu{clear:both;height:27px; margin:0 25px 0 8px; padding:0;background:#e0e0e0;}
#sousmenu ul{margin:0;padding:0;}
#sousmenu ul li{padding:0; margin:0; display:inline; list-style-type:none;}
#sousmenu ul li a, #sousmenu ul li a:link, #sousmenu ul li a:visited{
	color: #5e5550;
	font-family:"Century Gothic";
	font-size: 14px;
	font-weight:bold;
	line-height:27px;
	padding:0 20px;
	text-decoration: none;
}
#sousmenu ul li a:hover, #sousmenu ul li a:visited:hover{color:#000; text-decoration: underline;}
#sousmenu ul li a.actif, #sousmenu ul li a.actif:visited{color:#dd782c;}

/* TEXTES
--------------------------------------------------------------------------------------- */
#entetePage{border:4px solid #d4d0cf;padding:4px;float:left;padding-left:15px;width:97%;}
#entetePage img{float:right;margin-left:20px;}
#entetePage h1{padding-top:20px;}
#entetePage p{font-size: 14px; line-height: 150%; color: #080707;text-align:justify;padding:0 15px 20px 0;}

p{font-size: 12px; line-height: 150%; color: #6e6764;text-align:justify;}
p a, p a:link, p a:visited, ul li a, ul li a:visited, ol li a, ol li a:visited, label a, label a:link, label 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, label a:hover, label a:visited:hover{
	color:#000; text-decoration:underline;
}

.texteGrisPale{color:#817873;}

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

.textePetit{font-size:10px; color:#1F1F1F;}
.textePetit a, .textePetit a:link, .textePetit a:visited{font-size:10px; color:#1F1F1F;}
.textePetit a:hover, .textePetit a:visited:hover{font-size:10px; color:#1F1F1F;}

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

.lienRSS{
	background: url(Gx/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;
}

/* PIED DE PAGE
--------------------------------------------------------------------------------------- */
#piedPage{clear:both;color:#a1a9ae; font-size:10px; height:50px; width:938px; padding:24px 15px 0 15px;background:url(Gx/M/contenu_bas.gif) no-repeat top left;}
#piedPage a{color:#a1a9ae; text-decoration:none;}
#piedPage a:hover{color:#000;text-decoration:underline;}
#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:#a1a9ae;}
#piedPage #copyrights #lienCopyrights:hover{font-weight:normal; text-decoration:underline; color: #a1a9ae;}

/* Partager cette page (bookmarker) */
#socialBookmarker {clear:right;padding-top:5px;float:right;}
#bookmarker a{color:#a1a9ae; text-decoration:underline;}
#bookmarker a:hover{color:#000;}

/* FORMULAIRES
--------------------------------------------------------------------------------------- */
.colFormulaire{	width:308px;float:left;}
.labelAcheterMotive{width:190px;}
fieldset{border:1px solid #443e3b;margin-bottom:10px; padding: 5px; font-size: 11px;}
fieldset legend{font-size: 14px; font-weight: bold; color:#000; padding:3px;border: 1px solid #443e3b;}
fieldset label{font-size: 12px; color:#717172;	margin:3px 4px 0 0px;width:150px;line-height:20px;float:left;text-align:right;}

.champTexte{
	background: #f3f3f3;
	border: 1px solid #443e3b;
	color: #4E677A;
	font-size: 12px;
	float:left;
	margin:4px 0 0 0;
	width:150px;
	height:20px;
	line-height:20px;

}
.listeDeroulante{
	background: #f3f3f3;	
	border: 1px solid #443e3b;
	color: #4E677A;
	font-size: 12px;
	float:left;
	margin:4px 0 0 0;
	width:154px;
	height:20px;
	line-height:20px;
}
.boiteTexte{
	background: #f3f3f3;
	border:1px solid #443e3b;
	color: #443e3b;
	font-family: "Trebuchet MS";
	font-size: 12px;
	margin:2px 0 2px 0;
	float:left;
	width:150px;
}
.bouton{
	margin-left:20px;
	background-color: #443e3b;
	color: #ffffff;
	font-family: "Trebuchet MS";
	font-size: 13px;
	font-weight: bold;
}
.bouton:hover{background-color:#e47d30; color:#FFF;}

.champCache {display:none; visibility:hidden;} /* Utilisé pour l'anti-spam */

.erreur{color: #FF0000;}

.boutonRadio{background: #EEF3F7;color: #4E677A;font-size: 11px;}
.caseaCocher{border: none;}