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

/* ELEMENTS A CACHER 
--------------------------------------------------------------------------------------- */
#menu, #menuSec, #menuPrincipal, #menuBas, #socialBookmarker, #bookmarkHoverPopup{
	position: absolute;
	visibility: hidden;
	display:none;
}
#menuRealisation, #menuSecteurs {
	position: absolute;
	visibility: hidden;
	display:none;
}

/* ELEMENTS DE BASE À PERSONNALISER 
--------------------------------------------------------------------------------------- */
html{
	color: #1c1c1c;
	font-size: 0.85em;
	font-family: arial, helvetica, sans-serif;
}
html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset, a, img{border:0; margin:0; padding:0;}

h1 {
font-weight:normal;
color: #000000;
letter-spacing:0pt;
word-spacing:0pt;
font-size:1.5em;
text-align:left;
font-family:georgia, serif;
line-height:1em;
margin-bottom:15px;
}

h2 {
font-weight:normal;
text-transform:uppercase;
color:#94b285;
letter-spacing:0pt;
word-spacing:0pt;
font-size:1em;
text-align:left;
font-family:arial, helvetica, sans-serif;
line-height:1.2em;
margin-bottom:6px;
}

h3 {
font-weight:bold;
color:#000000;
letter-spacing:0pt;
word-spacing:0pt;
font-size:0.95em;
text-align:left;
font-family:arial, helvetica, sans-serif;
line-height:1em;
margin-top:20px;
margin-bottom:6px;
}

.both{clear:both;}

/* 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
--------------------------------------------------------------------------------------- */
ul.a {
list-style-image: url(Gx/M/li_disc.gif);
font-weight:normal;
color:#1c1c1c;
letter-spacing:0pt;
word-spacing:0pt;
font-size:0.85em;
text-align:left;
padding-left:15px;
font-family:arial, helvetica, sans-serif;
line-height:1.2em;
margin-bottom:6px;
}
ul.a LI { padding: 4px 0px 4px 5px; }

ul.b {
list-style-type:none;
font-weight:normal;
color:#1c1c1c;
letter-spacing:0pt;
word-spacing:0pt;
font-size:0.85em;
text-align:left;
padding-left:15px;
font-family:arial, helvetica, sans-serif;
line-height:1.2em;
margin-bottom:6px;
}

a:link, a:visited, a:active {
	color:#94b285;
	font-style:italic;
}

a:hover {
	color:#94b285;
	font-style:italic;
	text-decoration:underline;
}

.textePetit { font-size: 10px; }


/* CONTENEURS ET CLASSES GÉNÉRALES
--------------------------------------------------------------------------------------- */
#conteneur{
	margin: 0px auto;
	text-align:left;
	width:960px;
}

#haut { height: 176px; }

#bande_verte {
	background: url(Gx/M/bg_menu.gif) repeat-x;
	height: 44px;
	width: 50%;
	position: absolute;
	right: 0px;
	top: 41px;
	z-index: -1;
}

#logo { padding: 32px 0px 0px 18px; }

#contenu {
	background: #FFFFFF;
	float: left;
	/*margin-left: 40px;*/
	min-height: 300px;
	padding-top: 17px;
	padding-bottom: 40px;
	width: 960px;
}

/* PAGE GÉNÉRALES
--------------------------------------------------------------------------------------- */

.colonne1 {
	float: left;
	width: 230px;
}
.colonne2 {
	float: left;
	width: 492px;
	position: relative;
}
.colonne3 {
	float: left;
	width: 468px;
}

.colonne1 .bandeau {
	background: url(Gx/M/bandeau.gif) repeat-x;
	width: 50px;
	height: 195px;
}

.colonne2 .texte {
	border-left: 1px dotted #9bb78c;
	border-right: 1px dotted #9bb78c;
	float: right;
	min-height: 195px;
	padding: 0px 20px;
	width: 220px;
	position: relative;
	z-index: 1;
}
* HTML .colonne2 .texte { height: 195px; }

.colonne3 .photo IMG { float: right; }
.colonne3 .photo {
	padding-left: 30px;
}
.colonne3 .bandeau {
	background: url(Gx/M/bandeau.gif) repeat-x;
	float: right;
	height: 195px;
	width: 10px;
}	

/* 01_200 : Gestion responsable
--------------------------------------------------------------------------------------- */

#gestion .colonne3 .photo { margin-top: 0px; }

#photo_gauche { display: none; }

/* 01_300 : Votre partenaire
--------------------------------------------------------------------------------------- */

#partenaire .colonne2 {	width: 669px; }
#partenaire .colonne2 .texte { 
	width: 397px; 
	position: relative; 
	z-index: 10; 
}
#partenaire .colonne3 {	width: 291px; }


/* 04_100 : Réalisations
--------------------------------------------------------------------------------------- */

#realisation .colonne2 { width: 650px; }
#realisation .colonne3 { width: 310px; }

#realisation .colonne3 .texte {
	border-left: 1px dotted #9bb78c;
	float: left;
	min-height: 195px;
	width: 220px;
	padding: 0px 20px;
	overflow: hidden;
}

#realisation #galerie {
	float: right;
	height: 210px; 
	width: 400px;
	margin-right: 10px;
	margin-bottom: 15px;
	overflow: hidden;
}
#realisation #galerie .image { display: none; }
#realisation #galerie .imageActive { display: block; }

#realisation #control {
	float: right;
	margin-right: 15px;
	width: 45px;
}
#realisation #control #btn_prev {
	cursor: pointer;
	display: block;
	float: right;
	height: 17px;
	width: 18px;
	position: relative;
	overflow: hidden;
}

