/* =header */
h1 {
	background: url('../images/logo-gbm.jpg') no-repeat top left;
}

h1 a {
	display:block;
	width: 140px;
	height: 50px;
	text-indent: -9999px;	
}

#baseline {
	position: absolute;
	top: 0;
	left: 150px;
	background: url('../images/background-baseline.jpg') no-repeat top left;
	width: 229px;
	height: 57px;
}
#player {
background:transparent url(../images/background-player.png) no-repeat scroll left top;
margin-left:10px;
margin-top:20px;
padding:10px 6px 7px;
}

#baseline p {
	text-indent: -9999px;	
}

#promotion-sos-gbm {
	position: absolute;
	top: -15px;
	right: 0;
	background: url('../images/background-promotion-sos-gbm.jpg') no-repeat top left;
}

#promotion-sos-gbm  a {
	display:block;
	width: 198px;
	height: 31px;
	text-indent: -9999px;
}

#schedules {
	position: absolute;
	bottom: -3px;
	right: 205px;
	background: url('../images/background-schedules.jpg') no-repeat top left;	
}

#schedules  a {
	display:block;
	width: 154px;
	height: 23px;
	text-indent: -9999px;
}

#call-me {
	position: absolute;
	bottom: -13px;
	right: 0;
	background: url('../images/background-call-me.jpg') no-repeat top left;	
}

#call-me  a {
	display:block;
	width: 200px;
	height: 33px;
	text-indent: -9999px;
}

/* eof header */

/* =navigation */
#navigation ul {
	list-style: none;
}

#navigation ul li {
	border-bottom: 1px solid #95ADB4;
	width: 136px;
	font-size: 15px;
	position: relative;
}

#navigation ul li a, #navigation ul li span {
	text-decoration: none;
	color: #fff;
	display:block;
	margin:0;
	padding: 7px 0 5px 10px;
	position: relative;
	z-index:1;
}

/* personalisation graphique de chaque entrée du menu de navigation */
#navigation ul li div {
	height: 30px;
	position: absolute;
	top: 0;
	left: -1px;
	z-index:0;
}

.morph {
  width:136px;
}

.unmorph {
  width: 5px;
}

#navigation ul li.presentation {
	border-left: 1px solid #458BA8;
}

#navigation ul li.presentation span, h3.presentation {
	background: #458BA8;
}

#navigation ul li div#background-presentation {
	background: #458BA8;
}

#navigation ul li.produits {
	border-left: 1px solid #5CB9DF;
}

#navigation ul li.produits span {
	background: #5CB9DF;
}

#navigation ul li div#background-produits, h3.produits {
	background: #5CB9DF;
}

#navigation ul li.realisations {
	border-left: 1px solid #7F3D59;
}

#navigation ul li.realisations span {
	background: #7F3D59;
}

#navigation ul li div#background-realisations, h3.realisations {
	background: #7F3D59;
}

#navigation ul li.assistance {
	border-left: 1px solid #FF3300;
}

#navigation ul li.assistance span, h3.assistance {
	background: #FF3300;
}

#navigation ul li div#background-assistance {
	background: #FF3300;
}

#navigation ul li.conseils-et-infos {
	border-left: 1px solid #99CC33;
}

#navigation ul li.conseils-et-infos span, h3.conseils-et-infos {
	background: #99CC33;
}

#navigation ul li div#background-conseils-et-infos {
	background: #99CC33;
}

#navigation ul li.actualites {
	border-left: 1px solid #CC99CC;
}

#navigation ul li.actualites span {
	background: #CC99CC;
}

h3.actualites {
	background: #CC99CC;
}

#navigation ul li div#background-actualites {
	background: #CC99CC;
}

#navigation ul li.nous-trouver {
	border-left: 1px solid #FFCC33;
}

#navigation ul li.nous-trouver span {
	background: #FFCC33;
}

#navigation ul li div#background-nous-trouver, h3.nous-trouver {
	background: #FFCC33;
}

#navigation ul li.contact {
	border-left: 1px solid #91BECE;
}

#navigation ul li.contact span {
	background: #91BECE;
}

#navigation ul li div#background-contact, h3.contact {
	background: #91BECE;
}

h3.contact {
	margin-top: 10px;
}

#navigation ul li.partenaires {
	border-left: 1px solid #FF6600;
}

#navigation ul li.partenaires span, h3.partenaires {
	background: #FF6600;
}

#navigation ul li div#background-partenaires {
	background: #FF6600;
}
/* eof personalisation */

/* eof navigation */

