/*CSS réalisé par Jean-Michel ROSEE le 21/04/2013*/

body {font: 100%/1.4 Verdana, Arial, Helvetica, sans-serif;/*background:#42413C;*/color:#fff;}

h1,h2 {background-color:#39F;color:#000;text-align:left;}/*Centrage des H1 et H2 avec une bordure de couleur bleu ciel*/

h1+p {
margin-top:20px;
}

p{font-size:1em;}
/*
h2{
background-color:#39F;
color:#000;
text-align:center;
margin-left:15px;
margin:2px;
}
*/
h1, h2, h3, h4, h5, h6, p {padding-right:5px;padding-left:5px;font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;}

a img { border: none;}
.content a:link {color: #fff;text-decoration: underline; }
.content a:visited {color:#fff;text-decoration: underline;}
.content a:hover, a:active, a:focus { text-decoration: none;}

.content h2{text-align:center;}

.CWhite a:link {color: #000;text-decoration: none; }
.CWhite a:visited {color:#000;text-decoration: none;}
.CWhite a:hover, a:active, a:focus { text-decoration: underline;}


.nav a:link {color: #fff;text-decoration: underline;text-decoration:none; }
.nav a:visited {color:#fff;text-decoration: underline;}
.nav a:hover, a:active, a:focus { text-decoration: none;}


/* Ce conteneur est à largeur fixe déterminé par width:1100px */
.container {
	/*margin:50px;*/
	width: 1100px;
	-moz-border-radius: 30px;
	-webkit-border-radius: 30px;
	border-radius: 30px;
	behavior: url(PIE.htc);
	border:3px solid #2E2EFE;
	background:#000;
	margin: 0 auto; /* Centrage de la DIV au niveau de la page*/
	margin-bottom:20px;
}

.header {
	background-color:#000;
	padding:10px;
	border-radius:20px;
	margin-top:20px;
	margin-bottom:30px;
	margin-right:10px;
	margin-left:10px;
}


.CWhite{
	background-color:#fff;
	margin-left:5px;
	margin-right:5px;
	border:3px solid #fff;
	font-size:0.9em;
	padding:5px;
	width: 680px;
	float: left;
	-moz-border-radius:20px 20px 0 0;
	-webkit-border-radius:20px 20px 0 0;
	border-radius:20px 20px 0 0;
	behavior: url(PIE.htc);
}

.content {
	margin-left:5px;
	margin-right:5px;
	border:3px solid #fff;
	font-size:0.9em;
	padding:5px;
	width: 680px;
	float: left;
	-moz-border-radius:20px 20px 0 0;
	-webkit-border-radius:20px 20px 0 0;
	border-radius:20px 20px 0 0;
	behavior: url(PIE.htc);

}
.PUB {
	color:#000;
	margin:0 auto;
	text-align:center;
	border:1px dotted #000;
	float: left;
	width: 140px;
	background-color: #EADCAE;
	padding:5px;
	-moz-border-radius:10px 10px 0px 0px;
	-webkit-border-radius:10px 10px 0px 0px;
	border-radius:10px 10px 0px 0px;
	behavior: url(PIE.htc);
	-moz-box-shadow: 5px 5px 5px 0px #656565;
	-webkit-box-shadow: 5px 5px 5px 0px #656565;
	-o-box-shadow: 5px 5px 5px 0px #656565;
	box-shadow: 5px 5px 5px 0px #656565;
	filter:progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=134, Strength=5);
	
}

.PUB h4{text-align:center;color:#2E2EFE;text-decoration:underline;}

/* ########################################################################################################### */

/*Content Fond Noir*/
.content p {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;font-size:0.9em;padding:5px 10 5 10px;color:#fff;}/*Modifie le contenu des balises P du div content */

.content h1{
	margin:1px;
	-moz-border-radius:10px 10px 0px 0px;
	-webkit-border-radius:10px 10px 0px 0px;
	border-radius:10px 10px 0px 0px;
	behavior: url(PIE.htc);
}

div.content ul li {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;font-size:0.9em;padding:10px;}

/*Content Fond Blanc */

.CWhite p {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;font-size:0.9em;padding:5px 10px 5px 10px;color:#000;}/*Modifie le contenu des balises P du div CWhite */

.CWhite h1{
	margin:1px;
	-moz-border-radius:10px 10px 0px 0px;
	-webkit-border-radius:10px 10px 0px 0px;
	border-radius:10px 10px 0px 0px;
	behavior: url(PIE.htc);
	text-align:center;
}

.CWhite ul{font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;font-size:0.9em;margin-left:20px;padding:10px;}

.CWhite h4,h3 {color:#000;background-color: #EADCAE;width:300px;}

.CWhite h2{text-align:center;}

/* ########################################################################################################### */


.Conception a:link {color: #000;text-decoration: none; }
.Conception a:visited {color:#000;text-decoration: none;}
.Conception a:hover, a:active, a:focus { text-decoration: underline;}

.Conception p {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;font-size:0.9em;padding:5px 10px 5px 10px;color:#000;}



.Conception h1{
	border-top:1px solid #000; 
	text-align:center;
	margin:1px;
	-moz-border-radius:10px 10px 0px 0px;
	-webkit-border-radius:10px 10px 0px 0px;
	border-radius:10px 10px 0px 0px;
	behavior: url(PIE.htc);
}

.Conception ul{font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;font-size:0.9em;margin-left:20px;padding:10px;}

.Conception h4,h3{
color:#000;
background-color:#EADCAE;
margin-top:10px;
margin-bottom:10px;
margin-left:5px;
display:block-inline;
width:150px;
-moz-border-radius:10px 10px 0px 0px;
-webkit-border-radius:10px 10px 0px 0px;
border-radius:10px 10px 0px 0px;
behavior: url(PIE.htc);
border-top:1px solid #000; 
}

.Conception h3,p {color:#000;}

#conseil li{font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;font-size:0.9em;padding:5px 10px 5px 10px;color:#000;}

ul.nav {
	float:left;
	list-style: none;
	border:2px solid #000;
	margin-left:10px;
}

ul.nav li {
	border-bottom: 1px dotted #666;
	font-size:0.8em;
	}
ul.nav a, ul.nav a:visited {
	padding: 5px 5px 5px 5px;
	display:inline-block;
	width: 160px;  
	text-decoration: none;
	
}
ul.nav a:hover, ul.nav a:active, ul.nav a:focus {
	background:#39F;
	border-radius:10px;
	color: #FFF;
	
}

/* Pied de Page */
.footer {
	
	text-align:center;
	margin:0 auto;
	font-size:0.8em;
	padding: 10px 0;
	clear: both;
}


.picture_T{
padding:0px 0 0 5px;
vertical-align:middle;
text-align:center;
}


.AD{
font-size:0.8em;
}

.center{
text-align:center;
margin:0 auto;
}

table,td{
border:2px solid #000;

}
