body {
	font-family: Arial, sans-serif;
	margin: auto;
	font-size: 12px;
	color: #666666;
}

.clearer {
	clear: both;
	height:0px;
}

img {
	border: 0px;
}

a {
	color: #333333;
}

hr {
	height: 1px;
	margin: -0.5em 0;
	padding: 0;
	color: #CCCCCC;
	background-color: #FFFFFF;
	border: 0px;
	border-top: 1px dotted #CCCCCC;
}

h1 {
	font-size: 14px;
	color: #666666;
}


/********** ARCHITECTURE **********/

div#global {
	position: relative;
	background-image: url(../images/fond.gif);
	background-position: top center;
	background-repeat: repeat-y;
}
#topper {
    height: 350px;
    margin-top: 0;
    width: 100%;
}
#banniere {
	width: 100%;
	height: 350px;
	margin: auto;
	text-align:center;
	position:relative;
	z-index: 1;
}

#pied {
	width: 925px;
	height: 120px;
	background-image: url(../images/pied.jpg);
	background-position: center;
	background-repeat: no-repeat;
	font-size: 11px;
	margin:auto;
	/*position: relative;*/
}

#basdepage {
	height: 6px;
	width: 100%;
	background-color: #6c6c6c;
}

#pied #pied2 {
	width: 900px;
	margin: auto;
	padding-top: 30px;
	color: #666666;
	/*position: relative;*/
}

#pied .maisonQ{
text_decoration:none; 
display:block; 
width:90px; 
height:45px; 
position:relative; 
left:800px; 
top:10px; 
/*border:solid 1px red;*/
}

#pied2 img {
	position: absolute;
	top: 5px;
	left: 790px;
}

#pied2 #liens {
	width:630px;
	float: left;
	padding-left: 30px;
}

#pied a {
	color: #666666;
}

#pied #liens {
	float: left;
	padding-left: 30px;
}

#pied #realisation {
	float: right;
	text-align: right;
	padding-right: 30px;
}

div#contenu {
	margin: auto;
	width: 900px;
	min-height: 350px;
	position: relative;
}

/* Accueil */

.nouveau{
font-size:10px;
color:#999999;
}

div#flancGauche {
	float: left;
	width: 620px;
	padding-left: 20px;
	padding-right: 10px;
	background-color: #FF00FF; background: none;
}

/*___ACTU LISTE___*/
div#actualites {
	float: left;
	width: 200px;
	background-color: #CCCCCC; background: none;
}

div#actualites a {
	text-decoration: none;
	color: #666666;
}

.nActu {
	margin-top: 15px;
	margin-bottom: 25px;
	 text-align:right;
}

.actuTitre {
	font-size: 14px;
	text-align:left;
	
}

.actuTexte {
	padding-top: 5px;
	padding-bottom:0px;
	font-size: 11px;
	text-align:left;
}

#actualites .lien, #menuGauche .lien{
	margin-top:0px; 
	color:#333; 
	text-decoration: underline; 
	font-size: 11px; 
	margin-right:15px;
}

.actuImgG2{
	width: 265px;
	float: left;
}
.paraD{
	width: 365px;
	float: right;
}
.actu .dateNN {
	font-size: 10px;
	margin-top: 0px;
	width: 115px;
}
.actu .dateNN li{
	color: #444444;
}
.actu .maison-expo {
	float: right;
	width: 133px;
	margin-right: 50px;
}
.actu .paraListeFloat {
	float: left;
	width: 435px;
	margin-bottom: 3px;
	margin-top: 0;
}
.actu .paraListe2 {
	margin-bottom: 3px;
	margin-top: 3px;
}
/*________*/

div#accueil {
	float: right;
	width: 350px;
	padding-left: 35px;
	padding-right: 35px;
	background-color: #66FFFF; background: none;
	position: relative;
	padding-bottom: 150px;
}

div#menuDroit {
	float: right;
	width: 230px;
	padding-right: 20px;
	background-color: #66FF00; 
	background: none;
	/*border: solid 1px red;*/
	z-index: 100;
}


.date {
	padding: 1px;
	padding-left: 6px;
	padding-right: 6px;
	margin-right: 3px;
	color: #FFFFFF;
	font-weight: bold;
	background-color: #595959;
}

#etudesdecas .date {
	padding-left: 4px;
	padding-right: 4px;
}

#accueil {
	min-height: 260px;
}

#accueil #imgBottom {
	padding-top: 20px; 
	padding-left: 15px;
}

#accueil #accueilCentre {
	margin-top: 15px;
	text-align: justify;
	font-size: 11px;
}

#accueil #accueilCentre img {
	float: left;
	padding-right: 7px;
}

#accueil #decouvrirRealisations {
	text-decoration: underline;
	font-size: 11px;
	text-align: right;
	margin-top: 15px;
}

#blogAccueil {
	margin-top: 15px;
	width: 409px;
	height: 174px;
	background-image: url(../../images/blogAccueil.gif);
	background-repeat: no-repeat;
	padding-top: 20px;
	position: absolute;
	left: 0px;
}

#blogAccueil h2, #blogAccueil p, #blogAccueil div {
	padding-left: 55px;
	font-size: 11px;
	width: auto;
	margin-top:8px;
	margin-bottom:0px;
}

#blogAccueil p{
	padding-left: 55px;
	font-size: 11px;
	width: auto;
	margin-top:13px;
	padding-bottom: 8px;

}


#blogAccueil h2 {
	font-size: 14px;
	margin-bottom:10px;
}
 #blogAccueil p{margin-bottom:10px;}
 
#blogAccueil img {
	float: right;
	padding-right: 40px;
	padding-left:10px;
	padding-top: 20px;
}
#blogAccueil a {
text-decoration: underline;
}
#blogAccueil div {
	
	font-size: 11px;
	text-align: left;
	margin-top: 0px;
	margin-left:5px;
}

#etudesDeCas img {
	float: left;
	padding-right: 10px;
}

#etudesDeCas p {
	font-size: 11px;
}

