/* 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{ padding-left:15px; /*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;}
abbr,acronym { border:0; }

a,a:link,a:visited,a:hover,object,embed { outline:none; }

textarea { font-family:Verdana, Arial, Sans-serif; }


/* BODY ET HTML
--------------------------------------------------------------------------------------- */
body#{  text-align:left; font-family:Verdana, Arial, Sans-serif; font-size:14px; line-height:18px; color:#4c4c4c; } 
body{ /* background:#6dbfea; */ }


html{
	color: #717172;
	font-size: 11px;
	font-family: Arial, Verdana, Tahoma, Helvetica, "Trebuchet MS", Georgia, Times, "Times New Roman", "Courier New"; /* Garder seulement 3 fontes */
}

/* 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;}
fieldset label.erreur{color:#cc0000;}
.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 */

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

fieldset,img { border:0; }
/*--Style du formulaire  --------*/
	#vp-form label.titre-champ { width:230px; float:left; text-align:right; padding-left:25px; font-size:12px; }
	#vp-form .input { width:276px; float:left; margin:0 7px; font-size:11px; color:#000; position:relative; }
	#vp-form .erreur-info { width:251px; float:left; font-size:11px; }		
	#vp-form .input.radio input { margin-right:6px; }
	#vp-form .input.radio label { width:auto; float:none; margin-right:12px; padding:0; }
	#vp-form .input.full { width:506px; }
	#vp-form .input textarea { font-size:12px; }
	#vp-form fieldset { padding:3px 0; margin-bottom:2px; }
	#vp-form fieldset.erreur { background:url(Gx/form/degrade-erreur.jpg) left repeat-y; color:#f11c1c; font-weight:bold; }
	#vp-form fieldset.erreur label.titre-champ { background:url(Gx/form/alert.png) 5px center no-repeat; }
	#vp-form fieldset.ok { background:url(Gx/form/degrade-ok.jpg) left repeat-y; }
	#vp-form fieldset.ok label.titre-champ { background:url(Gx/form/ok.png) 5px center no-repeat; }
	#vp-form input.default { color:#999; }

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

#hautConteneur{
	background: url(Gx/bg.jpg) repeat-x;
	width:100%;
}

#haut{
	background: url(Gx/M/entete.jpg) no-repeat center top;
	height: 224px;
	margin: 0 auto 0 auto;
	width:1000px;
}

#haut a{ color:#000; text-decoration:none; }
#haut a:hover{ text-decoration:underline; }

#main { margin:0 auto;  margin-top:30px; } 

h2 { color:#5a227b; font-size:16px; padding-bottom:15px; } 

#main a{ color:#555; }
#main a:hover{ color:#000; }

.clear:after { content:"."; display:block; clear: both; visibility:hidden; line-height:0; height:0; } 
.clear { clear:both; }

hr { border:0px; border-bottom:1px dotted #4c4c4c; margin:8px 0 30px 0; height:1%; }

.both{clear:both;}
.asterix { font-size:11px; }
.champCache{display:none; visibility:hidden;} /* Utilisé pour l'anti-spam */


/* PIED DE PAGE
--------------------------------------------------------------------------------------- */

#piedPage{ background:#c4d77c; color:#555; font-size:10px; padding:10px 0px 10px 0px; width:100%; text-align:center;}
#piedPage a{color:#333; text-decoration:underline;}
#piedPage a:hover{color:#555;}
#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:#555;}
#piedPage #copyrights #lienCopyrights:hover{font-weight:normal; text-decoration:underline; color: #555;}
#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{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;}