/* =door-to-products */
#door-to-products {
	background:url(../images/background-door-to-products.jpg) no-repeat top left;
	width: 210px;
	height: 165px;
	position: absolute;
	top:15px;
	left:650px;
	z-index: 3;
}

#door-to-products p {
	margin-top: 40px;
	padding-left: 100px;
}

#door-to-products p a {
	text-decoration: none;
	font-family: Geneva;
}
/* eof door-to-products */

/* =door-to-projects */
#door-to-projects {
	background:url(../images/background-door-to-projects.jpg) no-repeat top left;
	width: 210px;
	height: 165px;
	position: absolute;
	top:150px;
	left:650px;
	z-index: 4;
}

#door-to-projects p {
	margin-top: 40px;
	padding-left: 82px;
}

#door-to-projects p a {
	text-decoration: none;
	font-family: Geneva;
}

#door-to-products h3, #door-to-projects h3 {
	text-indent: -9999px;
}

#door-to-products a:hover, #door-to-projects a:hover {
	text-decoration: underline;
}

/* eof door-to-projects */

/* =promotion (vidéos gbm) */
#promotion {
	position:absolute;
	top:10px;
	left:330px;
	background: url(../images/background-promotion.jpg) no-repeat top left;
	height:270px;
	width: 325px;
	padding-top: 5px;
}

#promotion object {
	margin-left:6px;
	
}
/* eof promotion */

/* =content */
#breadcrumb {
	padding: 10px 10px 10px 20px;
	font-size: 11px;
}

#breadcrumb a {
	text-decoration: none;
}

#breadcrumb a:hover {
	text-decoration: underline;
}

#article {
	float: left;
	width: 630px;
	padding: 10px 0px 10px 20px;
}

#save-ie {
	float: left;
	width: 630px;
	padding: 10px 0px 10px 20px;
}

#article h2 {
	font-size: 24px;
}

#article div.logo {
	float:left;
	margin-right: 10px;
}

#article div.logo img {
	border: 5px solid #596B70;
}

#article div.soustitre {
	margin: 20px 0 20px 0;	
}

#article div.resume {
	margin: 20px 0 20px 0;
	font-weight: bold;
	font-size: 13px;
}

#article div.texte h3 {
	font-size: 18px;
	color: #66CCFF;
	margin-bottom: 20px !important;
	border-bottom: 1px dashed #66CCFF;
	padding-bottom: 5px;
	margin-top: 20px;
}

#article div.texte p {
	margin: 0 0 15px 0;
}

#article div.texte ul li {
	margin-left: 20px;
	width: 430px !important;
	margin-bottom: 10px;
}

#article div.texte a {
	color: #66CCFF;
}

#article div.texte a:hover {
	text-decoration: underline;
}

#article .decoupe_haut, #article .decoupe_bas {
	text-align: center;
	font-size: 13px;
	font-weight: bold;
}

div.more-rich h3 {
	font-size: 18px;
	color: #66CCFF;
	margin-bottom: 20px !important;
}

div.more-rich p, div.more-rich ul li {
	text-align: justify !important;
	width: 500px !important;
}

div.more-rich ul {
	margin-bottom: 10px;
}

div.more-rich ul li {
	margin-left: 20px;
	width: 430px !important;
	margin-bottom: 10px;
	vertical-align: top;
}

div.more-rich a {
	color: #66CCFF;
}

div.more-rich a:hover {
	text-decoration: underline;
}

#article .spip_documents img {
	border: 5px solid #596B70;
}

#article .spip_documents {
	display: block !important;
}

#article .spip_documents_center {
	text-align: center;
}

#article .spip_documents_center .spip_doc_titre {
	text-align: center;
	width: 100% !important;
}

#article .product .spip_documents {
	margin: 0 20px 20px 0;
}

#article .product p {
	font-weigth: normal;
	font-size: 12px;
	line-height: 15px;
	text-align: justify;
}

#article .product .spip_doc_titre strong {
	font-weight: normal !important;
	font-size: 11px;
	font-style: italic;
}

#article .spip_documents_right {
	margin: 0 0 0 10px;
}

#article h3.title-section {
	font-size: 13px;
}

#article #documents_joints {
	margin: 30px 0 0 0;
}

#article #documents_joints ul {
	list-style: none;
	margin-top: 10px;
}

#article #documents_joints ul li {
	border-left: 2px solid #646464;
	padding: 0 0 0 5px;
	margin: 10px 0 0 0;
}

#article #documents_joints ul li h4 a {
	font-size:13px;
	font-weight: normal !important;
	margin-bottom: 3px;
}