#coordonneesAccueil {
	width: 250px;
	font-size: 10px;
	color: #333333;
	margin-top: 100px;
	padding-top: 15px;
	padding-bottom: 15px;
	border-top: 7px solid #333333;
	border-bottom: 7px solid #333333;
}

#coordonneesAccueil #saintlo {
	float: left;
	width: 120px;
	padding-left: 5px;
	padding-right: 15px;
}

#coordonneesAccueil #cherbourg {
	float: right;
	width: 105px;
	padding-right: 5px;
}

.titreAccueil {
	border-bottom: 1px dashed #666666;
	padding-bottom: 3px;
	margin: 0px;
}


/* Projet */

#menuGauche {
	float: left;
	width: 200px;
	padding-left: 20px;
}

#menuGauche a {
	text-decoration: none;
	color: #666666;
}

#menuGauche p {
	margin-top: 15px;
	margin-bottom: 20px;
	font-size: 11px;
}

#texte {
	float: right;
	width: 640px;
	/*width:735px;*/
	padding-left: 20px;
	padding-right: 20px;
}

#form {
	width: 600px;
	padding-top: 10px;
}

#form input {
	border: 1px solid #666666;
}

#form select {
	border: 1px solid #666666;
}

#form #formLeft {
	width: 300px;
	float: right;
}

#form #formRight {
	width: 270px;
	float: left;
	padding-left: 30px;
}

.formContact {margin-left:150px; width:90%;}

#contactSelect{
	margin-left:30px;
}

#form #formRight #formulaireBloque img {
	margin-top:-1px;
	margin-left:-2px;
}


#formLeft div {
	padding-top: 4px;
	padding-bottom: 4px;
}

#formLeft label {
	width: 120px;
	float: left;
	text-align: right;
	padding-top: 2px;
}

#formLeft span {
	width: 175px;
	float: right;
	padding-left: 5px;
}

#formRight div {
	padding-top: 8px;
	padding-bottom: 8px;
}

#lieuNon {
	padding-left: 65px;
}

#form hr {
	width: 250px;
	margin-top: 2px;
	margin-bottom: 2px;
}

#formEnvoi {
	margin-top: 25px;
	text-align: center;
}

#erreur {
	color: #FF0000;
	position: absolute;
	left: 400px;
	top: -17px;
	width: 300px;
	text-align: center;
}

#reussi {
	color: #009900;
	position: absolute;
	left: 400px;
	top: -17px;
	width: 300px;
	text-align: center;
}

#erreur2 {
	color: #FF0000;
	position: absolute;
	left: 300px;
	top: -17px;
	width: 300px;
	text-align: center;
}

#reussi2 {
	color: #009900;
	position: absolute;
	left: 300px;
	top: -17px;
	width: 300px;
	text-align: center;
}


/* Réalisations */

.imgRealisations {
	float: left;
	width: 205px;
	height: 150px;
	text-align: center;
}

.imgRealisations div {
	height: 135px;
	position: relative;
	text-align: center;
}

.imgRealisations img {
	position: absolute;
	left: 20px;
	bottom: 0px;
}


/* Contact */

#contact {
	padding: 20px;
	padding-top: 0px;
}

#contactLeft {
	float: left;
	width: 409px;
	padding-right: 20px;
	border-right: 1px dashed #666666;
	position: relative;
}

#contactLeft img {
	margin-bottom: 10px;
}

#contactLeft p {
	padding-top: 15px;
	text-align: right;
	font-size: 11px;
}

#contactRight {
	float: right;
	width: 410px;
	padding-left: 20px;
	position: relative;
}

#contactRight img {
	margin-bottom: 10px;
}

#contactRight p {
	padding-top: 15px;
	font-size: 11px;
}

#formContact #texte {
	border-top: 1px dashed #666666;
	margin-right: 100px;
	padding-top: 20px;
}

.nomAgence {
	color: #79b643;
	font-weight: bold;
}

.clickCarte {
	color: #666666;
	font-size: 10px;
	position: absolute;
	top: 245px;
	left: 120px;
}



/* Etudes de cas */

#etudesdecas {
	padding: 20px;
	padding-top: 0px;
	padding-bottom: 0px;
}

#etudesLeft {
	float: left;
	width: 450px;
	padding-right: 20px;
	padding-left: 20px;
}

#etudesLeft #maison {
	margin-left: 20px;
}

#etudesRight {
	float: right;
	width: 350px;
	padding-left: 20px;
}

#etudesRight table td {
	text-align: center;
	height: 18px;
}

#etudesRight .left {
	text-align: left;
}

#total {
	margin-top: 20px;
}

#total td {
	font-weight: bold;
	font-size: 14px;
}

#etudesRight table h3 {
	border-bottom: 0px;
	padding-top: inherit;
	padding-bottom: inherit;
	width: inherit;
}

#etudesdecas h3 {
	border-bottom: 1px dashed #666666;
	padding-top: 10px;
	padding-bottom: 5px;
	width: 200px;
}

#listeProjets {
	width: 850px;
	margin-top: 20px;
	padding-bottom: 50px;
}

#listeProjets div {
	float: left;
	/*border-right: 1px solid #999999;
	padding-left: 15px;*/
	padding-right: 15px;
	padding-bottom: 15px;
}

#listeProjets .ligne2{
	width:265px;
}


#listeProjets a {
	text-decoration: none;
}

u{
	color:#333333;
}

/* Vous */

#vous {
	padding: 20px;
	padding-top: 0px;
	padding-bottom: 0px;
}

#vous h1 {
	font-size: 23px;
	color: #5ab63d;
}

#vous h2 {
	font-size: 17px;
}

#listeVous {
	width: 850px;
}

#listeVous div {
	width: 150px;
	float: left;
	text-align: left;
	padding: 10px;
	font-size: 11px;
	height: 240px;
}

#listeVous #padding {
	padding-left: 170px;
}

#listeVous h3 {
	background-color: #666666;
	color: #FFFFFF;
	width: 120px;
	text-align: left;
	padding: 1px;
	padding-left: 4px;
}

