/* 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,a:link,a:visited,a:hover,object,embed{outline:none;}

/* BODY ET HTML
--------------------------------------------------------------------------------------- */
body {
	background: #FFF url(gx/M/bg.gif) repeat-x center top;
	margin: 0;
	padding: 0;
	text-align:center;
}
html{
	color: #717172;
	font-size: 11px;
	font-family: Arial, Verdana, Tahoma;
}

/* TEXTES ET HYPERLIENS GLOBAUX
--------------------------------------------------------------------------------------- */
h1{color: #C21527; font-size:18px; margin-bottom:6px;}
h1 a, h1 a:link, h1 a:visited{color:#C21527;}

h2{color: #C21527; font-size:15px; margin-bottom:4px;}
h2 a, h2 a:link, h2 a:visited{color:#333;}

p{font-size: 11px; line-height: 150%; color: #717172;}
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;
}

ul li{color:#1F1F1F; font-size:11px; line-height:150%; list-style:square; margin-left:16px;}
ol li{color:#1F1F1F; font-size:11px; line-height:150%; margin-left:16px;}

/* 
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;}
*/

/* Icones générales
--------------------------------------------------------------------------------------- */
.lienRSS{background: url(Gx/icone_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;} */


/* CONTENEURS ET CLASSES GÉNÉRALES
--------------------------------------------------------------------------------------- */
#conteneur{
	margin: 0px auto;
	text-align:left;
	width:980px;
}

.both{clear:both;}

#entete {
	float: left;
	padding: 35px 0px 0px 37px;
	width: 944px;
}
#entete IMG {
	float: left;
}

#contenu {
	padding-top: 54px;
}

/* 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;}

.floatLeft{float:left;}
.floatRight{float:right;}

.sansBorder{border:none;}
.sansPadding{padding:0;}
.sansMargin{margin:0}
*/

/* MENUS
--------------------------------------------------------------------------------------- */
.menuTop {float: left;height: 25px;	padding-top: 5px;}
.menuTop LI {float: left;list-style: none;padding-right: 10px;	margin: 0px;}
.menuTop LI SPAN {background: url(Gx/M/menuTop_sep.gif) no-repeat;display: block;	float: left;	height: 16px;	width: 2px;}
.menuTop LI A:link, .menuTop LI A:visited, .menuTop LI A:active {	color: #d2d2d2;float: left;	padding-right: 10px;	text-decoration: none;}
.menuTop LI A:hover {color: #FFFFFF;text-decoration: none;}
.menuTop LI #lnk_agent { color: #FFFFFF; }
.menuTop LI #lnk_agent:hover { color: #ff0000; }
.menuTop#menuRight {	float: right; }

/* Menu principal */
#boxMenu {background: url(Gx/M/boxMenu_contenu.gif) top left repeat-y;float: left;}
#boxMenu ul li{border-bottom: 1px solid #d5d5d5;font-size: 12px;line-height: 35px;	list-style: none;	margin: 0px 15px;	padding: 0px;color: #A8A8A8;font-size: 11px;}
#boxMenu ul li a, #boxMenu ul li a:link, #boxMenu ul li a:visited{color: #666666;font-size: 11px;text-decoration: none;}
#boxMenu ul li a:hover, #boxMenu ul li a:visited:hover{color:#c60005;}
#boxMenu ul li a.actif, #boxMenu ul li a.actif:visited{font-weight: bold;color:#c60005;}

#boxMenu ul li.dernier{background: url(Gx/M/boxMenu_bas.gif) bottom right no-repeat;	border: none;	height: 70px;	margin: 0px;	padding: 15px; color: #B7CF93;font-weight: bold;}
#boxMenu ul li.dernier a, #boxMenu ul li.dernier a:link, #boxMenu ul li.dernier a:visited{color: #91b55e;font-weight: bold;	}

/* PAGE ACCUEIL
--------------------------------------------------------------------------------------- */
/*#boxMenu {background: url(Gx/M/boxMenu_contenu.gif) top left repeat-y;float: left;}
#boxMenu UL LI {border-bottom: 1px solid #d5d5d5;font-size: 12px;line-height: 35px;	list-style: none;	margin: 0px 15px;	padding: 0px;}
#boxMenu #dernier {background: url(Gx/M/boxMenu_bas.gif) bottom right no-repeat;	border: none;	color: #91b55e;font-weight: bold;	height: 70px;	margin: 0px;	padding: 15px;}*/

.col { float: left; }

#boxVideo {	background: url(Gx/M/boxVideo.gif) no-repeat;margin: 0px 8px;	height: 309px;	width: 445px; position: relative;}
#boxVideo .innerVideo{ padding: 9px; }
#boxVideo #crossSlide {height: 265px;	width: 428px; position: absolute; top: 9px; left: 8px;}

#boxTexte {
	/*background: url(Gx/M/boxTexte.jpg) no-repeat bottom;*/
	
	border: 1px solid #dadada;
	margin: 18px 8px; 
	min-height: 252px; height: 100%; _height:252px;
	width: 442px;
}
#boxTexte div.haut{background: #fff url(Gx/M/boxTexte_haut.gif) no-repeat bottom;margin:1px 1px 0 1px;min-height: 111px; height: 100%; _height:111px;	padding:13px 10px 23px 15px;}
#boxTexte div.bas{background: #f9f9f9;	margin:0px 2px 2px 2px;	padding: 0px 0px 6px 13px; clear: both; display:block;}
#boxTexte H1 {	color: #c60005;	font-size: 22px;	font-weight: normal;}
#boxTexte P {font-size: 12px;	line-height: 17px;	padding: 5px 10px 0px 0px;}
#boxTexte UL {	padding-top: 0px; padding-right: 10px;	float: left; width:205px; }
#boxTexte #list_add { padding-right: 0px; }
#boxTexte UL LI {
	background: url(Gx/M/li_fleche.jpg) center left no-repeat;
	color: #3d3d3d;
	font-size: 12px;
	list-style: none;
	margin: 0px;
	padding: 3px 0px 3px 15px;
}
#boxTexte UL #adresse {
	background: url(Gx/M/li_fleche.jpg) 0px 10px no-repeat;
	line-height: 22px;
}


.video IMG {border: 2px solid #b6b6b6; float: left; margin:45px 8px 0 5px; }
.video:hover IMG {	border: 2px solid #FFFFFF; }

#lnk_flecheG {
	display: block;
	float: left;
	margin: 65px 5px 0px 15px;
	height: 29px;
	width: 22px;
	position: relative;
	overflow: hidden;
}
* HTML #lnk_flecheG { margin: 65px 5px 0px 5px; } /* HACK IE6 */

#lnk_flecheG SPAN {
	background: url(Gx/M/fleche_g.png) no-repeat;
	cursor: pointer;
	display: block;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
}
#lnk_flecheG:hover SPAN { background: url(Gx/M/over/fleche_g.png) no-repeat; }

#lnk_flecheD {
	display: block;
	float: left;
	margin: 65px 5px 0px 0px;
	height: 29px;
	width: 22px;
	position: relative;
	overflow: hidden;
}
#lnk_flecheD SPAN {
	background: url(Gx/M/fleche_d.png) no-repeat;
	cursor: pointer;
	display: block;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
}
#lnk_flecheD:hover SPAN { background: url(Gx/M/over/fleche_d.png) no-repeat; }