#article #documents_joints ul li small {
	font-size:11px;
}

#article #documents_joints ul li a {
	text-decoration: none;
}

#article #documents_joints ul li a:hover {
	text-decoration: underline;
}

#article #documents_joints ul li p.download a {
	color:#66CCFF;
	font-size: 12px;
	background: url(../images/background-download.gif) no-repeat top left;
	display:block;
	margin: 5px 0 0 0;
	padding: 3px 0 1px 20px;
}

/* eof content */

/* =products */

	/* désactiver la bordure pour le li des produits dans le plan du site */
	li.menuiseries-alu, li.menuiseries-pvc, li.vitrages-et-miroiterie, li.verandas, li.marquises, li.gardes-corps, li.stores-et-protections, li.portails-et-fermetures, li.chapelles-verre-et-alu, li.motorisations, li.volets {
		border: 0;
	}
	
	/* Couleurs des catégories de produits */
	.menuiseries-alu, h3 span.menuiseries-alu {
		border-bottom: 5px solid #fff;
		background:none;
		color:#fff;
	}
	
	span.menuiseries-alu  {
		background: #fff;
		color:#333;
	}
	
	li.menuiseries-alu {
		border-left: 5px solid #fff;
		padding-left: 5px;
		list-style: none;
	}
	
	.menuiseries-pvc, h3 span.menuiseries-pvc {
		border-bottom: 5px solid #91BECE;
		background:none;
		color:#fff;
	}
	
	span.menuiseries-pvc {
		background: #91BECE;
	}
	
	li.menuiseries-pvc {
		border-left: 5px solid #91BECE;
		padding-left: 5px;
		list-style: none;
	}
	
	.vitrages-et-miroiterie, h3 span.vitrages-et-miroiterie  {
		border-bottom: 5px solid #FFCC33;
		background:none;
		color:#fff;
	}
	
	span.vitrages-et-miroiterie {
		background: #FFCC33;
	}
	
	li.vitrages-et-miroiterie {
		border-left: 5px solid #FFCC33;
		padding-left: 5px;
		list-style: none;
	}
	
	.verandas, h3 span.verandas {
		border-bottom: 5px solid #A22540;
		background:none;
		color:#fff;
	}	
	
	span.verandas {
		background: #A22540;
	}
	
	li.verandas {
		border-left: 5px solid #A22540;
		padding-left: 5px;
		list-style: none;
	}
	
	.marquises, h3 span.marquises {
		border-bottom: 5px solid #FFCC99;
		background:none;
		color:#fff;
	}	
	
	span.marquises  {
		background: #FFCC99;
		color:#333;
	}
	
	li.marquises {
		border-left: 5px solid #FFCC99;
		padding-left: 5px;
		list-style: none;
	}
	
	.gardes-corps, h3 span.gardes-corps {
		border-bottom: 5px solid #9B4767;
		background:none;
		color:#fff;
	}
	
	span.gardes-corps  {
		background: #9B4767;
	}
	
	li.gardes-corps {
		border-left: 5px solid #9B4767;
		padding-left: 5px;
		list-style: none;
	}
	
	.stores-et-protections, h3 span.stores-et-protections  {
		border-bottom: 5px solid #6633CC;
		background:none;
		color:#fff;
	}
	
	span.stores-et-protections  {
		background: #6633CC;
	}
	
	li.stores-et-protections {
		border-left: 5px solid #6633CC;
		padding-left: 5px;
		list-style: none;
	}
	
	.portails-et-fermetures, h3 span.portails-et-fermetures {
		border-bottom: 5px solid #FF99FF;
		background:none;
		color:#fff;
	}
	
	span.portails-et-fermetures  {
		background: #FF99FF;
	}
	
	li.portails-et-fermetures {
		border-left: 5px solid #FF99FF;
		padding-left: 5px;
		list-style: none;
	}
	
	.chapelles-verre-et-alu, h3 span.chapelles-verre-et-alu {
		border-bottom: 5px solid #FF6600;
		background:none;
		color:#fff;
	}
	
	span.chapelles-verre-et-alu  {
		background: #FF6600;
	}
	
	li.chapelles-verre-et-alu {
		border-left: 5px solid #FF6600;
		padding-left: 5px;
		list-style: none;
	}
	
	.motorisations, h3 span.motorisations {
		border-bottom: 5px solid #0B8D6D;
		background:none;
		color:#fff;
	}
	
	span.motorisations {
		background: #0B8D6D;
	}
	
	li.motorisations {
		border-left: 5px solid #0B8D6D;
		padding-left: 5px;
		list-style: none;
	}
	
	.volets, h3 span.volets {
		border-bottom: 5px solid #3366FF;
		background:none;
		color:#fff;
	}
	
	span.volets {
		background: #3366FF;
	}
	
	li.volets {
		border-left: 5px solid #3366FF;
		padding-left: 5px;
		list-style: none;
	}
	
	
	/* eof Couleurs des catégories de produits */
	