#realisation #control #btn_prev SPAN {
	background: url(Gx/04/btn_prev.gif) no-repeat;
	display: block;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
}
#realisation #control #btn_next {
	cursor: pointer;
	display: block;
	float: right;
	margin-left: 8px;
	height: 17px;
	width: 18px;
	position: relative;
	overflow: hidden;
}

#realisation #control #btn_next SPAN {
	background: url(Gx/04/btn_next.gif) no-repeat;
	display: block;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
}

/* 04_200 : Communiques
-------------------------------------------------------------------------------------- */

#communique .colonne1 {	width: 288px; }
#communique .colonne2 {	width: 550px; }
#communique .colonne2 .texte { width: 220px; overflow: hidden; }
#communique .colonne3 {	width: 410px; }

#communique #media {
	float: left;
	margin-left: 45px;
	width: 310px;
}
* HTML #communique #media { margin-left: 20px; width: 315px; }

#communique #photoCommunique { float: left; }
#communique #photoCommunique .thumb {
	float: left;
	margin: 3px;
	height: 72px;
	width: 97px;
	position: relative;
}
#communique #photoCommunique .thumb .cadre {	display: none; }

#communique #videoCommunique { float: left; padding-bottom: 15px; }
#communique #videoCommunique .video {
	float: left;
	margin: 5px;
	height: 110px;
	width: 145px;
	position: relative;
}
#communique #videoCommunique .video A .cadre { display: none; }

/* 05 : Secteurs Cibles
--------------------------------------------------------------------------------------- */

#secteurs .colonne1 {
	float: left;
	width: 110px;
}
#secteurs .colonne2 {
	float: left;
	width: 411px;
	position: relative;
}
#secteurs .colonne3 {
	float: left;
	width: 549px;
}
#secteurs .colonne2 .texte {
	width: 259px;
}
#secteurs .colonne3 .texteCentre {
	float: left;
	padding: 0px 20px;
	width: 220px;
}
	
#secteurs .colonne3 .photo { float: left; padding-top: 48px; padding-left: 0px; }
#secteurs .colonne3 .bandeau { display: none; }		
	
#menuSecteurs {
	background: url(Gx/05/bg_menuSecteur.gif) top right repeat-y;
	float: right;
	height: 195px;
	width: 267px;
}	
#menuSecteurs UL { padding-top: 35px; }

#menuSecteurs UL LI A {
	border-bottom: 1px dotted #000000;
	color: #000000;
	display: block;
	font-style: normal;
	font-size: 11px;
	font-weight: bold;
	padding-left: 10px;
	text-decoration: none;
	line-height: 20px;
	margin-left: 27px;
	width: 94px;
}
#menuSecteurs UL .dernier A {	border: none; }

#menuSecteurs UL LI .actif, #menuSecteurs UL LI A:hover {
	border-bottom: 1px solid #000000;
	color: #FFFFFF;
	background: #000000;
	margin: 0px;
	padding-left: 37px;
}

/* 06_100 : RECHERCHE
-------------------------------------------------------------------------------------- */

.resultat {	padding-bottom: 20px; }

/* 00_999 : Condition d'utilisation
-------------------------------------------------------------------------------------- */

#condition .colonne2 {	width: 760px; }
#condition .colonne2 .texte {	width: 480px; }

#condition .colonne3 { width: 200px; }


/* 09_100 : PAGE DEMANDE DE SOUMISSION
--------------------------------------------------------------------------------------- */
.formulaire {
	float:left;
	width: 390px;
	padding: 0px 33px;
}
#formQuestion{ width:380px; }
#formQuestion label{ clear: both; display: block; }
#formQuestion .champTexte{ width:245px; }
#formQuestion .champTexte2{ width:113px; }
#formQuestion .champTexte3{ width:374px; }
#formQuestion .boiteTexte{ height:80px; width:374px;}

.champDroite {	float: left; padding-left: 10px; width: 119px; }
.champGauche {	float: left; width: 251px; }

/* 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; font-weight: bold; color:#94B285; }
label.erreur{color:#cc0000;}

.champTexte, .champTexte2, .champTexte3 {
	background: #FFFFFF url(Gx/M/bg_input.gif) top left repeat-x;
	border: 1px solid #989898;
	color: #666;
	font-size: 11px;
	margin:2px 0 2px 0;
	padding: 2px;
	width: 250px;
}
.listeDeroulante{
	background: #FFFFFF;
	border: 1px solid #989898;
	color: #666;
	font-size: 11px;
	margin:2px 0 2px 0;
}
.boiteTexte{
	background: #FFFFFF url(Gx/M/bg_input.gif) top left repeat-x;	
	border: 1px solid #989898;
	color: #666;
	font-family: "Trebuchet MS";
	font-size: 11px;
	margin:2px 0 2px 0;
	padding: 2px;
}
.bouton{
	background-color: #5d5e60;
	background: url(Gx/M/btn_envoyer.gif) no-repeat;
	border: none;
	color: #FFFFFF;
	font-family: "Trebuchet MS";
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
	height: 20px;
	width: 64px;
}
.bouton:hover{background-color:#94B285; color:#FFF;}
.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;}

/* 00_888 : PLAN SITE
--------------------------------------------------------------------------------------- */
.PlanSite a:link, .PlanSite a:visited {text-decoration:none;}
.PlanSite a:hover{text-decoration:underline;}
.PlanSite { float: left; padding-left: 15px; width: 220px; }
.PlanSite li{ padding:0px; margin-left: 10px; list-style: disc; }
.PlanSite li a{ font-size:14px; font-style: normal; font-weight:bold;line-height:150%; text-decoration:none;}
.PlanSite li ul {	margin-bottom: 10px; }
.PlanSite li ul li a{ font-size:12px; font-style: normal; text-decoration:none; }