html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td{
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

body#main {background: #FFFFFF url(gx/bg.jpg) top left repeat-x; margin: 0; padding: 0; text-align:center;}
html {font-family:Arial, Helvetica, sans-serif; font-size: 12px; color: #000000;}
html, body, ul, ol, li, p, h1, h2, 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 {font-size:17px; color:#000000; font-weight:bold; margin:0px 0px 16px 0px; padding:0px;}
h1 a, h1 a:link, h1 a:visited {color:#000000;}

h2 {font-size:14px; color:#000000; font-weight:normal; margin:0px 0px 16px 0px; padding:0px;}
h2 a, h2 a:link, h2 a:visited {color:#000000;}

p {font-size:12px; color: #000000; line-height:20px; margin:0px; padding:0px;}
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:#ed212c; 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:#ed212c; text-decoration:underline;}

p.top {float:right; font-size:10px;}

ul {margin:0px; padding:0px;}
	ul li {color:#000000; font-size:12px; line-height:20px; list-style-image:url(gx/ic_list.gif); margin:0px 0px 20px 16px;}
ol li {color:#000000; font-size:12px; line-height:14px; 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;}
*/

/* CONTENEURS ET CLASSES GÉNÉRALES
--------------------------------------------------------------------------------------- */
#conteneur {width:960px; margin: 0 auto 0 auto; text-align:left;}

	#header {height:222px; background:url(gx/bg_header.jpg) top right no-repeat;}
		#header .lgGuzzo {float:left; width:333px; height:222px;}
	
#contenu {min-height:455px; height:auto; margin:0px; padding:34px 0px 20px 0px;}
*html #contenu {height:455px;}
	.leftColumnTxt {float:left; width:615px; }
	.rightColumnTxt {float:left; width:325px; padding-left:20px;}
	
		.contentCtaTop {width:308px; height:18px; background:url(gx/m/vi_contentCta_top.gif) top left no-repeat;}
		.contentCta {width:295px; margin:0px; padding-left:11px; border-left:1px solid #e8e8e8; border-right:1px solid #e8e8e8;}
			ul.listBt {margin:0px; padding:0px;}
				ul.listBt li {margin:0px; padding:0px 0px 20px 0px; list-style-image:none; list-style:none;}
				/*ul.listBt li.last {margin:0px; padding:80px 0px 0px 0px;}*/
		.contentCtaBottom {width:308px; height:18px; background:url(gx/m/vi_contentCta_bottom.gif) top left no-repeat;}
		
.both{clear:both;}
 

/* MENUS
--------------------------------------------------------------------------------------- */
#menuTop {float:right; height:39px; margin:0px; padding:0px;}
	#menuTop ul {margin:0; padding:0;}
		#menuTop ul li {padding:0; margin:0; float:left; list-style-image:none; list-style-type:none;}
			#menuTop ul li a {padding:0; margin-right:-15px;}
			*html #menuTop ul li a {padding:0; margin-right:-10px;}
			#menuTop ul li.last a {padding:0; margin-right:0px;}
	
#menu {height:61px; margin:0; padding:0; background:url(gx/m/bg_menuPrinc.gif) top left repeat-x;}
	#menu ul {margin:0;padding:0;}
	#menu ul li {margin:0px 25px 0px 0px; padding:0px; display:inline; list-style-type:none;}
	#menu ul li.first {margin:0px 25px 0px 5px;}
	#menu ul li.last {margin:0px 0px 0px 0px;}


/* PAGE CONTACT / MAP GOOGLE
--------------------------------------------------------------------------------------- */
#map {float:left; width:420px; height:300px; border:1px solid #eeeeee;}


/* 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
--------------------------------------------------------------------------------------- */
#contentPiedPage {width:100%; margin:0px; padding:0px; background:#d9d9d9 url(gx/bg_footer.gif) top left repeat-x;}
	#piedPage {width:960px; height:61px; color:#838383; font-size:11px; margin:0px auto 0px auto; padding:18px 0px 0px 0px;}
	*html #piedPage {width:960px; height:70px; color:#838383; font-size:11px; margin:0px auto 0px auto; padding:18px 0px 0px 0px;}
	#piedPage a {color:#838383; text-decoration:none;}
	#piedPage a:hover {color:#000000; text-decoration:none;}
	#piedPage #copyrights {float:left; margin:0px; text-align:left;}
	#piedPage #copyrights a {font-weight:bold;}
	#piedPage #copyrights #lienCopyrights {font-weight:normal; text-decoration:none; color:#838383;}
	#piedPage #copyrights #lienCopyrights:hover {font-weight:normal; text-decoration:none; color: #000000;}
	#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
--------------------------------------------------------------------------------------- */
form#formulaireQuestion {width:510px;}
fieldset {border:0px solid #000; font-size: 11px; margin-bottom:10px; padding:0px;}
fieldset legend {border:0px solid #999; color:#000; font-size:14px; font-weight:bold; padding:3px;}
fieldset label {font-size:12px; color:#000; margin:4px 0 4px 0;}

/* Formulaire contact */
#formulaireQuestion fieldset label {float:left; width:175px;}
#formulaireQuestion .champTexte {float:left; width:300px;}
#formulaireQuestion .listeDeroulante {float:left; width:300px;}
#formulaireQuestion .boiteTexte {float:left; height:70px; width:330px;}

.champTexte {background:#FFFFFF; border: 1px solid #e7e3df; color: #000000; font-size: 12px; margin:4px 0 4px 0; padding:3px;}
.listeDeroulante {background:#FFFFFF; border: 1px solid #C9D0D6; color: #000000; font-size: 12px; margin:4px 0 4px 0;}
.boiteTexte {background:#FFFFFF; border: 1px solid #e7e3df; color: #000000; font-family:Arial, Helvetica, sans-serif; font-size: 12px; margin:4px 0 4px 0;}
.bouton {background-color:#FFFFFF; color: #498ECB; font-family:Arial, Helvetica, sans-serif; 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;}

input.radio {float:left; margin-right:5px; padding:0px;}

#nextback{
	font-size: 11px;
	background: none;
	width: 553px;
	text-align: center;}
#nextback a, #nextback a:link, #nextback a:visited{
	color:#ed212c; text-decoration:none;
	font-weight: bold;
	font-size: 11px;
	
	}
#nextback a:hover{
	/*color: #1c5dad;*/
	text-decoration: underline	}
	
#albums a, #albums a:link, #albums a:visited{
	font-weight: bold;	
	color: #000;
	text-decoration: none;
	font-size: 12px;
}
#albums a:hover, #albums a.actif, #albums a.actif:link, #albums a.actif:visited{
	color: #ed212c	
}	

a.linkpics, a.linkpics:link, a.linkpics:visited{
	color: #FFF;
	font-weight: bold;
	text-decoration: none;	
}
a.linkpics:hover{
	text-decoration: underline;	
}