#lnk_tous {
	color: #e43038;
	float: right;
	padding: 8px 15px;
}

#videos_sim { height: 410px; position: absolute; }

.video_sim {
	border-bottom: 1px solid #e3e3e3;
	clear: both;
	height: 75px;
	line-height: 17px;
	margin: 0px 40px 0px 10px;
	padding: 15px 0px;
	width: 250px;
}

.video_sim p {float:left;width:138px; }

* HTML .video_sim { padding: 13px 0px; } /* HACK IE6 */

.video_sim IMG {
	border: 2px solid #b6b6b6; 
	float: left;
	margin-right: 5px;
}
.video_sim a:hover IMG {
	border: 2px solid #EDEDED; 
}

.video_sim .num { color: #e43038; }

.video_sim .lnk_details {
	background: url(Gx/M/i_fiche.gif) no-repeat;
	color: #e43038;
	display: block;
	float: left;
	margin-top: 10px;
	padding-left: 22px;
}

#boxPhoto {
	/*background: url(Gx/M/boxPhoto_contenu.gif) no-repeat;*/
	border: 1px solid #dadada;
	float: left;
	margin-left: 8px;
	width: 752px;
}

/**+ HTML #boxPhoto { margin-top: -50px; }*/ /* HACK IE 7 & 8 */
/** HTML #boxPhoto { margin-top: -50px; }*/ /* HACK IE6 */