#products {
	list-style: none;
	width: 650px;
}

#products li {
	float:left;
	width: 123px;
	background: url(../images/background-products-item.gif) no-repeat top left;
	height: 132px;
	margin: 5px 5px 0 0;
	text-align: center;
		position: relative;
}

#products li.neutralize-height {
	height: auto;
}

#products li h3 {
	padding-top: 75px;
	height: 50px;
	position: relative;
}

#products li h3 a, #products li h3 span {
	position: absolute;
	bottom:0;
	left: 5px;
	display:block;
	width: 113px;
	font-size: 13px;
	text-decoration: none;
	padding-bottom: 5px;
}

#products li div.logo {
	padding:10px 0 0 7px;

}

#products li div.logo img {
	border: 0;
}

#products li div.logo a {
	display: block;
	height: 65px;
	position: relative;
	z-index: 10;
}

#products li div.logo a:hover img {
	border: 1px solid #fff;
	margin-top:-1px;
	margin-left: -1px;
}

#products li ul#sub-products {
	float:left;
	padding-left: 140px;
	margin-top: -130px;
	width: 400px;
	list-style: none;
}

#products li ul#sub-products li {
	background: none;
	width: 500px;
	margin-bottom: 10px;
	padding-top: 0;
	height: auto;
}

#products li ul#sub-products li div.logo {
	background: url(../images/background-product-item.gif) no-repeat top left;
	height: 63px;
	width: 102px;
	margin: 0 0 0 0;
	padding: 10px 0 0 0;
} 

#products li ul#sub-products li div.logo img {
	height:auto;
max-height:45px;
max-width:93px;
width:auto;
}

#products li ul#sub-products li div.logo a {
	position: relative;
	z-index: 10;
}

#products li ul#sub-products li div.logo a:hover img {
	border: 1px solid #fff;
	margin-top:-1px;
}

#products li ul#sub-products li h4 {
	margin: 0 0 0 120px;
	text-align: left;
	background: url(../images/background-download.gif) no-repeat top left;
	padding-left: 20px;
	padding-bottom: 5px;
	padding-top: 2px;
	font-size: 13px;
}

#products li ul#sub-products li div.resume {
	margin: 5px 0 0 120px;
	color: #CCCCCC;
	font-size: 12px;
	text-align: left;
	font-weight: normal;
}

/* =partners-with-products */
#partners-with-products {
	list-style: none;
	float: right;
	margin-top: -40px;
	color:#333;
	margin-bottom: 20px;
}

#partners-with-products li {
	background: url(../images/background-partners-with-products-item.png) no-repeat top left ;
	width: 86px;
	height: 41px;
	float:left;
	text-align:center;
	padding-top: 3px;
	margin-right: 10px;
}
/* eof partners-with-products */

/* eof products */

/* =filter-products */
#filter-products {
	background: url(../images/background-filter-products.jpg) no-repeat top left;
	height:40px;
	width : 540px;
	margin-top: 0px;
	padding-top: 8px;
	padding-left: 10px;
	margin-bottom: 20px;
}

#filter-products label {
	color: #333333;
	font-size: 12px;
	font-weight: bold;
}

#filter-products select {
	width:200px;
}

#filter-products input#submit {
	background: none;
	border:0;
	color: #fff;
	margin-left: 10px;
	font-size :14px;
	font-family: Geneva;
}
/* eof filter-products */

/* =thumbnail */
#thumbnail ul {
	list-style: none;
}

#thumbnail ul li {
	background: url(../images/background-thumbnail.gif) no-repeat top left;
	width: 117px;
	height: 85px;
	text-align: center;
	padding-top:5px;
	padding-bottom: 0px;
	float: left;
	margin-right: 15px;
		overflow: hidden;
	padding-left: 1px;
}


#thumbnail ul li a img {
	height: 73px !important;
}
/* eof thumbnail */


/* =contact-sos-gbm  & assitance */

.assistance h2 {
	background: url(../images/logo-sos-gbm.jpg) no-repeat top right;
	height: 41px;
}

#contact-sos-gbm {
	background: url(../images/background-contact-sos-gbm.jpg) no-repeat top left;
	width: 453px;
	height: 141px;
}

