@charset "utf-8";
/* CSS Document */

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	line-height:20px;
	background-color:#015b7e;
	margin:0;
}

#all {
	width:800px; /* La largeur globale y compris les padding et border est de 820 */
	margin:0px auto;
	border-left:9px solid #4989a4;
	border-right:9px solid #4989a4;
	padding-left:1px;
	padding-right:1px;
	background-color:#015b7e; /* Le Padding laisse apparaître la couleur d'arrière plan */
}

#blanc {background-color:#FFFFFF;}

#gauche {
	padding-right: 50px;
	padding-left: 30px;
	padding-bottom: 20px;
	float: left;
	width: 450px; /* la largeur globale de ma colonne de gauche fait 530 (mais je retire les padding, donc width = 450) */
}

#droite {
	width:240px;
	float:right;
	padding-right:30px;
}

#middle {
	padding-right:30px;
	padding-left:30px;
}

#footer {
	clear:both;
	margin:20px;
	border-top: 1px solid #015B7E;
	font-size:10px;
	text-align:center;
}


/* DEBUT INTERIEUR BLOC HAUT */
.bloc-contact {
	height:134px; /* = 184(largeur initiale) - 70(padding top) + 20(hauteur position du bg) */
	background-image:url(images/creation-site-internet-h-bl.jpg);
	background-position:center 20px;
	background-repeat:no-repeat;
	padding-right:65px;
	padding-top:70px;
	text-align:right;
	color: #FFF;
	font-size: 14px;
	font-weight:bold;
}

.bloc-contact a:link {color: #FFFFFF;}
.bloc-contact a:visited {color: #FFFFFF;}
.bloc-contact a:hover {color: #C9F0FF;}
.bloc-contact a:active {color: #FFFFFF;}

h1 {
	font-size: 14px;
	margin:0;
}



/* DEBUT MENU */
#haut ul {
	text-align: center;
	padding: 0px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 30px;
	margin-left: 0px;
}

#haut li {
	margin: 0px;
	padding: 0px;
	display: inline;
	list-style-type: none;
}

#haut li a:link {color: #4989A4;text-decoration:none;font-weight:bold;}
#haut li a:visited {color: #015B7E;text-decoration:none;font-weight:bold;}
#haut li a:hover {color: #015B7E;font-weight:bold;}
#haut li a:active {color: #015B7E;text-decoration:none;font-weight:bold;}


/* CONTENU */

a:link {color: #4989A4;}
a:visited {color:#015B7E;}
a:hover {color: #015B7E;}
a:active {color:#015B7E;}

p {margin:0; padding:0;}

.texte-couleur1 {color:#4989A4;}
.texte-couleur2 {color:#015B7E;}

.justify {text-align:justify;}
.border-bottom {border-bottom: 2px solid #015B7E;}

.margin-left1 {margin-left:20px;}
.margin-left2 {margin-left:30px;}
.margin-right1 {margin-right:20px;}

h2 {color:#4989A4; font-size:14px; font-weight:bold; padding-top:20px;}
h3 {color:#015B7E; font-size:12px; font-weight:bold; padding-left:20px; margin-top:0; margin-bottom:0;}
h4 {color:#015B7E; font-size:14px; font-weight:bold; padding-top:20px; margin-left:20px;}

h2 a:link {text-decoration:none;}
h2 a:visited {text-decoration:none;}
h2 a:hover {text-decoration:none;}
h2 a:active {text-decoration:none;}

.bloc-ref {
	width: 226px;
	float: left;
	margin: 10px;
}