/* 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#main, body#index {
	background: #FFF url(gx/M/bg_site.gif) repeat-x center top;
	text-align:center;
}
html{
	color: #1c1c1c;
	font-size: 0.85em;
	font-family: arial, helvetica, sans-serif;
}

/* TEXTES ET HYPERLIENS GLOBAUX
--------------------------------------------------------------------------------------- */
h1 {
font-weight:normal;
color: #000000;
letter-spacing:0pt;
word-spacing:0pt;
font-size:1.4em;
text-align:left;
font-family:georgia, serif;
line-height:1em;
margin-bottom:10px;
}

h2 {
font-weight:normal;
text-transform:uppercase;
color:#94b285;
letter-spacing:0pt;
word-spacing:0pt;
font-size:13px;
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;
}

h4 {
font-weight:bold;
color:#94b285;
letter-spacing:0pt;
word-spacing:0pt;
font-size:0.85em;
text-align:left;
font-family:arial, helvetica, sans-serif;
line-height:1.1em;
margin-bottom:8px;
}

h5 {
font-weight:bold;
font-style:italic;
color:#000000;
letter-spacing:0pt;
word-spacing:0pt;
font-size:0.85em;
text-align:left;
font-family:arial, helvetica, sans-serif;
line-height:1.1em;
margin-bottom:10px;
}

h6 {
font-weight:normal;
font-style:italic;
color:#94b285;
letter-spacing:0pt;
word-spacing:0pt;
font-size:0.85em;
text-align:left;
font-family:arial, helvetica, sans-serif;
line-height:1em;
margin-bottom:10px;
}

p {
font-weight:normal;
color:#58595b;
letter-spacing:0pt;
word-spacing:0pt;
font-size:0.85em;
text-align:left;
font-family:arial, helvetica, sans-serif;
line-height:1.3em;
margin-bottom:6px;
}

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

ul.a {
list-style-image: url(Gx/M/li_disc.gif);
font-weight:normal;
color:#58595b;
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:#58595b;
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; }

/* 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: 19px;
	width: 66px;
}
.bouton:hover{ background-position: bottom; }
.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;}


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

.both{clear:both;}

/* Nouvelles classes bientôt dispo
.clearBoth{clear:both;}
.clearLeft{clear:left;}
.clearRight{clear:right;}

.alignLeft{text-align:left;}
.alignRight{text-align:right;}
.alignCenter{text-align:center;}

.sansBorder{border:none;}
.sansPadding{padding:0;}
.sansMargin{margin:0}
*/
.floatLeft{float:left;}
.floatRight{float:right;}

/* MENUS
--------------------------------------------------------------------------------------- */
#menuPrincipal {
	float: right;
	width: 730px;
}
#menu { background: url(Gx/M/bg_menu.gif) repeat-x; margin-right: 130px; padding:0; height: 44px; width: 725px;}
#menu li{padding:0; margin:0; float: left; list-style-type:none;}
#menu li a, #menu li a:link, #menu li a:visited{
	font-weight:normal;
	font-style: normal;
	color:#ffffff;
	display: block;
	letter-spacing:0pt;
	word-spacing:0pt;
	font-size:16px;
	text-align:left;
	font-family:georgia, serif;
	line-height:30px;
	/*text-align: center;*/
	padding-left: 15px;
	text-decoration: none;
	height: 44px;
	width: 130px;
}
#menu li a:hover, #menu li a:visited:hover{background: url(Gx/M/menu_over.gif) no-repeat;}
#menu li a.actif, #menu li a.actif:visited, #menu li a:active, #menu li a:visited:active{background: url(Gx/M/menu_over.gif) no-repeat;}

#menuPrincipal .sousMenu {
	float: left;
	padding: 10px 0px 0px 15px;
	width: 130px;
}
#menuPrincipal .sousMenu LI A {
	font-style: normal;
	font-weight:normal;
	color:#939598;
	letter-spacing:0pt;
	word-spacing:0pt;
	font-size:11px;
	text-align:left;
	font-family:arial, helvetica, sans-serif;
	line-height:1em;
	text-decoration: none;
}
#menuPrincipal .sousMenu LI A:hover, #menuPrincipal .sousMenu LI A.actif { color: #000000; }