#contact-sos-gbm .column-left {
	width : 200px;
	float: left;
	padding-top:55px;
	padding-left: 10px;	
}

#contact-sos-gbm .column-left h3 {
	color: #333333;
	font-size: 19px;	
}

#contact-sos-gbm .column-left p a {
	font-size: 19px;
	text-decoration: none;
}

#contact-sos-gbm .column-left p a:hover {
	text-decoration: underline;
}

#contact-sos-gbm .column-right {
	float: left;
	width : 220px;
}

#contact-sos-gbm .column-right ul {
	list-style: none;
	margin-top:15px;
}

#contact-sos-gbm .column-right ul li {
	font-size: 14px;
	margin-bottom: 10px;
}

#contact-sos-gbm .column-right ul li span {
	line-height: 18px;
}

#contact-sos-gbm .column-right ul li span.phone{
	display: block;
	margin-top: 5px;
	word-spacing: 5px;
}

/* eof contact-sos-gbm */

/* =conseils-et-infos */
#conseils-et-infos {
	list-style: none;
	margin-top: 20px;
}

#conseils-et-infos li {
	margin-bottom : 30px;
}

#conseils-et-infos div.logo {
	float: left;
	margin-right: 10px;
	width: 75px;
	height: 45px;
	background: #596B70;
	margin-bottom: 15px;
	text-align: center;
}

#conseils-et-infos div.logo img {
	border: 5px solid #596B70;
}

#conseils-et-infos h3 {
	margin-bottom: 2px;
}

#conseils-et-infos h3 a {
	text-decoration: none;
	font-size: 14px;
	margin: 0;
}

#conseils-et-infos h3 a:hover {
	text-decoration: underline;
}

#conseils-et-infos li div.resume p, #conseils-et-infos li div.resume {
	padding: 0 !important;
	margin: 0 0 0 0 !important;
	font-size: 12px;
}

#conseils-et-infos li div.resume p {
	padding-left: 85px !important;
}

#conseils-et-infos li div.resume {
		margin: 5px 0 0 0px !important;
}

#conseils-et-infos p.all-councils {
	margin-left: 85px;
	padding-bottom:10px;
}

#conseils-et-infos p.all-councils a:hover {
	text-decoration: underline;
}

/* eof conseils-et-infos */

/* =situations */

#situations {
	list-style: none;
	margin-left: 2px;
}

#situations li {
	float:left;
	width: 140px;
	background: url(../images/background-situations-item.jpg) no-repeat top left;
	margin-right: 5px;
	margin-left: 2px;
	padding: 5px 5px 5px 5px;
	height: 218px;
	margin-top: -10px;
}

#situations li div.logo {
	background: none;
	float:none;
	text-align: center;
	text-align: center;
	margin: -5px 0 0 0;
}

#situations li div.logo img {
	border: 0;
}

#situations li h3 {
	font-size: 13px;
	font-weight: bold;
	margin: 8px 5px 5px 5px;
}

#situations li div.address {
	margin: 5px 5px 5px 5px;
}

#situations li div.address p {
	font-size: 12px;
	line-height: 15px;	
}

#situations li div.schedules {
	margin: 5px 5px 5px 5px;
}

#situations li div.schedules p {
	font-size: 11px;
	line-height: 13px;
}

#situations li p.situate-on-map {
	margin: 5px;
}

#situations li p.situate-on-map a {
	background: url(../images/background-download.gif) no-repeat top left;
	padding-left: 20px;
	padding-bottom: 5px;
	text-decoration: none;
}

#situations li p.situate-on-map a:hover {
	text-decoration: underline;
}

/* eof situations */

/* =googlemap & =print-map */
#googlemap {
	background: url(../images/background-googlemaps.jpg) no-repeat top left;
	width: 629px;
	height: 311px;
	padding-left: 10px;
	padding-top: 10px;
	color: #333;
}

#map {
	float: left;
}

.print-map {
	background: url(../images/print-map.gif) no-repeat top left;
	padding-left: 25px;
	height: 20px;
	width: 100px;
	float: left;
	margin-top:130px;
	margin-left: 10px;
}

.print-map p a {
	font-size: 12px;
	text-decoration: none;
}

.print-map p a:hover {
	text-decoration: underline;
}

/* eof  */


/* =form-contact (formulaire de contact) */
#form-contact {
	width: 640px;	
	height: 522px;
	background: url(../images/background-form-contact.jpg) no-repeat top left;
	font-size: 11px;	
}