#vous {
	position: relative;
}

#vous #h2Margin {
	margin-top: 100px;
}

#vous #cent {
	color: #F0B600;
	font-size: 30px;
}
/* Renovation */

#renov {
	padding: 20px;
	padding-top: 0px;
	padding-bottom: 0px;
}

#renov h1 {
	font-size: 23px;
	color: #5ab63d;
	float : left;
	margin-top : 0px;
}
#logoreno{
	float : right;	
}
#renov h2 {
	font-size: 19px;
	float : left;
	margin-left : 20px;
	width : 500px;
	margin-bottom : 0px;
	margin-top :  20px;
}
#renov h4{
	float : left;
	margin-left : 20px;
	margin-top : 0px;
	font-weight : normal;
	font-size : 10pt;
	width : 600px;
}
.divReno{
	margin-top : 30px;	
}
#renov #divreno1{
	margin-top : -20px;
}
.divReno .pucecarre{
	float : left;
	height : 6px;
	width : 6px;
	background-color : #5ab63d;
	margin-top : 3px;
}
#renov .imgReno{
	float : left;
}
#renov .list1{
	float : left;
	margin-left : 20px;
	margin-top : 10px;
	width  : 300px;
}
#renov .list2{
	float : right;
	margin-right : 20px;
	margin-top : 10px;
	width : 300px;
}
#renov #h2Margin {
	margin-top: 40px;
	width  : 100%;
}

#renov #cent {
	color: #F0B600;
	font-size: 30px;
}

/* Actualités */

.actu h1 {
	margin-top: 30px;
	margin-bottom: 0px;
	padding-bottom: 5px;
	font-size: 11px;
}

.actu p {
	font-size: 12px;
	margin-bottom: 20px;
	line-height: 17px;
}

.actu h2 {
	color: #5ab63d;
	font-size: 18px;
	padding-top: 0px;
	margin-top: 0px;
}

.actu .date {
	font-style: normal;
}

.actu .paraListe {
	margin-bottom: 3px;
}

.actu hr{margin : 15px 0px 30px 0px;}

.actu li{
	list-style-type:square;
	color: #5ab63d;
}

.actu .listeGrise {
	margin-top: 0px;
}


.actu .listeGrise li{
	list-style-type:square;
	color: #666;
	margin-left:0px;
	margin-bottom:10px;
}
.actu li span{
	color : #666666;
}
.floatGactuImg{
	float:left;
	width:100px;
	}

.floatGactu{
	float:left;
	width:300px;
	margin-left:10px;
	}


.floatGactu li{
	list-style-type:square;
	color: #5ab63d;
	margin-left:20px;
	}
	
.floatGactu li span{
	color: #666666;
	}

.floatDactu{
	float:left;
	width:180px;
	margin-left:50px;
	margin-top:20px;
	}

.lienDepliantText{
	font-size:10px;
	width:70%;
	}
	
.lienDepliantImg{
	padding-left:20px;
	}
	
.logoRenoListeActu{
 margin-left:35px;
 margin-top:5px;
}

.actuImgG{
	float:left; 
	font-size:10px; 
	font-style:italic;
	width: 220px; 
	padding-bottom:0px; 
	margin-bottom:0px;
}

.paraDroite{
	float:right; 
	width:410px; 
	font-size:11px;
}
.gras_vert{
	color: #5AB63D;
	font-weight: bold;
}

/* Teco */

#teco {
	padding: 20px;
	padding-top: 0px;
	padding-bottom: 0px;
	font-size: 12px;
}

#teco h1 {
	font-size: 23px;
	color: #5ab63d;
}

#teco table {
	margin-bottom: 20px;
	margin-left: 25px;
}

#teco table td {
	padding: 15px;
	border-bottom: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
}

#teco table .autreColor {
	background-color: #e5e5e5;
}

#teco ul {
	margin-top: 20px;
}

.autreli{
	list-style-type: square;
	color: #5ab63d;
	margin-bottom: 30px;
	margin-top:0;
}

#teco ul li ul {
	margin-top: auto;
}

#teco ul li ul li {
	list-style-type: disc;
	color: #666666;
	margin-top: 10px;
	margin-bottom: 10px;
}

#teco ul li span {
	color: #666666;
}

#teco ul li p {
	color: #666666;
}

#teco #savoirfaire li p {
	margin-top: 0px;
	padding-top: 0px;
	padding-left: 30px;
	color: #666666;
}

#teco ul h2 {
	color: #333333;
	font-size: 13px;
}

.lepointsur span {
	font-weight: bold;
	color: #999999;
}

.lepointsur li p {
	padding: 0px;
	margin-top: 5px;
}

#teco p
{margin-bottom:  0;
padding-bottom: 0;}

.derli
{margin-bottom: 15px;
list-style-type: square;
color: #5ab63d;}

#pointLeft {
	float: left;
	width: 400px;
padding-top:0px;
padding-bottom:0px;
}

#pointRight {
	float: right;
	width: 420px;
	padding-top:0px;
	padding-bottom:0px;
}

#pointRight ul {
	margin-left: 0px;
	padding-left: 0px;
}

#etiquette {
	background-image: url(../../images/etiquette.gif);
	background-repeat: no-repeat;
	width: 550px;
	height: 210px;
	margin-left: 160px;
	font-size: 11px;
}

#etiquette h1 {
	padding-top: 25px;
	padding-bottom: 0px;
	margin-bottom: 12px;
}

#etiquette p {
	margin-top: 0px;
	text-align: justify;
}
	
#etiquette * {
	padding-left: 80px;
	padding-right: 60px;
}
#maisonqualite
{margin-top:0px;}

/* Nos garanties*/
#nosgarantie {
	padding: 20px;
	padding-top: 0px;
	padding-bottom: 0px;
	font-size: 12px;
}

#nosgarantie h1, #bbc h1 {
	font-size: 23px;
	color: #5ab63d;
}

