/* Mémo couleurs
#a5d220 -> vert
#fff5eb -> rose
#2bb2ed -> bleu
*/


body{
	margin: 0;
	padding: 0;
	background: #d7e592;
	font-size: 12px;
	font-family: verdana;
}

/* ########## GENERAL ########## */

/* les class */
.justifier{
	text-align: justify;
}

.google_maps{
	margin: 10px 0 0 10px;
}

.red{
	color: red;
}

/* les images */
img{
	border: none;
}

/* images de la page tarifs.php */
.img_centrer{
	border: 2px solid #a5d220 ;
	margin-left: 100px;
}

/* les liens */
 a{
	color:   #2bb2ed;
	text-decoration: none;

}

a:hover{
	color:  #a5d220;
	text-decoration: underline;
}

/* le menu */
#menu{
	text-align: center;
	padding: 3px 0 3px 0;
}

.passif {
	display: inline;
	padding: 0 4px 0 4px;
	font-size: 14px;
	border: outset 2px #a5d220;
	background-color:  #a5d220;
}

#menu a{
	color: #fff5eb;
	text-decoration: none;
	font-size: 14px;
}

#menu a:hover{
	color: #b5dcfd;
	text-decoration: underline;
	font-size: 16px;
}

/* Gestion des liens page active dans le menu*/
.active {
	display: inline;
	padding: 0 4px 0 4px;
	font-size: 14px;
	border: outset 2px #2bb2ed;
	background-color:  #2bb2ed;
}

/* les titres */

h5{
	text-decoration: underline;
	font-family: tahoma, verdana;
	font-size: 15px;
	color: #a5d220;
	margin: 10px;
}

h6{

	font-family: tahoma, verdana;
	font-size: 13px;
	color: #2bb2ed;
	
}

.titre_bleu{
	display: inline;
	font-family: tahoma, verdana;
	font-size: 12px;
	color: #2bb2ed;
	
}

.rose{
	color: #fff5eb;
}


/* les puces */ 
ul{
	list-style: none;
}
/* class pour surligner */
.surligner{
	text-decoration: underline;
	font-weight: bold;
}

/* les tableaux */

table{
	border-collapse: collapse;
	margin-left: 40px;
	width: 300px;
	margin-left: 100px;
}
caption{
	padding: 5px;
}
 /* Mettre une bordure sur les td et les th */
td, th{
   border: 1px solid black;
   padding: 4px;
}
/*Mettre le texte des cellules alignés à droite*/
td{
	text-align: right;
}
/*Annuler l'alignement droite pour un gauche pour les cellules titres*/
td.item{
	text-align: left;
}
/*Mettre les lignes impaires avec un fond*/
tr.impair{
	background-color: #daf2fc;
}
thead{
	color: #2bb2ed;
	font-size: 12px;
	text-align: center;
	background-color: #daf2fc;
}



/* ########## HEADER ########## */
#header{
	margin: 0 auto;
	background: #ffffff url(images/header.png) no-repeat;
	width: 1024px;
	height: 202px;
}


#header h1 {
	margin:10px;
	padding-right: 30px;
	float: right;
	color: #b5dcfd;
	width: 970px;
	font-family: "Trebuchet MS", arial;
	letter-spacing: -2px;
	text-align: right;
	font-size: 24px;
	
}

#lang {
	clear: right;
	float: right;
	margin: 165px 10px 0 0;
	width: 150px;
	/*background-color: #fff5eb;
	text-align: center;*/
}

#google {
	float: right;
	margin: 155px 140px 0 0;

}




/* ########## PAGE ########## */
#page{
	width: 1024px;
	margin: 0 auto;
}

/* ########## COLONNE GAUCHE ########## */
#bloc_gauche{
	background: url(images/carte_visite.png) no-repeat;
	float: left;
	width: 258px;
	height: 882px;

}

/* image */

#bloc_gauche .cv{
	background: url(images/cv_petit.png) no-repeat left top;
	width: 250px;
	height: 185px;
	margin: 8px;
}

/* bloc gauche  pavé haut */
/*#bloc_gauche .carte_visite{
	background: url(images/img05.png) no-repeat left top;
}*/

#bloc_gauche .carte_visite ul{
	padding: 15px 0 0 10px;
	
}

#bloc_gauche .carte_visite li{
	list-style: none;
	color: grey;
}

/* bloc gauche pavé droit */
#bloc_gauche .plan{
	background: url(images/img05.png) no-repeat left top;	
}

#bloc_gauche .plan{
	padding: 15px 0 0 15px;
}

/* Les liesn utiles */
#bloc_gauche .liens{
	background: url(images/img05.png) no-repeat left top;	
}

#bloc_gauche .liens h5{
	margin-top: 10px;
}

/* ########## CONTENEUR ########## */
#conteneur{
	float: right;
	width: 765px;
	
}

/* corps des pages tarifs */


#corps_tarifs{
	background: #ffffff url(images/corps.png) no-repeat;
	height: 785px;
	padding: 3px 10px 10px 5px;
	/* diminution de H et suppression de W car padding*/
	
}

#corps_tarifs .presentation{
	width: 530px;
	margin: auto;
	padding: 0 0 10px 0;
text-align: center;
}

#corps_tarifs .galerie{
	width: 500px;
	margin: auto;
	text-align: center;

}
#corps_tarifs *{
	margin: 0;
	
}
#corps_tarifs table{
	margin-left: 80px;
}
#corps_tarifs h5{
	margin: 7px;
	text-align: left;
}

#corps_tarifs p{
	margin: 7px;
}

#corps_tarifs ul{
	margin: 7px;
}
#corps_tarifs li{
	margin: 7px;
}

#logo_paiement{
	float : right;
}

/* corps autres pages*/

#corps *{
	margin: 0;
}
#corps h5{
	margin: 7px;
}

#corps p{
	margin: 7px;
}

#corps ul{
	margin: 7px;
}
#corps li{
	margin: 7px;
}
#corps{
	background: #ffffff url(images/corps.png) no-repeat;
	height: 785px;
	padding: 3px 10px 10px 5px;
	/* diminution de H et suppression de W car padding*/
	
}

#corps .presentation{
	width: 530px;
	margin: auto;
	padding: 0 0 10px 0;

}

#corps .galerie{
	width: 500px;
	margin: auto;
	text-align: center;

}


/* ########## FOOTER ########## */
#footer{
	float: right;
	background: url(images/footer.png) no-repeat;
	width: 746px;
	height: 79px;
	padding: 10px;
	font-size: 10px;
}

#footer .mentions{
	float: right;
	text-align: right;
}

#footer .carte_visite{
	float: left;
	margin-left: 5px;
}
#footer ul{
	
	margin: 0;
}

#menu_bas{
	text-align : center;
}
	
#menu_bas li{
    display : inline;
    list-style : none;
    padding : 5px;
    margin : 5px;
    text-decoration : underline;
	color : #2bb2ed;
}

#menu_bas a{
    color : #2bb2ed;
}

#menu_bas a:hover{
    color : #2bb2ed;
    border-top : 1px solid #2bb2ed;
}

/* ########## PAGE CONTACT PHP ########## */

/* label du formulaire dans contact.php */
#contact label{
	display: block;
	margin: 5px;
}

#contact input{
	margin: 5px;
}

#contact textarea{
	margin: 5px;
}
#contact img{
	margin: 15px;
	float: right;
}
#contact{
	margin: 15px;
}