#form-contact fieldset#about-you {
	float: left;
	width: 270px;
	margin-right: 15px;
	height: 522px;
	padding: 5px 5px 5px 15px;
}

#form-contact fieldset#about-you p label {
	width: 100px;
	float: left;
	text-align:right;
	padding-right: 5px;
	padding-top: 6px;
}

#form-contact label {
	color: #333;
	font-weight: bold;	
}

#form-contact .aka-label p {
	color: #333;
	font-weight: bold;	
	margin: 5px 0 0 0;
}

#form-contact fieldset#about-you label.uppercase {
	text-transform: uppercase;
}

#form-contact fieldset#about-your-project {
	float: left;
	width: 315px;
	padding: 5px 5px 5px 10px;
	height: 522px;
}

#form-contact fieldset#about-your-project p.inline label {
	float:left;
	width: 70px;
	text-align: right;
	padding-top: 6px;
	padding-right: 5px;
}

#form-contact fieldset#about-your-project select {
	display:block;
}

#form-contact fieldset#about-your-project ul {
	list-style: none;
}

#form-contact fieldset#about-your-project ul li {
	float:left;
	width: 157px;
	padding: 0 !important;
	font-size: 10px;
	color: #333333;
}

#form-contact fieldset#about-your-project ul li label {
	font-weight: normal;
}

#form-contact fieldset#about-your-project select {
	margin-bottom: 5px;
	margin-top: 0;
}

#form-contact fieldset#about-your-project p.no-top label, #form-contact fieldset#about-your-project p.no-top {
	margin-bottom: 0;
	padding-bottom : 0;
}

#form-contact legend {
	text-transform: uppercase;
	font-size: 16px;
	margin-top: 10px;
	color: #006699;
	background: none;
	margin: 10px 0 0 -5px;
}

#form-contact input, #form-contact select {
	width: 140px;
	font-size: 11px;
	border: 1px solid #333333;
	margin-top: 3px;
}

#form-contact input#submit {
	background: none;
	border: 0;
	color: #fff;
	font-size: 14px;
	font-family: Geneva;
	padding-left: 20px;
	padding-right:30px;
	padding-bottom:10px;
	background: url(../images/background-submit.jpg) no-repeat top left;
	width: 95px;
	height: 32px;
	margin-right:10px;
}

#form-contact p.submit {
	text-align: right;
	padding: 0;
	margin: 0;
	
}

.aka-legend {
	font-size: 12px;
	color: #006699;
	margin: 5px 0;
}

.aka-legend p {
	font-weight: bold !important;	
}

label span, .aka-label span {
	color: #FF6600;
	font-weight: bold;
}

.checkbox-neutralize input {
	width: 12px !important;
	border: 0;
}

.checkbox-neutralize label {
	float: none !important;
}

.postal-zip {
	width: 40px !important;
}

.schedules {
	margin-top: 10px;
}

/* eof form-contact */

/* =partners */
#partners {
	list-style:none;
	margin-top: 20px;
}

#partners li {
	width: 201px;
	height: 186px;
	margin-right: 3px;
	float: left;
	background: url(../images/background-partners-item.gif) no-repeat top left;
	padding: 5px 0px 5px 5px ;
	position: relative;
}

#partners li div.logo {
	position: absolute;
	top: 10px;
	left:12px;
	width: 81px;
	text-align: center;
}

#partners li div.logo img {
	border: 0;	
}

#partners li h3 {
	text-align: right;
	font-size: 13px;
	padding-left: 90px;
	padding-right: 12px;
	margin: 0;
	height: 50px;	
}

#partners li div.resume {
	font-size: 11px;
	font-weight: normal;
	margin: 10px 0 0 0;
	padding: 0 10px 0 0;
	line-height: 13px;
}

#partners li div.site {
	margin-top: 5px;
}

#partners li div.site a {
	background: url(../images/arrow-site.gif) no-repeat top left;
	text-decoration: none;
	padding: 0 0 0 20px;
	height: 20px;
	display: block;
}

#partners li div.site a:hover {
	text-decoration: underline;
}

/* eof partners*/

/* =plan */

.plan h2 {
	margin-bottom: 20px;
}

.plan h3 {
	margin-top:30px;
	padding: 5px;
	font-size: 18px;
}

.plan ul {
	margin: 10px 0 10px 20px;
}

.plan ul.nous-trouver li {
	list-style: none;
	margin-right:10px;
	border-bottom: 1px solid #444;
	padding-top:5px;
	padding-bottom: 0 !important;
}

.plan ul.nous-trouver li h3 {
	float:left;
	width: 150px;
	margin:0;
}