#nosgarantie ul li {
	color: #666666;
	list-style-type:disc;
margin-bottom:10px;
margin-top:10px;
}

/* Nos équipes */

#nosequipes {
	padding: 20px;
	padding-top: 0px;
	padding-bottom: 0px;
	margin-left: 20px;
	font-size: 12px;
}

.equipe {
	width: 250px;
	text-align: center;
	float: left;
	padding-right: 20px;
	padding-bottom: 20px;
}

.equipe div {
	float: left;
	padding-right: 20px;
}

.equipe img {
	border: 1px solid #CCCCCC;
}

.equipe h1 {
	border-bottom: 1px dashed #666666;
	padding-bottom: 3px;
	margin-bottom: 15px;
	text-align: left;
	width: 185px;
}

/*		Anniversaire	*/

div#flancGaucheAnniv{	
	float: left;
	padding-left: 20px;
	padding-right: 10px;
	background: none;
}

#anniv{
	float: right;
	padding-left: 35px;
	padding-right: 35px;
	background: none;
	position: relative;
	width : 600px;	
}
#anniv #carnet{
	background-image : url('../../images/carnet.png');	
	background-repeat : no-repeat;
	width : 405px;
	height : 150px;
	float : left;
	margin-top : 20px;
	margin-left : -30px;
}
#anniv #brochure{
	float : right;
	margin-top : -170px;
	position : relative;
	right : 42px;
}
#anniv #descri{
	float : left;
	width: 355px;
	font-size : 12px;
}
#anniv .orange{
	color : #f7a80c;	
}
#anniv h1{
	font-family : arial;
	font-size : 16pt;
	line-height : 12px;
}
#anniv #titre{
	float : right;	
	margin-top : -95px;
	position : relative;
	left : -20px;
}

#anniv #carnet #zone_text{
	margin-top : 15px;
	margin-left : 235px;
	width : 150px;
	height : 100px;
	font-weight : bold;
	color : #000000;
}
#anniv #carnet #zone_text h2{
	font-size : 16pt;	
	padding-left : 5px;
}
#anniv #carnet #zone_text #txt{
	float : right;	
	margin-right : 20px;
	margin-top : -7px;
}
#anniv #carnet #zone_text #ligne1{
	font-size : 11pt;
}
#anniv #carnet #zone_text #ligne2{
	font-size : 90%;	
}
#anniv #carnet #zone_text #iconPDF{
	float : left;
	margin-top : -8px;
}
#anniv #carnet #zone_text #flechev{
	float : right;
	margin-right  : 10px;
	margin-top : 9px;
}
#anniv #formatpdf{
	font-style : normal;
	color : #666666;
	float : left;
	font-size : 7pt;
	margin-top : 20px;
	margin-left : 24px;
}
#anniv #telechargerreglement{
	width : 230px;
}
#anniv #extrait{
	margin-top : -25px;
}
#anniv #telechargerreglement p{
	color : #000000;
	font-family : Arial;
	font-weight : bold;
	font-size : 12px;
	margin-top : 11px;
	margin-right : 5px;
	float : right;
}
#anniv #telechargerreglement img{
	float : left;
}
#anniv a{
	text-decoration : none;
}
#anniv p{
	margin-left : -7px;
}
#anniv a:hover{
	text-decoration : underline;
}
/********************
Mentions Légales
********************/

#mentions{
	padding: 0px 0px 0px 40px;
}

#mentions h1 {
	font-size: 23px;
	color: #5ab63d;
}

/********************
Livre d'or
********************/
.temoignage{
font-style:italic;
line-height:14pt;
font-family:"Times New Roman", Times, serif;
font-size:14px;
}

.auteur{
text-align:right;
}

#livredorLeft {
	float: left;
	width: 400px;
	padding-left: 20px;
}

#livredorRight {
	float: right;
	width: 380px;
	margin-right: 35px;
}

#livredorRight h2{
color:#5AB63D;
}

#livredorRight h4{
font-weight:100;
margin-top:-15px;
}


.dessin{
border: 1px #999999 solid;
width:250px;
}


/**************
BBC
***************/
#bbc{ margin:214px 25px 0 25px; }

#bbc h4{
margin-top:5px;
margin-bottom:5px;
font-size:16px;}
 
 #bbc h6{margin:0px;}
 
#bbc .img{
float :left;
width:200px;
margin-bottom:15px;}
 
#bbc .maisonExpo{margin-top:20px; padding-left:220px;}
 
#competencesequipe {
}
#bbcvideo {
	float: left;
	width: 400px;
	margin:auto;
	margin-left:30px;
	height: 300px;
}
#savoirfaireBBC {
	float: left;
	width: 420px;
}
#imagesmaisonsbbc {
	margin-left: 50px;
}
#imagesmaisonsbbc #imagesmaisonsbbc_vignettes img {
	margin-left: 100px;
}
#imagesmaisonsbbc a {
	float: right;
	margin-right: 20px;
}

#bloc_guide{
		background-image:url(../../images/blogAccueil.gif);
	background-repeat:no-repeat; 
	height:155px;
	margin:auto;
	margin-top:0px;
	padding-top:20px;
	padding-left:50px;
	padding-right:25px;
	width:340px;
	float: right;
}
#bloc_guide_page_guide{
	background-image:url(../../images/blogAccueil.gif);
	background-repeat:no-repeat; 
	height:155px;
	margin:auto;
	margin-top:40px;
	padding-top:20px;
	padding-left:50px;
	padding-right:25px;
	width:340px;
	

}


.logo_guide{float:left; width:100px;}
.txtGuide{ float:left; width:180px; margin-left:20px; margin-top:0px;}


/**************
Guides BBC
***************/
#guide_bbc {
	padding: 20px;
	padding-top: 0px;
	padding-bottom: 0px;
	font-size: 12px;
}

#guide_bbc h1 {
	font-size: 23px;
	color: #5ab63d;
}

#guide_bbc ul li {
	color: #666666;
	list-style-type:disc;
}

