/* 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{border:0;}
/*address,caption,cite,code,dfn,em,strong,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%;/*font-weight:normal;*/}
q:before,q:after{content:'';}
abbr,acronym{border:0;}
a,a:link,a:visited,a:hover,object,embed{outline:none;}


/* BODY ET HTML
--------------------------------------------------------------------------------------- */
body#main {background:#272727; margin: 0; padding: 0; text-align:center;}
html {font-family:Arial, Verdana, Helvetica, sans-serif; font-size: 11px; color:#1f2024;}


/* TEXTES ET HYPERLIENS GLOBAUX
--------------------------------------------------------------------------------------- */
h1 {font-family:Arial, sans-serif; font-size:21px; color:#010712; font-weight:bold; margin-bottom:21px; padding:0px 3px 10px 3px; background:url(gx/ti_underline.gif) bottom left repeat-x;}
h1 a, h1 a:link, h1 a:visited {color:#010712;}

h2 {font-family:Arial, sans-serif; font-size:15px; color: #75310a; font-weight:bold; margin-bottom:13px;}
h2 a, h2 a:link, h2 a:visited {color:#75310a; text-decoration:none;}

h3 {font-family:Arial, sans-serif; font-size:12px; color: #75310a; font-weight:bold; margin-top:13px;}
h3 a, h2 a:link, h2 a:visited {color:#75310a; text-decoration:none;}

p {font-size: 12px; line-height:18px; color: #1f2024; margin:0px; padding:0px;}
	p a, p a:link, p a:visited, ul li a, ul li a:visited, ol li a, ol li a:visited {color:#1f2024; 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:#1f2024; text-decoration:underline;}

div.intro p, p.intro {font-size:12px; color: #7e954e; font-weight:bold; line-height: 150%; margin:0px 0px 16px 0px; padding:0px;}
	div.intro p a, p.intro a {color: #7e954e; text-decoration:none;}
	div.intro p a, p.intro a:hover {color: #7e954e; text-decoration:underline;}

p.textePetit {font-size:10px;}

ul li {color:#1f2024; font-size:11px; line-height:150%; list-style:none; list-style-image:url(gx/ic_list.gif); margin-left:16px;}
ul.listPic li {color:#1f2024; font-size:11px; line-height:150%; list-style:none; margin-left:16px;}
ol li {color:#1f2024; font-size:11px; line-height:150%; margin-left:16px;}


/* CONTENEURS ET CLASSES GÉNÉRALES
--------------------------------------------------------------------------------------- */
#conteneur {width:100%; text-align:left;}
	#contentHeader {width:100%; height:264px; background:url(gx/bg_header.gif) bottom left repeat-x; padding-top:1px;}
		#header {width:983px; margin:0px auto 0px auto;}
			#header .logo {position:absolute; margin-left:20px; margin-top:17px;}
			
	#contentBody {width:100%; background:#ededed url(gx/bg_content.gif) top left repeat-x;}
		#content {width:983px; margin:0px auto 0px auto; padding-bottom:25px;}
			#contenu {float:left;}
				.columnLeft {float:left; width:230px; margin-right:40px; padding-left:7px;}
				.columnRight {float:left; width:699px; padding-right:7px;}
					.contentTxt {float:left; width:675px;}
	#contentBodyGradient {width:100%; height:36px; background:#ededed url(gx/bg_contentGradient.gif) top left repeat-x;}
				
	#contentFooter {width:100%;}

.both{clear:both;}


/* MENUS
--------------------------------------------------------------------------------------- */
#menu {height:104px; margin:0; padding:0;}
	/*#menu ul {outline:1px solid #ff0000; height:44px; margin:0px auto 0px auto; padding:0;}*/
		#menu ul li {float:left; display:block; list-style-type:none; background:#272727 url(gx/m/bg_menu_sep.gif) top left no-repeat; margin:0; padding:0 0 0 2px;}
			#menu ul li a, #menu ul li a:link, #menu ul li a:visited {display:block; height:44px; font-family:Arial, sans-serif; font-size: 13px; color: #FFFFFF; font-weight:bold; line-height: 44px; text-decoration: none; padding: 0 36px;}
			#menu ul li a:hover, #menu ul li a:visited:hover {background:#383838;}
			#menu ul li a.actif, #menu ul li a.actif:visited {background:#383838;}
			
		#menu ul li.first {float:left; display:block; list-style-type:none; background:url(gx/m/bg_menuFirst.png) top left no-repeat; margin:0; padding:0px;}
			#menu ul li.first a:hover, #menu ul li.first a:visited:hover {background:url(gx/m/bg_menuFirst_over.png) top left no-repeat;}
			#menu ul li.first a.actif, #menu ul li.first a.actif:visited {background:url(gx/m/bg_menuFirst_over.png) top left no-repeat;}
			
		#menu ul li.last {float:left; display:block; list-style-type:none; background:url(gx/m/bg_menuLast.png) top left no-repeat; margin:0; padding:0px;}
			#menu ul li.last a:hover, #menu ul li.last a:visited:hover {background:url(gx/m/bg_menuLast_over.png) top left no-repeat;}
			#menu ul li.last a.actif, #menu ul li.last a.actif:visited {background:url(gx/m/bg_menuLast_over.png) top left no-repeat;}

			
			
/* LISTE PROJETS
--------------------------------------------------------------------------------------- */
.itemProjet {float:left; padding-bottom:45px;}
	.itemProjet .pic {float:left; width:274px;}
		.itemProjet .bgPic {float:left; width:250px; height:175px; background:url(gx/03/bg_thumbProjet.gif) top left no-repeat; padding:5px 0px 0px 5px;}
	.itemProjet .descr {float:left; width:420px;}
		.itemProjet .descr a.btMore {display:block; width:90px; height:22px; font-size:11px; color:#f4f5f4; text-decoration:none; margin-top:20px; padding:6px 0px 0px 56px; background:url(gx/m/bt_more.gif) top left no-repeat;}
		.itemProjet .descr a.btMore:hover {background:url(gx/m/bt_more_over.gif) top left no-repeat;}


/* FICHE PROJET
--------------------------------------------------------------------------------------- */
/*#videoyoutube {float: left;	width:230px;}*/

#boitephoto {background: url(Gx/03/bg_headerProjet.gif) no-repeat left top; width:650px; height:280px; padding:5px 0px 0px 5px; float: left; z-index: -1;}
	#boitephoto .imgMask {width:640px; height:275px; overflow:hidden;}
		
/* tableau fiche projet */
table.unite {width: 653px; font: 12px Arial;}
table.unite tr {background-color: #F8F8F8;}
table.unite td {padding: 2px 0;}
table.unite th {color: #fff; background:#9ccb3b /*url(Gx/03/th_bg.gif) repeat-x top*/; font-weight: bold; padding-left: 15px; text-align: left; font-size: 13px; line-height: 18px;}
table.unite th .fr {float: right;padding-right: 16px;}
table.unite th .en {float: right;padding-right: 20px;}
table.unite tr.titre td {background-color: #C5C5C5; font-size: 13px; color: #333333; font-weight: bold;}
table.unite td.petitpad {padding-left: 5px;}
table.unite td.centre {text-align: center;}
table.unite tr.vendu {background-color: #DDDDDD;}
table.unite td.vendu {text-align: center; color: #FF0000; font-weight: bold;}
table.unite td a, table.unite td a:link, table.unite td a:visited {font-weight: normal; color: #333333; text-decoration: none;}
table.unite td.vendu a, table.unite td.vendu a:link, table.unite td.vendu a:visited {font-size: 12px; background: url(Gx/03/pasvendu_bg.gif) no-repeat left top; padding-left: 15px;}
table.unite td a:hover, table.unite td a:visited:hover {text-decoration: underline;}
		
		
		
/* PAGE PHOTOS
--------------------------------------------------------------------------------------- */
div.boiteGalerie{position: relative; top: -5px; width:692px; height: 105px; margin-bottom:25px; border:1px solid #c8c8c8;}
div.boiteGalerie div.carousel div.carousel-control{float:left; width:50px; height:82px; cursor: pointer; }
div.boiteGalerie div.carousel div.carousel-control span{ display: none; }
div.boiteGalerie div.carousel div.carousel-previous{background: url(Gx/04/carousel_btn_gauche.gif) no-repeat 15px 40px; }
div.boiteGalerie div.carousel div.carousel-next{background: url(Gx/04/carousel_btn_droite.gif) no-repeat 0px 40px; }
div.boiteGalerie div.carousel div.carousel-wrap{width:585px; height:95px; float: left; margin: 10px 0px 0px 7px; }
div.boiteGalerie div.carousel ul {width:588px; height:95px; margin: 0; padding: 0; }
div.boiteGalerie div.carousel ul li {float:left; width:113px; height:83px; margin: 0; padding:4px 0px 0px 4px; list-style-type: none; background:url(gx/04/bg_thumbPic.gif) top left no-repeat; }
div.boiteGalerie div.carousel ul li a {width:113px; height: 83px; margin:0px; padding:0px; display: block; cursor: pointer; }
div.boiteGalerie div.carousel div.carousel-control:hover{ -moz-opacity:.6;opacity:0.60;filter:alpha(opacity=60); }
div.boiteGalerie div.carousel div.carousel-control.disabled,
div.boiteGalerie div.carousel div.carousel-control.disabled:hover{ -moz-opacity:.1;opacity:0.10;filter:alpha(opacity=10);cursor:default; }


/* PAGE CONTACT / MAP GOOGLE
--------------------------------------------------------------------------------------- */
#map {float:left; width:675px; height:300px; border:1px solid #272727; margin-bottom:16px;}

#mapProjet {float:left; width:100%; height:250px; border:1px solid #c8c8c6;	overflow: hidden;}


/* ICONES GÉNÉRALES
--------------------------------------------------------------------------------------- */
.lienPDF {background: url(Gx/icone_PDF.gif) no-repeat left;padding:5px 0 5px 20px;}


/* PIED DE PAGE
--------------------------------------------------------------------------------------- */
#piedPage {width:983px; height:100px; color:#627931; font-size:11px; margin:0px auto 0px auto; padding-top:25px;}
#piedPage a {color:#627931; text-decoration:none;}
#piedPage a:hover {color:#627931; text-decoration:underline;}

#piedPage #copyrights {clear:both; margin:0; text-align:left;}
#piedPage #copyrights a {font-weight:bold;}
#piedPage #copyrights #lienCopyrights {font-weight:normal; text-decoration:none; color:#627931;}
#piedPage #copyrights #lienCopyrights:hover {font-weight:normal; text-decoration:underline; color: #627931;}

#piedPage #menuBas {float:left; text-align:right;}


/* Partager cette page (bookmarker) */
#socialBookmarker {float:right; width:169px; height:18px; margin-bottom:10px; padding:1px 0px 0px 21px; background:url(gx/ic_bookmark.gif) top left no-repeat;}
#socialBookmarkerPrefix {float:left;cursor:default; font-size:10px; font-weight:normal; text-transform:uppercase;}
.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;}

#piedtexte {float:left; color:#7d7b83; text-decoration:none; width:970px; font-size:11px ; text-align:justify; padding: 15px 0 0 0;}
#piedtexte a{color:#7d7b83; text-decoration:underline; font-size: 11px ;}
#piedtexte a:hover{color:#7d7b83;}

/* FORMULAIRES
--------------------------------------------------------------------------------------- */
fieldset {border:0px solid #000; font-size: 10px; margin-bottom:10px; padding:0px 3px 0px 3px;}
fieldset label {font-size:11px; color:#6a6a6b; margin:2px 0 2px 0;}

/* Formulaire contact */
#formulaireQuestion fieldset label {float:left; width:150px;}
#formulaireQuestion .champTexte {float:left; width:202px; height:13px;}
#formulaireQuestion .listeDeroulante {float:left; width:206px;}
#formulaireQuestion .boiteTexte {float:left; width:204px; height:70px;}

#formulairePartager fieldset label {float:left; width:150px;}
#formulairePartager .champTexte {float:left; width:250px; height:13px;}
#formulairePartager .boiteTexte {float:left; width:400px; height:100px; background: #dbd7ce; border: 1px solid #c8c8c8; color: #6a6a6b; font-size: 11px; margin:2px 0 2px 0; padding:2px;}

.champTexte {background:#dbd7ce; border:1px solid #c8c8c8; color: #6a6a6b; font-size: 11px; margin:2px 0 2px 0; padding:2px;}
.listeDeroulante {background: #dbd7ce; border: 1px solid #c8c8c8; color: #6a6a6b; font-size: 11px; margin:2px 0 2px 0; padding:2px;}
.boiteTexte {background: #dbd7ce; border: 1px solid #c8c8c8; color: #6a6a6b; font-size: 11px; margin:2px 0 2px 0; padding:2px;}
.bouton {width:106px; height:28px; font-size: 12px; color:#FFFFFF; margin:0px 0px 0px 100px; border:0px; padding:0px 0px 3px 40px; background:url(gx/m/bt_formSend.gif) top left no-repeat; text-align:left; cursor:pointer;}
.bouton:hover {background:url(gx/m/bt_formSend_over.gif) top left no-repeat;}

.champCache{display:none; visibility:hidden;} /* Utilisé pour l'anti-spam */

.erreur{font-size:11px; color:#FF0000;}