.plan ul.nous-trouver li h4 {
	margin-bottom: 5px;
	color: #66CCFF;
}

.plan ul.nous-trouver li a {
	display:block;
	margin-bottom: 10px;
	font-size: 14px;
}

.plan ul.nous-trouver li div.resume {
	border-left: 1px solid #444;
	padding-left:10px;
	margin-left: 150px !important;
	margin-top:5px !important;
}

.plan ul.nous-trouver li div.resume p {
	font-size: 12px;
	font-weight: normal;
}

.plan ul.products li {
	position: relative;
}

.plan ul.products ul {
	border-bottom: 1px solid #444;
	padding-bottom: 5px;
	width: 570px;
}

.plan ul.products ul li {
	list-style: lower-alpha inside; 
}

.plan ul.products li.see-projects {
	position: absolute;
	right:-340px;
	top:0;
	list-style: none;
	width: 300px;
	background: url(../images/background-download.gif) no-repeat top left;
	padding-left: 20px;
	padding-bottom: 15px;
	font-size: 11px;
}

.plan div.resume {
	font-weight: normal !important;
	margin-left: 5px;
}

.plan ul.conseils-et-infos li {
	margin-bottom: 5px;
}

.plan ul.conseils-et-infos span {
	font-size: 10px;
	border: 0;
	padding: 1px;
}

.consult {
	padding-top:5px;
	font-size: 11px;
	padding-bottom: 3px;
	border-top: 1px solid #444;
	padding-top: 5px;
}

.consult a {
	background: url(../images/background-download.gif) no-repeat top left;
	padding-left: 20px;
	padding-bottom: 3px;
	padding-top: 3px;
	display: block;
	margin-top: 5px;
}

.plan ul.partenaires {
	margin-top: 20px !important;
}

.plan ul.partenaires li {
	list-style: none; 
	border-bottom: 1px solid #444;	
	margin-bottom:10px;
	padding-top:0px;
	width: 400px;
}

.plan ul.partenaires li ul {
	float:left;
	border-left: 1px solid #444;
	padding-left: 5px;
	margin-left: 200px;
	margin-top: -15px;
}

.plan ul.partenaires li ul li{
	border: 0;
	background: url(../images/background-download.gif) no-repeat top left;
	padding-left: 20px;
	padding-bottom: 2px;
}

.plan ul.partenaires li ul li a.external-link {
	text-decoration: underline;
}

.plan ul.partenaires li ul li a.external-link:hover {
	text-decoration: none;
}

.sos-gbm-on-mapsite {
	margin: 10px auto 0 auto;
}

.sos-gbm-on-mapsite h3 {
	margin-top:0;
}

.sos-gbm-on-mapsite .column-right ul { 
	margin:0;
}

/* eof plan */

/* =mentions */
.mentions strong {
	font-size:16px;
	margin-top: 15px;
}

/* =dashboard */
#footer #dashboard {
	background:#666666;
	color:#fff;
	text-align: center;
	border: 1px solid #666666;
}

#footer #dashboard div.content {
	margin: 0 auto;
	width: 790px;
	text-align:left;
}

#footer #dashboard div.content h2 {
	text-transform: uppercase;
	margin-bottom: 10px;
	font-size:14px;
	margin-top: 5px;
	font-weight: bold;
}

#footer #dashboard div.content h3 {
	margin-bottom: 5px;
	font-size:12px;
	font-weight: bold;
}

#footer #dashboard div.content div.presentation {
	width: 380px;
	float:left;
	padding:5px 30px 0 0;
}

#footer #dashboard div.content div.presentation a {
	text-decoration: underline;
}

#footer #dashboard div.content div.presentation a:hover {
	text-decoration: none;
}

#footer #dashboard div.content div.presentation div.resume {
	text-align:left;
	font-size: 13px;
}

#footer #dashboard div.content div.last-news div.resume, #footer #dashboard div.content div.last-councils div.resume {
	font-size:10px;
}

#footer #dashboard div.content div.last-news {
	width: 175px;
	float:left;
	padding:5px 5px 5px 0px;
}

#footer #dashboard div.content div.last-news h2 {
	color: #CC99CC;
}

#footer #dashboard div.content div.last-councils h2 {
	color: #99CC33;
}

#footer #dashboard div.content div.last-councils {
	width: 190px;
	float:left;
	padding:5px 0px 5px 2px;
}

p.all-news, p.all-councils {
	font-size:12px;
	margin-top: 5px;
}