#guide_bbc ul {margin-bottom:25px;}

#imgentetebbc {
	float: left;
	margin-right: 20px;
}
#texteentetebbc {
	padding-top: 10px;
}
#bbc_puces_left {
	float: left;
	width: 345px;
}
#formulaire_guide_bbc {
	padding-left: 20px;
}

.form_bbc {
	
	float: left; 
	width: 260px;
	margin-right: 10px;
}

#formulaire_guide_bbc form div.form_bbc div {
	margin-top: 5px;
}

.form_bbc_right {
	float: left; 
	width: 250px;
	margin-right: 10px;
}


.form_bbc span {
	margin-right: 40px;
}

.form_bbc  #codePostal{
	width: 50px;
	margin-right: 65px;
}
.form_label_bbc {
	
	padding-top: 4px;
	margin-right: 24px;
}

#form_label_bbc_codepostal {
	margin-right: 5px;
	margin-left: 4px;
}

#formulaire_guide_bbc form div.form_bbc_right div {
	float: left;
	margin-top: 5px;
}

#submit_bbc_form {
width: 200px;
margin-left: 200px;
margin-top: 20px;
}
.form_bbc input {
 	border: 1px solid #666666;
	width: 148px;
}
.radiBBC{margin-top:15px; margin-bottom:20px;}
#form_label_bbc_email {
		margin-left: 36px;
	margin-right:5px;
}
.form_bbc_right   input {
border: 1px solid #666666;
}

#form_label_bbc_prenom {
	margin-right: 5px;
	margin-left: 17px;
}

#form_label_bbc_telephone {
	margin-left: 42px;
	margin-right: 5px;
}

#form_label_bbc_ville {
	margin-right: 7px;
	margin-left: 34px;
}

#form_label_bbc_jours {
	margin-right: 5px;
	margin-left: 23px;
}

#form_label_bbc_creneau {
	margin-right: 5px;
	margin-left: 8px;
}
#erreur3 {
	color: #FF0000;
	padding-left: 200px;
}
#reussi3 {
	color: #009900;
	padding-left: 200px;
}
.regroupement_p {
	height: 7px;
}
#imagecataloguebbc {
float: right;
}
#jours_bbc {
color: #a3a5a5;
}

#form_label_bbc_nom {
	margin-left: 46px;
	margin-right: 3px;
}

#form_label_bbc_adresse {
	margin-left: 27px;
	margin-right: 4px;

}

/******* MENU HTML **************/
#preMenu{
	position: absolute;
	width: 100%;
	top:-6px;
	z-index: 200;
}

#blocMenu{
	width:710px;
	margin:auto;
	padding-left: 180px;
	position: relative;
}

#blocMenu #blocPictos{
	width:710px;
	margin-top:10px;
	margin-bottom:2px;
}

#blocMenu #blocPictos .picto{
	float:right;
	width:25px;
}

#blocMenu #bordG{
	background-image:url("../images/menuBordG.png");
	background-repeat:no-repeat;
	width:30px;
	height:19px;
	float:left;
}
#blocMenu #bordG img{
	margin-left:10px;
}
#blocMenu #milieu{
	background-image:url("../images/menuMilieu.png");
	background-repeat:repeat-x;
	width:669px;
	height:19px;
	float:left;
	color:#625b5b;
	font-size:13px;
}

#blocMenu a{
	color:#625b5b;
	text-decoration:none;
}
#blocMenu #bordD{
	background-image:url("../images/menuBordD.png");
	background-repeat:no-repeat;
	width:9px;
	height:19px;
	float:left;
}

#menu{
	width: 644px;
	height: 21px;
	list-style-type: none;
	margin: 0;
	padding: 0;
	border: 0;
	top: 0;
	left: 0;
	line-height: 18px;
}
#menu li{
	float: left;
	margin: 0;
	padding: 0;
	border: 0;
}

#menu .sousMenu
{
	display: none;
	list-style-type: none;
	margin: 0;
	padding: 0;
	border: 0;
	height:20px;
}
#menuDeroulant .sousMenu li
{
	float: none;
	margin: 0;
	padding: 0;
	border: 0;
	width: 149px;
	border-top: 1px solid transparent;
	border-right: 1px solid transparent;
}
#menu .sousMenu li a:link, #menu .sousMenu li a:visited
{
	display: block;
	margin: 0;
	border: 0;
	text-decoration: none;
}
#menu .sousMenu li a:hover
{
	background-image: none;
}

#menu li.separation:hover{
	background-image: url("../images/menuSurvol.png");
	background-repeat: repeat-x;
	height:19px;
}
#menu li.dernier:hover{
	background-image: url("../images/menuSurvolDernier.png");
	background-repeat: repeat-x;
	height:19px;
}

#menu li:hover > .sousMenu { display: block; }

#menu ul li{
	font-size:10px;
	text-align:left;
}


#blocMenu ul li.separation{
	background-image:url("../images/menuSeparation.png");
	background-repeat:no-repeat;
	background-position: 100% 0%;
	list-style:none;
}
#blocMenu ul li.dernier{
	width:108px;
	list-style:none;
	position: absolute;
    left: 780px;
}	


/*** sousmenu 1 ***/
#blocMenu ul li.itemMenu {
	width:92px;
}
ul#menu .itemMenu ul.sousMenu .itemSousMenu {
	background-image: url("../images/sousMenu.png");
	position: relative;
	width: 92px;
	list-style:none;
	padding-left: 5px;
	padding-top:3px;
	padding-bottom:3px;
}

ul#menu .itemMenu ul.sousMenu .itemSousMenuFin {
	background-image: url("../images/sousMenuBas.png");
	background-repeat: no-repeat;
	height: 26px;
	position: relative;
	width: 92px;
	list-style:none;
	padding-left: 5px;
	padding-top:3px;
	padding-bottom:3px;
}
ul#menu .itemMenu ul.sousMenu .itemSousMenuFin:hover {
	background-image: url("../images/sousMenuBasHover.png");
	height: 26px;
	position: relative;
	width: 92px;
	list-style:none;
	padding-left: 5px;
	padding-top:3px;
	padding-bottom:3px;
}

