/*	FICHIER :		Stylesheet.css
	DESCRIPTION : 	Fichier CSS par défaut
	AUTEUR : 		Vortex Solution
	TABLE DES MATIÈRES:
		- Éléments HTML (body, html, a, h1, h1, ...)
		- Conteneurs, menus et conteneurs par page
		- Pieds de page
		- Formulaires
------------------------------------------------------------------------------------ */
body#main{
	background: #000 url(gx/bg.gif) repeat-x;
	margin: 0;
	padding: 0;
	text-align:center;
}
html{
	color: #717172;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica;
}
html, body, ul, ol, li, p, h1, h1, h3, h4, h5, h6, form, fieldset, a, img{border:0; margin:0; padding:0;}


/* TEXTES ET HYPERLIENS GLOBAUX
--------------------------------------------------------------------------------------- */
a, a:link, a:visited, a:hover{outline:none;}

h1{color: #C21527; font-size:18px;}
h1 a, h1 a:link, h1 a:visited{color:#C21527;}

h2{color: #FFF; font-size:13px;}
h2 a, h2 a:link, h2 a:visited{color:#333;}

p{font-size: 11px; line-height: 150%; color: #FFF;}
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:#FFF; text-decoration:none;}
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:#FFF; text-decoration:underline;}

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

#boiteTexte{margin:50px 0 0 35px; padding:0px 20px 0 0;}
#boiteTexte ul li {color:#FFF; font-size:11px; line-height:150%; list-style:disc; list-style-type:inline; margin-left:13px;}
#boiteTexte ul li a {font-size:9px; }

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

.both{clear:both;}

#haut {
	margin: 0 auto;
	text-align:center;
	width:800px;
	height:153px; 
}

/* MENUS
--------------------------------------------------------------------------------------- */
#menu{margin-top:10px; padding:0; position:absolute; z-index:100;}
#menu ul{margin:0;padding:0;width:159px;}
#menu ul li{margin-bottom:5px; display:block; list-style-type:none; height:20px;}
#menu ul li a, #menu ul li a:link, #menu ul li a:visited{
	color: #FFF;
	display:block;
	font-size: 11px;
	font-weight: bold;
	line-height: 12px;
	padding: 3px 6px 6px 67px;
	background: url(Gx/M/menubg.png) no-repeat right top;
	text-decoration:none;
}
#menu ul li a.actif{background: url(Gx/M/menubgpremier.png) no-repeat right top;}
#menu ul li a:hover, #menu ul li a:visited:hover{color:#000;text-decoration:none;}

/* 01_100 SLIDESHOW
--------------------------------------------------------------------------------------- */
#conteneurPhoto{
	position:absolute;
	z-index:1;
}
#conteneurPhoto div{
	display:none;
	position:absolute;
	top:0;
	left:0;
	z-index:1;
}
#conteneurPhoto div.photoActif{
	display:block;
	z-index:1;
}

/* 02_100 - 03_100 - 04_100
--------------------------------------------------------------------------------------- */
#includeDroite{
	width:426px;
	height:447px;
	float:right;
}

/* PAGE COORDONNÉES - GOOGLEMAP
--------------------------------------------------------------------------------------- */
.theMap {width:350px; height:250px; margin:10px 0 0 35px; border:1px solid #bec0c2;}
.theMap p {color:#000000;}


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

/* PIED DE PAGE
--------------------------------------------------------------------------------------- */
/*#piedPage{color:#555; font-size:10px; height:50px; margin-top:10px;padding:0; width:800px;}
#piedPage a{color:#BD9500; text-decoration:none;}
#piedPage a:hover{color:#000;}
#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:#a5a4a4;}
#piedPage #copyrights #lienCopyrights:hover{font-weight:normal; color: #FFF;}
#piedPage #menuBas{float:right;text-align:right;}


/* Partager cette page (bookmarker) */
/*#socialBookmarker {float:right;}
#socialBookmarkerPrefix {float:left;cursor:default;}
.bookmarkIconesVisibles {float:left;margin-left:2px;}
#bookmarkHoverPopup {
	position:absolute;
	border:solid 1px;
	background-color:white;
	text-align:left;
	padding:4px;
	width:315px;
	display:none;
}
#bookmarkHoverPopup .bookmarkHoverPopupItems{
	float:left;
	width:150px;
	height:25px;
	margin-right:4px;
}

#bookmarkHoverPopup .bookmarkHoverPopupItems a{
	line-height:25px;
	height:25px;
}

#bookmarkHoverPopup .bookmarkHoverPopupItems a:link, #bookmarkHoverPopup .bookmarkHoverPopupItems a:visited{
	border:none;
	color:black;
	display:block;
	text-decoration: none;
	width:150px;
	padding-left:2px;
	border: 1px solid #fff;
}

#bookmarkHoverPopup .bookmarkHoverPopupItems a:active, #bookmarkHoverPopup .bookmarkHoverPopupItems a:hover{
	text-decoration: none;
	color:#333333;
	border: 1px solid #666;
	width:150px;
	height:25px;
	display:block;
	background-color:#eee;
	padding-left:2px;
}

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

/* Formulaire contact */
/*#formulaireQuestion fieldset label{float:left;width:150px;}
#formulaireQuestion .champTexte{float:left;width:300px;}
#formulaireQuestion .listeDeroulante{float:left;width:300px;}
#formulaireQuestion .boiteTexte{float:left;height:70px;width:330px;}

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