#boxPhoto_top {
	background: url(Gx/M/boxPhoto_top.gif) no-repeat;
	height: 10px;
	width: 754px;
}
#boxPhoto_bas {
	background: url(Gx/M/boxPhoto_bas.gif) no-repeat;
	height: 30px;
	width: 754px;
}
#boxPhoto_contenu {
	padding: 0px 32px;
	background: #e3e3e3 url(Gx/M/boxPhoto_contenu.gif) repeat-x;
}
#boxPhoto_contenu IMG {
	border: 2px solid #b6b6b6;
	margin: 9px 6px 8px 6px;
}
#boxPhoto_contenu a:hover IMG {
	border: 2px solid #EDEDED; 
}

*HTML #boxPhoto_contenu IMG { margin: 9px 6px 6px 6px; } /* HACK IE6 */



.boxAgent { background:url(Gx/M/boxAgent.gif) no-repeat; float:left; height:190px; width:720px; padding:15px;margin: 8px 0 0 8px;  float:right;}
.boxAgent .photo IMG { border:2px solid #e7e7e7; float:left; width:126px; }

.boxAgent .coord, .boxGroupe .coord { float:left; padding:0 20px; width:400px; }
.boxAgent .coord h2 { color:#000; font-size:16px; padding:0; }
.boxAgent .coord .coord_texte { line-height:21px; }

.lnk_agent { float:right; margin-top:10px; width:140px; }
.lnk_agent li {list-style: none;  background:url(Gx/M/li_fleche.gif) center left no-repeat; font-weight:bold; line-height:30px; margin:0; padding-left:15px; }
.lnk_agent li a, .boxGroupe .lnk_groupe li a { 	text-decoration:none; color:#666666; }

/* PAGE RÉSULTAT 
-------------------------------------------------------------------------------------- */

.col2 {
	float: left; 
	width: 382px;
}

.contenu_resultat{
	float: left; 
	width: 764px;
}
.contenu_detail{
	
}
.box_resultat {
	background:#fff url(Gx/02/box_resultat.gif) no-repeat;
	float: left;
	margin: 0px 0px 10px 5px;
	padding: 10px;
	height: 103px; _height:101px;
	width: 357px;
}

.box_resultat_hover{
	background-color: #F9F9F9;
}

.box_resultat a:hover, .box_resultat a:visited:hover{text-decoration: none;}

* HTML .box_resultat { margin: 0px 0px 10px 2px; } /* HACK IE6 */

.box_resultat IMG {
	float: left;
	padding-right: 10px;
}

.box_resultat P {
	color: #505050;
	float: left;
	line-height: 140%;
	width: 195px;
	text-decoration: none;
	/*background: red;*/
}
.box_resultat .numero { color: #c60005; }
.box_resultat .lnk_detail a {
	color: #c60005;
	display: block;
	font-weight: bold;
	padding-top: 10px;
}
.box_resultat A:link, .box_resultat A:visited {
	text-decoration: none;
}
.box_resultat A:hover P {
	text-decoration: underline;
}

/* PAGINATION
--------------------------------------------------------------------------------------- */

#numpage { float:right; margin-top:5px;	}

.pagination, .suivant, .precedent {
	background: url(Gx/02/pagination.gif) no-repeat;
	background-position: -116px 0;
	color: #FFFFFF;
	display: block;
	float: left;
	font-weight: bold;
	height: 13px;
	width: 15px;
	margin: 15px 3px;
	padding: 10px;
	text-align: center;
	text-decoration: none;
}
.pagination:hover { background-position: -116px -34px; }
.suivant, .precedent { width: 55px;	padding: 10px 30px;}

.suivant{ background-position: top right; }
.precedent{ background-position: top left; }
.suivant:hover{ background-position: bottom right; }
.precedent:hover { background-position: bottom left; }

.pageEnCours{
	background: url(Gx/02/pagination.gif) no-repeat;
	background-position: -116px -34px;
	color: #FFFFFF;
	display: block;
	float: left;
	font-weight: bold;
	height: 13px;
	width: 15px;
	margin: 15px 3px;
	padding: 10px;
	text-align: center;
	text-decoration: none;
}

/* PAGE CONTACT
--------------------------------------------------------------------------------------- */
#formQuestion fieldset label{float:left;width:150px;}
#formQuestion .champTexte{float:left;width:300px;}
#formQuestion .listeDeroulante{float:left;width:300px;}
#formQuestion .boiteTexte{float:left;height:70px;width:330px;}

/* PIED DE PAGE
--------------------------------------------------------------------------------------- */
#conteneurPiedPage{
	background:#4f4f4f url(gx/m/bg_footer.gif) repeat-x; 
}
#piedPage{color:#9f9f9f; font-size:11px; padding:30px 0 0 0;margin: 0px auto;	text-align:left;width:980px; }
#piedPage a{color:#9f9f9f; text-decoration:none;}
#piedPage a:hover{color:#9f9f9f;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:#9f9f9f;}
#piedPage #copyrights #lienCopyrights:hover{font-weight:normal; text-decoration:underline; color: #9f9f9f;}

#piedPage #menuBas {margin:0;padding:0;}
#piedPage #menuBas ul{margin:0; float:left; padding:0; width: 240px;}
#piedPage #menuBas li{padding:0; margin:0; display:block; list-style-type:none;}
#piedPage #menuBas li a, #piedPage #menuBas li a:link, #piedPage #menuBas li a:visited{
	background: url(gx/icone_fleche.gif) no-repeat 0 4px;
	color: #8b8b8b;
	font-size: 11px;
	line-height: 12px;
	padding: 0 15px;
	text-decoration: none;
}
#piedPage #menuBas li a:hover, #piedPage #menuBas li a:visited:hover{color:#e8e8e8;}
#piedPage #menuBas li a.actif, #piedPage #menuBas li a.actif:visited{color:#e8e8e8;}

/* Partager cette page (bookmarker) */
#socialBookmarker{float:left;}
#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;}

/* 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;}
fieldset label{font-size:12px; color:#000; margin:2px 0 2px 0;}
.champTexte{
	background: #EEF3F7;
	border: 1px solid #C9D0D6;
	color: #4E677A;
	font-size: 11px;
	margin:2px 0 2px 0;
}
.listeDeroulante{
	background: #EEF3F7;	
	border: 1px solid #C9D0D6;
	color: #4E677A;
	font-size: 11px;
	margin:2px 0 2px 0;
}
.boiteTexte{
	background: #EEF3F7;
	border: 1px solid #C9D0D6;
	color: #4E677A;
	font-family: "Trebuchet MS";
	font-size: 11px;
	margin:2px 0 2px 0;
}
.bouton{
	background-color: #EEF3F7;
	color: #498ECB;
	font-family: "Trebuchet MS";
	font-size: 13px;
	font-weight: bold;
}
.bouton:hover{background-color:#1A80B6; color:#FFF;}

.champCache{display:none; visibility:hidden;} /* Utilisé pour l'anti-spam */

.erreur{color:#FF0000;}