ul#menu .itemMenu ul.sousMenu .itemSousMenu:hover {
	background-image: url("../images/sousMenuSurvol.png");
	position: relative;
	width: 92px;
	list-style:none;
	padding-left: 5px;
	padding-top:3px;
	padding-bottom:3px;
}

#menu li.itemMenu2, #menu li.itemMenu4, #menu li.itemMenu5{
	width:99px;
}


#blocMenu ul li.itemMenu3{
	padding-right: 5px;
	width:71px;
}

ul#menu .itemMenu3 ul.sousMenu .itemSousMenu3 {
	background-image: url("../images/sousMenu.png");
	position: relative;
	width: 71px;
	list-style:none;
	padding-left: 5px;
	padding-top:3px;
	padding-bottom:3px;
}
ul#menu .itemMenu3 ul.sousMenu .itemSousMenu3:hover {
	background-image: url("../images/sousMenuSurvol.png");
	position: relative;
	width: 71px;
	list-style:none;
	padding-left: 5px;
	padding-top:3px;
	padding-bottom:3px;
}

ul#menu .itemMenu3 ul.sousMenu {
	left:0px;
	margin: 0;
	padding: 0;
}

ul#menu .itemMenu3 ul.sousMenu .itemSousMenuFin3 {
	background-image: url("../images/sousMenuBas3.png");
	background-repeat: no-repeat;
	height: 26px;
	position: relative;
	width: 71px;
	list-style:none;
	padding-left: 5px;
	padding-top:3px;
	padding-bottom:3px;
}
ul#menu .itemMenu3 ul.sousMenu .itemSousMenuFin3:hover {
	background-image: url("../images/sousMenuBas3Hover.png");
	background-repeat: no-repeat;
	height: 26px;
	position: relative;
	width: 71px;
	list-style:none;
	padding-left: 5px;
	padding-top:3px;
	padding-bottom:3px;
}
	
#blocMenu ul li.itemMenu6{
	width:105px;
}

ul#menu .itemMenu6 ul.sousMenu .itemSousMenu6 {
	background-image: url("../images/sousMenu6.png");
	position: relative;
	width: 100px;
	list-style:none;
	padding-left: 5px;
	padding-top:3px;
	padding-bottom:3px;
}
ul#menu .itemMenu6 ul.sousMenu .itemSousMenu6:hover {
	background-image: url("../images/sousMenuSurvol6.png");
	position: relative;
	width: 100px;
	list-style:none;
	padding-left: 5px;
	padding-top:3px;
	padding-bottom:3px;
}

ul#menu .itemMenu6 ul.sousMenu {
	left:0px;
	margin: 0;
	padding: 0;
}

ul#menu .itemMenu6 ul.sousMenu .itemSousMenuFin6 {
	background-image: url("../images/sousMenuBas6.png");
	background-repeat: no-repeat;
	height: 26px;
	position: relative;
	width: 100px;
	list-style:none;
	padding-left: 5px;
	padding-top:3px;
	padding-bottom:3px;
}
ul#menu .itemMenu6 ul.sousMenu .itemSousMenuFin6:hover {
	background-image: url("../images/sousMenuBas6Hover.png");
	background-repeat: no-repeat;
	height: 26px;
	position: relative;
	width: 100px;
	list-style:none;
	padding-left: 5px;
	padding-top:3px;
	padding-bottom:3px;
}

ul.sousMenu li.separationH{
	background-image:url("../images/separationH.png");
	background-repeat:no-repeat;
	/*background-position: 0% 100%;*/
	height:1px;
	width:92px;
}

ul.sousMenu li.separationH3{
	background-image:url("../images/separationH3.png");
	background-repeat:no-repeat;
	background-position: 0% 100%;
	height:1px;
	width:77px;
}
	
ul.sousMenu li.separationH6{
	background-image:url("../images/separationH6.png");
	background-repeat:no-repeat;
	background-position: 0% 100%;
	height:1px;
	width:105px;
}




ul#menu .itemMenu7 ul.sousMenu .itemSousMenu7 {
	background-image: url("../images/sousMenu7.png");
	position: relative;
	width: 103px;
	list-style:none;
	padding-left: 5px;
	padding-top:3px;
	padding-bottom:3px;
}
ul#menu .itemMenu7 ul.sousMenu .itemSousMenu7:hover {
	background-image: url("../images/sousMenuSurvol7.png");
	position: relative;
	width: 103px;
	list-style:none;
	padding-left: 5px;
	padding-top:3px;
	padding-bottom:3px;
}

ul#menu .itemMenu7 ul.sousMenu {
	left:0px;
	margin: 0;
	padding: 0;
}

ul#menu .itemMenu7 ul.sousMenu .itemSousMenuFin7 {
	background-image: url("../images/sousMenuBas7.png");
	background-repeat: no-repeat;
	height: 26px;
	position: relative;
	width: 103px;
	list-style:none;
	padding-left: 5px;
	padding-top:3px;
	padding-bottom:3px;
}
ul#menu .itemMenu7 ul.sousMenu .itemSousMenuFin7:hover {
	background-image: url("../images/sousMenuBas7Hover.png");
	background-repeat: no-repeat;
	height: 26px;
	position: relative;
	width: 103px;
	list-style:none;
	padding-left: 5px;
	padding-top:3px;
	padding-bottom:3px;
}

ul.sousMenu li.separationH7{
	background-image:url("../images/separationH7.png");
	background-repeat:no-repeat;
	background-position: 0% 100%;
	height:1px;
	width:108px;
}

#menu .itemSousMenu, .itemSousMenu3, .itemSousMenu6, .itemSousMenu7{
	background-repeat: repeat-y;
    height: 17px;
}

ul#menu .itemMenu ul.sousMenu, ul#menu .itemMenu3 ul.sousMenu, ul#menu .itemMenu6 ul.sousMenu, ul#menu .itemMenu7 ul.sousMenu{
	padding-top:1px;
}