/*
#menuPrincipal #sm_napart {
	width: 125px;
}


#menuPrincipal #sm_service {
	padding-left: 25px;
	width: 85px;
}

#menuPrincipal #sm_specialites {
	padding-left: 15px;
	width: 111px;
}

/* Navigation secondaire */
#menuSec{ color: #94b285; float:right; font-size: 9px; height: 11px; margin-right: 20px; padding: 15px 0px; }
#menuSec li{ display:inline; float:left; line-height: 10px; list-style-type:none; padding-right: 5px; margin:0;}
#menuSec li.dernier{ padding:0px; }
#menuSec a, #menuSec a:link, #menuSec a:visited{float:left; font-size: 9px; font-style: normal; margin-right: 5px; text-decoration: none; text-transform: uppercase;}
#menuSec a:hover { color: #FFFFFF; }

#menuSec #btn_imprimer {
	background: url(Gx/M/icones.gif) no-repeat top left;
	height: 12px;
	width: 13px;
	margin-top: -2px; 
}
#menuSec #btn_imprimer:hover { background-position: top right; }

#menuSec #btn_imprimer SPAN, #menuSec #btn_AA SPAN { display: none; }

#menuSec #btn_AA {
	background: url(Gx/M/icones.gif) no-repeat bottom left;
	height: 12px;
	width: 13px;
	margin-top: -2px;
}
#menuSec #btn_AA:hover { background-position: bottom right; }


/* SOUS-MENU REALISATION */
#menuRealisation {
	background: url(Gx/04/bg_menuRealisation.gif) repeat-y;
	height: 173px;
	width: 190px;
	padding: 22px 0px 0px 35px;
	overflow: hidden;
}
#menuRealisation H3 {
	background: #000000;
	color: #FFFFFF;
	font-family: cambria, georgia, serif;
	font-size: 14px;
	font-style: italic;
	margin: 0px;
	line-height: 30px;
	text-align: center;
	width: 180px;
}
#menuRealisation UL {
	padding: 12px 0px 0px 35px;
}
#menuRealisation UL LI A {
	color: #707070;
	font-size: 11px;
	font-style: normal;
	text-decoration: none;
}
#menuRealisation UL LI A:hover, #menuRealisation UL LI A.actif { color: #000000; }

/* Navigation en bas-de-page */
#menuBas{ background: url(Gx/M/sep_pied.gif) top right repeat-x; float: right; padding: 20px 9px; }
#menuBas li{ display:inline; float:left; font-size: 9px; list-style-type:none; padding-right: 5px; margin:0; white-space: nowrap;}
#menuBas a, #menuBas a:link, #menuBas a:visited{float:left;font-size: 9px; padding-right: 5px; text-transform: uppercase; }
#menuBas li.dernier, #menuBas li.dernier a { padding: 0px; }

#menuBas.pied_index {
	float: right;
	/*margin-left: 720px;*/
}
/* INDEX : SPLASH PAGE
--------------------------------------------------------------------------------------- */

#index #contenu {	
	height: 212px;
	min-height: 200px;
	padding-top: 0px; 
}

#conteneurFlash { float: left; }

#menuSecteur {
	background: url(Gx/M/bandeau.gif) repeat-x;
	float: right;
	margin-top: 17px;
	padding-left: 10px;
	height: 195px;
	width: 230px;
}

#menuSecteur H3 {
	color: #FFFFFF;
	font-size: 11px;
	font-weight: bold;
	padding-left: 10px;
	margin-bottom: 10px;
	text-transform: uppercase;
}
#menuSecteur UL { width: 110px; }
#menuSecteur UL LI {	border-bottom: 1px dotted #000; }
#menuSecteur .dernier {	border: 0px; }

#menuSecteur UL LI A {
	color: #000000;
	display: block;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	padding: 2px 0px 3px 10px;
}
#menuSecteur UL LI A:hover {
	background: #000000;
	color: #FFFFFF;
}

*+ HTML #menuSecteur UL LI A { padding: 1px 0px 2px 10px; } /* HACK IE 7 & 8 */
* HTML #menuSecteur UL LI A { padding: 1px 0px 2px 10px; } /* HACK IE6 */

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

#faux-colonne {
	background: url(Gx/M/border.gif) repeat-y;
	background-position: 490px 0px;
	float: left;
}

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

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

.colonne2 .texte {
	/* border-right: 1px dotted #9bb78c; */
	float: right;
	min-height: 195px;
	padding: 0px 20px 0px 0px;
	width: 373px;
	position: relative;
	z-index: 1;
}
/* HTML .colonne2 .texte { height: 195px; } BUG IE6 SUR LA PAGE COMMUNIQUÉS */ 

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

.colonne3 .texte { padding: 0px 30px 0px 0px; }

#secteurs .colonne3 .texte {	margin-top: -20px; }

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

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