p.all-news {
	background: url(../images/arrow-actualites.gif) no-repeat top left;
	height: 25px;
	padding: 0 0 0 18px;
}

p.all-councils{
	background: url(../images/arrow-conseils-et-infos.gif) no-repeat top left;
	height: 18px;
	padding: 0 0 0 18px;
}

p.all-news a {
	text-decoration: none;
}

p.all-councils a {
	text-decoration: none;
}

/* --- on product page  --- */

#footer #dashboard div.content div.call-me-from-product {
	width: 161px;
	height: 76px;
	float:left;
	padding:5px;
	background: url(../images/background-call-me-from-product.jpg) no-repeat top left;
	margin: 10px 0 0 150px;
}

#footer #dashboard div.content div.call-me-from-product h3 {
	visibility: hidden;
}

#footer #dashboard div.content div.call-me-from-product p {
	text-align: right;
	margin-top:15px;
	font-size: 14px;
	padding-right: 40px;
}

#footer #dashboard div.content div.door-to-projects {
	background:url(../images/background-door-to-projects-footer.jpg) no-repeat top left;
	width: 164px;
	height: 77px;
	margin: 10px 20px 0 20px;
	float:left;
}

#footer #dashboard div.content div.door-to-projects h3 {
	visibility: hidden;
}

#footer #dashboard div.content div.door-to-projects p {
	margin-top: 18px;
	text-align:right;
	padding:0 33px 0 0;
}

#footer #dashboard div.content div.door-to-projects p a {
	text-decoration: none;
	font-family: Geneva;
	font-size: 12px;	
	width: 100px;
}

#footer #dashboard div.content div#door-to-projects p a:hover {
	text-decoration: underline;
}

/* eof dashboard */

/* =visual */
#footer #visual {
	background:#000;
	text-align: center;
	margin-top:0;
	position: relative;
}

#footer #visual div.content {
/*
	margin: 0 auto;
	background: url(../images/background-visual.jpg) no-repeat top left;*/
	margin: 0 auto;
	width: 790px;
	text-align: left;
}

#footer #visual div.content p{
	font-size:11px;
}

#footer #visual div.content  a {
	text-decoration: none;
}

#footer #visual div.content {
	bottom: 0;
	width: 790px;
	z-index:10;
}

#footer #visual div.content p.legacy {
	position: absolute;
	bottom:15px;
	padding-left:10px;
	z-index:13;
}

#footer #visual div.content p.legacy {
	/*float:left;
	margin:258px 0 0 10px;*/
}

#footer #visual div.content p.credits {
	/*float:right;
	margin:258px 10px 0 0;*/
	position: absolute;
	bottom:15px;
	padding-left: 680px;
	z-index:12;
}

#footer #visual div.content p.sign {
	position: absolute;
	bottom: 18px;
	background: url(../images/background-lsv.jpg) no-repeat top right;
	z-index:11;
	padding-left: 800px;
}

#footer #visual div.content p.sign a {
	display: block;
	width: 103px;
	height: 21px;
	text-indent: -9999px;
}

#footer #visual div.content p.credits span {
	/*display:block;
	float: left;
	padding-top: 0px;
	padding-right: 5px;*/
	
}

#footer #visual div.content p.credits a {

}


/* eof visual */

/* =pagination */
.pagination  {
	font-size: 11px;
}

.top {
	padding-top: 20px;
}

.pagination a {
	text-decoration: none;
	color: #66CCFF;
}

.pagination a:hover {
	text-decoration: underline;
}
/* eof pagination */

/* =return-link */
.return-link {
	margin: 15px 0;
}

.return-link a {
	color: #66CCFF;
	font-size: 11px;
	text-decoration: none;
}

.return-link a:hover {
	text-decoration: underline;
}

.underline {
	text-decoration: underline;
}

.underline:hover {
	text-decoration: none;
}

/* eof return-link */

/* classes utilitaires */
.clear {
	visibility: hidden;
	clear: both;
}

.fifty-fifty {
	margin: 0px 10px 0 0;
	width: 310px;
	float:left;
}

.last {
	margin-right: 0;
}

p.legend {
	margin: 10px 0;
	font-weight: normal;
	font-style: italic;
}

.notification {
	color: #fff;
	padding: 10px;
}

.notification p.title {
	color: #91BECE;
	padding: 5px;
	font-size:14px;
	font-weight: normal !important;
	text-decoration: none;
}

.notification p {
	margin: 10px 0 5px 5px;
	text-decoration: underline;
}

.notification ul {
	margin-left: 20px;
	margin-top: 10px;
}
/* eof classes utilitaires */