#tecoSelected>a, #savoirSelected>a, #bbcSelected>a, #renoSelected a, #terrainSelected a, #refSelected>a, #projSelected>a{
	color:green;
}
	
/*** OLD ***///	
	
/*	#preMenu{
		position: absolute;
    	width: 100%;
    	top:-6px;
    	z-index: 200;
	}
	
	
	
	#blocMenu{
		width:710px;
		margin:auto;
		padding-left: 180px;
		position: relative;
	}
	
	#blocMenu #blocPictos{
		width:710px;
		margin-top:10px;
		margin-bottom:2px;
	}
	
	#blocMenu #blocPictos .picto{
		float:right;
		width:25px;
	}
	
	ul li{
		list-style-type:none;
	}
	
	ul.sousMenu li{
		text-align:left;
	}
	
	#blocMenu ul {
		margin: 0;
		padding: 0;
		top:19px;
	}
	#blocMenu ul li.itemMenu, #blocMenu ul li.itemMenu2, #blocMenu ul li.itemMenu3, #blocMenu ul li.itemMenu4,#blocMenu ul li.itemMenu5, #blocMenu ul li.itemMenu6 , #blocMenu ul li.dernier{
		padding-top:3px;
		height:20px;
	}
	#blocMenu ul li.itemMenu {
		padding-left: 34px;
    	padding-right: 33px;
	}
	
	#blocMenu ul li.itemMenu2 {
		padding-left: 19px;
    	padding-right: 20px;
	}
	
	#blocMenu ul li.separation{
		background-image:url("../images/menuSeparation.png");
		background-repeat:no-repeat;
		background-position: 100% 0%;
		list-style:none;
	}
	#blocMenu ul li.dernier{
		padding-left:24px;
		list-style:none;
	}
	
	ul#menu .itemMenu ul.sousMenu {
   		display: none;
    	position: absolute;
    	left:0px;
    	margin: 0;
    	padding: 0;
	}
	
	ul.sousMenu li{
		font-size:10px;
	}
	
	ul#menu .itemMenu ul.sousMenu .itemSousMenu {
		
	}
	
	ul#menu .itemMenu ul.sousMenu .itemSousMenu {
    	background-image: url("../images/sousMenu.png");
    	background-repeat: no-repeat;
    	height: 13px;
    	position: relative;
    	width: 92px;
    	list-style:none;
    	padding-left: 5px;
    	padding-top:3px;
    	padding-bottom:3px;
	}
	
	ul#menu .itemMenu ul.sousMenu .itemSousMenuFin {
    	background-image: url("../images/sousMenuBas.png");
    	background-repeat: no-repeat;
    	height: 26px;
    	position: relative;
    	width: 92px;
    	list-style:none;
    	padding-left: 5px;
    	padding-top:3px;
    	padding-bottom:3px;
	}
	ul#menu .itemMenu ul.sousMenu .itemSousMenuFin:hover {
    	background-image: url("../images/sousMenuBasHover.png");
    	background-repeat: no-repeat;
    	height: 26px;
    	position: relative;
    	width: 92px;
    	list-style:none;
    	padding-left: 5px;
    	padding-top:3px;
    	padding-bottom:3px;
	}
	
	ul#menu .itemMenu ul.sousMenu .itemSousMenu:hover {
    	background-image: url("../images/sousMenuSurvol.png");
    	background-repeat: no-repeat;
    	height: 13px;
    	position: relative;
    	width: 92px;
    	list-style:none;
    	padding-left: 5px;
    	padding-top:3px;
    	padding-bottom:3px;
	}
	
	ul.sousMenu li.separationH{
		background-image:url("../images/separationH.png");
		background-repeat:no-repeat;
		background-position: 0% 100%;
		height:1px;
	}
	
	
	
	
	
	#blocMenu ul li.itemMenu3{
		padding-left: 26px;
    	padding-right: 25px;
	}
	
	ul#menu .itemMenu3 ul.sousMenu .itemSousMenu3 {
    	background-image: url("../images/sousMenu.png");
    	background-repeat: no-repeat;
    	height: 13px;
    	position: relative;
    	width: 71px;
    	list-style:none;
    	padding-left: 5px;
    	padding-top:3px;
    	padding-bottom:3px;
	}
	ul#menu .itemMenu3 ul.sousMenu .itemSousMenu3:hover {
    	background-image: url("../images/sousMenuSurvol.png");
    	background-repeat: no-repeat;
    	height: 13px;
    	position: relative;
    	width: 71px;
    	list-style:none;
    	padding-left: 5px;
    	padding-top:3px;
    	padding-bottom:3px;
	}
	
	ul#menu .itemMenu3 ul.sousMenu {
   		display: none;
    	position: absolute;
    	left:0px;
    	margin: 0;
    	padding: 0;
	}
	
	ul#menu .itemMenu3 ul.sousMenu .itemSousMenuFin3 {
    	background-image: url("../images/sousMenuBas3.png");
    	background-repeat: no-repeat;
    	height: 26px;
    	position: relative;
    	width: 71px;
    	list-style:none;
    	padding-left: 5px;
    	padding-top:3px;
    	padding-bottom:3px;
	}
	ul#menu .itemMenu3 ul.sousMenu .itemSousMenuFin3:hover {
    	background-image: url("../images/sousMenuBas3Hover.png");
    	background-repeat: no-repeat;
    	height: 26px;
    	position: relative;
    	width: 71px;
    	list-style:none;
    	padding-left: 5px;
    	padding-top:3px;
    	padding-bottom:3px;
	}
	
	
	#blocMenu ul li.itemMenu4, #blocMenu ul li.itemMenu5{
		padding-left: 19px;
    	padding-right: 19px;
	}
	
	
	
	#blocMenu ul li.itemMenu6{
		padding-left: 20px;
    	padding-right: 19px;
	}
	
	ul#menu .itemMenu6 ul.sousMenu .itemSousMenu6 {
    	background-image: url("../images/sousMenu6.png");
    	background-repeat: no-repeat;
    	height: 13px;
    	position: relative;
    	width: 100px;
    	list-style:none;
    	padding-left: 5px;
    	padding-top:3px;
    	padding-bottom:3px;
	}
	ul#menu .itemMenu6 ul.sousMenu .itemSousMenu6:hover {
    	background-image: url("../images/sousMenuSurvol6.png");
    	background-repeat: no-repeat;
    	height: 13px;
    	position: relative;
    	width: 100px;
    	list-style:none;
    	padding-left: 5px;
    	padding-top:3px;
    	padding-bottom:3px;
	}
	
	ul#menu .itemMenu6 ul.sousMenu {
   		display: none;
    	position: absolute;
    	left:0px;
    	margin: 0;
    	padding: 0;
	}
	
	ul#menu .itemMenu6 ul.sousMenu .itemSousMenuFin6 {
    	background-image: url("../images/sousMenuBas6.png");
    	background-repeat: no-repeat;
    	height: 26px;
    	position: relative;
    	width: 100px;
    	list-style:none;
    	padding-left: 5px;
    	padding-top:3px;
    	padding-bottom:3px;
	}
	ul#menu .itemMenu6 ul.sousMenu .itemSousMenuFin6:hover {
    	background-image: url("../images/sousMenuBas6Hover.png");
    	background-repeat: no-repeat;
    	height: 26px;
    	position: relative;
    	width: 100px;
    	list-style:none;
    	padding-left: 5px;
    	padding-top:3px;
    	padding-bottom:3px;
	}
	
	ul.sousMenu li.separationH3{
		background-image:url("../images/separationH3.png");
		background-repeat:no-repeat;
		background-position: 0% 100%;
		height:1px;
	}
	
	ul.sousMenu li.separationH6{
		background-image:url("../images/separationH6.png");
		background-repeat:no-repeat;
		background-position: 0% 100%;
		height:1px;
	}
	
	
	
	
	ul#menu .itemMenu7 ul.sousMenu .itemSousMenu7 {
    	background-image: url("../images/sousMenu7.png");
    	background-repeat: no-repeat;
    	height: 13px;
    	position: relative;
    	width: 103px;
    	list-style:none;
    	padding-left: 5px;
    	padding-top:3px;
    	padding-bottom:3px;
	}
	ul#menu .itemMenu7 ul.sousMenu .itemSousMenu7:hover {
    	background-image: url("../images/sousMenuSurvol7.png");
    	background-repeat: no-repeat;
    	height: 13px;
    	position: relative;
    	width: 103px;
    	list-style:none;
    	padding-left: 5px;
    	padding-top:3px;
    	padding-bottom:3px;
	}
	
	ul#menu .itemMenu7 ul.sousMenu {
   		display: none;
    	position: absolute;
    	left:0px;
    	margin: 0;
    	padding: 0;
	}
	
	ul#menu .itemMenu7 ul.sousMenu .itemSousMenuFin7 {
    	background-image: url("../images/sousMenuBas7.png");
    	background-repeat: no-repeat;
    	height: 26px;
    	position: relative;
    	width: 103px;
    	list-style:none;
    	padding-left: 5px;
    	padding-top:3px;
    	padding-bottom:3px;
	}
	ul#menu .itemMenu7 ul.sousMenu .itemSousMenuFin7:hover {
    	background-image: url("../images/sousMenuBas7Hover.png");
    	background-repeat: no-repeat;
    	height: 26px;
    	position: relative;
    	width: 103px;
    	list-style:none;
    	padding-left: 5px;
    	padding-top:3px;
    	padding-bottom:3px;
	}
	
	ul.sousMenu li.separationH7{
		background-image:url("../images/separationH7.png");
		background-repeat:no-repeat;
		background-position: 0% 100%;
		height:1px;
	}

	#blocMenu #bordG{
		background-image:url("../images/menuBordG.png");
		background-repeat:no-repeat;
		width:30px;
		height:19px;
		float:left;
	}
	#blocMenu #bordG img{
		margin-left:10px;
	}
	#blocMenu #milieu{
		background-image:url("../images/menuMilieu.png");
		background-repeat:repeat-x;
		width:669px;
		height:19px;
		float:left;
		color:#625b5b;
		font-size:13px;
	}
	
	#blocMenu a{
		color:#625b5b;
		text-decoration:none;
	}
	#blocMenu #bordD{
		background-image:url("../images/menuBordD.png");
		background-repeat:no-repeat;
		width:9px;
		height:19px;
		float:left;
	}
	
#tecoSelected>a, #savoirSelected>a, #bbcSelected>a, #renoSelected a, #terrainSelected a, #refSelected>a, #projSelected>a{
	color:green;
}*/

/******* FIN MENU *****************/
	.clearer {
	clear: both;
	height: 0px;
	font-size:0;
	max-height:0;
	}
	
	img{
		border:none;
	}
	
	.floatLeft{
		float:left;
	}
	
	.relatif{
		position:relative;
	}
	.absolute{
		position:absolute;
	}




/********* page terrains *****/

#terrains{
	font-size: 12px;
    padding: 20px;
}
#terrains table span{
}

#terrains table{
	width:100%;
	text-align: left;
}

tr{
	border-collapse : collapse;
	border-bottom: solid 1px red;
}

#terrains table td {
	padding-top:15px;
	padding-bottom:15px;
	border-bottom: 1px dashed #CCCCCC;
}

tr.pointille{
	border:solid red 1px;
}

#terrains th{
	text-transform: uppercase;
}

#terrains th, #terrains td{
	text-align: left;
}


#terrains .numero{
    background-color: #595959;
    color: #FFFFFF;
    font-weight: bold;
    margin-right: 3px;
    padding: 1px 6px;
}

.vert{
	color:#5ab63d;
}
.maj{
	text-transform: uppercase;
}
.gras{
	font-weight:bold;
}
.margeBas{
	margin-bottom: 30px;
}