#photo_gauche {
	height: 195px;
	width: 260px;
	position: absolute;
	top: -3px;
	right: 0px;
	/* z-index: 10; */
}

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

/* #partenaire .colonne2 {	width: 669px; } */
#partenaire .colonne2 .texte { 
	/* width: 550px; */
	position: relative; 
	z-index: 10; 
}
#partenaire .colonne3 {	/*width: 291px;*/ }
#partenaire #photo_gauche { top: 0px; z-index: 1; }

/* 04_100 : Réalisations
--------------------------------------------------------------------------------------- */
#realisation {	position: relative; }

#realisation #faux-colonne { background-position: 645px 0px; }

#realisation .colonne1 {
	float: left;
	width: 230px;
}
#realisation .colonne2 { width: 730px; }
#realisation .colonne3 { width: 300px; }

#realisation .colonne2 .texte { border: none; }

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

#realisation .images {
	float: left;
	height: 210px; 
	width: 400px;
	margin-right: 10px;
	margin-bottom: 15px;
	overflow: hidden;
	text-align: center;
} 

#realisation .colonne2 .item { display: none; }
#realisation .colonne2 .itemActif { display: block; }

#realisation #control {
	position: absolute;
	top: 225px;
	left: 580px;
	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 #faux-colonne { background-position: 550px 0px; }

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

#communique #media {
	float: left;
	display: inline;
	margin-left: 45px;
	width: 315px;
}

#communique #photoCommunique { float: left; }
#communique #photoCommunique .thumb {
	float: left;
	margin: 3px;
	height: 72px;
	width: 97px;
	position: relative;
}
#communique #photoCommunique .thumb .cadre {
	background: url(Gx/04/thumb.gif) no-repeat;
	height: 72px;
	width: 97px;
	position: absolute;
	top: 0px;
	left: 0px;
}

#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 {
	background: url(Gx/04/video.png) top left no-repeat;
	height: 110px;
	width: 145px;
	position: absolute;
	top: 0px;
	left: 0px;
}
#communique #videoCommunique .video A:hover .cadre {
	background-position: bottom left;
}

#communique .colonne3 .texte { float: left; padding: 0px 30px 0px 20px; }

/* 05 : Secteurs Cibles
--------------------------------------------------------------------------------------- */
#secteurs #faux-colonne { background: none; /*background-position: 410px 0px;*/ }

/*
#secteurs .colonne1 {
	float: left;
	width: 110px;
}*/
#secteurs .colonne2 {
	float: left;
	width: 411px;
	position: relative;
}
#secteurs .colonne3 {
	float: left;
	width: 549px;
}
#secteurs .colonne2 .texte {
	border-right: none;
	width: 292px;
}
#secteurs .colonne3 .texteCentre {
	background: url(Gx/M/border.gif) repeat-y;
	/*border-left: 1px dotted #9bb78c;*/
	float: left;
	padding: 0px 20px;
	/*min-height: 400px;*/
	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 H3 {
	color: #FFFFFF;
	font-size: 11px;
	font-weight: bold;
	padding-left: 40px;
	margin-bottom: 10px;
	text-transform: uppercase;
}

#menuSecteurs UL { }

#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; }

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

/* PIED DE PAGE
--------------------------------------------------------------------------------------- */
#piedPage{color:#000; font-size:10px; margin: 0px; padding-bottom:20px; width:980px;}
#piedPage a{color:#000; text-decoration: none; font-style: normal; }
#piedPage a:hover{color:#000;}
#piedPage #copyrights{float:right; margin-bottom: 10px; text-align:left;}
#piedPage #copyrights a{font-weight:bold;}
#piedPage #copyrights #lienCopyrights{font-weight:normal; text-decoration:none;}
#piedPage #copyrights #lienCopyrights:hover{font-weight:normal; text-decoration:underline;}
#piedPage #copyrights #lienWebmestre {	text-transform: uppercase; }
#piedPage #copyrights #lienWebmestre:hover {	text-decoration: underline; }

/* Partager cette page (bookmarker) */
#socialBookmarker{float:right;}
#socialBookmarkerPrefix{float:left;cursor:default;}
.bookmarkIconesVisibles {float:left;margin-left:2px;}
#bookmarkHoverPopup{border:solid 1px; 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:#000; display:block; padding-left:2px; text-decoration:none; width:150px;}
#bookmarkHoverPopup .bookmarkHoverPopupItems a:active, #bookmarkHoverPopup .bookmarkHoverPopupItems a:hover{background-color:#eee; border:1px solid #666; color:#333; display:block; height:25px; padding-left:2px; text-decoration:none; width:150px;}