body {
 margin: 0px 0px 0px 0px; 
 background: #026398 url(images/bg.jpg) repeat-x; 
 }
 
 /**test**/
 .contenu-sommaire {

margin-left:20px;
margin-top: 20px;

margin-bottom: 60px;

	

}



div.vignette {

	float: left;

	height: 150px;

	width:170px;

	margin: 3px;

	border: 1px  #000000;

	text-align: center;

	padding-top : 2px;

	padding-bottom: 50px;

	background-color:#fff;

  }

  

  div.vignette img  {

	border: 2px solid;

	border-color: #000000;

	max-width: 190px;

	max-height: 160px;

}

  

div.vignette img a {

	

}



div.vignette ul {



 

  }

li.legende {

	list-style-type:none;

	height: 30px;

	display: block;

	text-align: center;
	margin-left:-40px;

}





.truc-pousse-bloc {

	clear: both ;

	visibility: hidden;

}
/**fin test**/
 #content1 {
	margin-top:5px;
	padding-left: 20px;
	padding-right:40px;
	padding-top: 30px;
	width: 683px;
	height: 200px;
	color: #000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:100%;
	line-height: 13px;
 }
  #content2 {
	margin-bottom:-10px;
	padding-top:10%;
	padding-left: 10%;
	padding-right:0%;
	width: 90%;
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:100%;
	line-height: 100%;
 } 
 #content3 {
margin-bottom:-1.5%;
padding-top:5%;
padding-left: 6%;
padding-right:2%;
width: 90%;
color: #000000;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:100%;
line-height: 100%;
 }
 
 #content2 a {
color: #ff6600;
text-decoration: none; }
.logo{

margin-left:87%;
}
 .intro {
padding-left: 50px;
padding-right:10px;
padding-top: 60px;
margin-top:10px;
width: 683px;
height: 800px;
background: url(images/introbg.jpg) no-repeat ;
color: #000;
font-family: Arial, Helvetica, Verdana, Univers;
font-size:120%;
line-height: 13px;
}
 .legend {
margin-top:-4.5%;
margin-left:79.5%;
font-size:100%;
}

 #legend h1{
margin-top:0%;
font-size:100%;
margin-left:80.5%;
}

 /*****Photo *****/
.divcont {
margin-left:80%;
margin-top:-13%;


}
#container { 
margin: 0 auto;
background: #FFFFFF url(images/ctbg.gif) repeat-x;
width: 750px;
margin-top: 40px;
}
#contenu p {
color: black;
margin: 0.5em; /*gestion des espaces interparagraphes */
}
#topheader {
height: 89px;
border-bottom: 1px  #777777;
color: #ff6600;
width: 750px; }
#logo{
background: url(images/family2mini2.jpg) no-repeat 0 ;
margin-left: 20px; 
margin-top:-15px;
margin-bottom: -5px;
padding-left: 100px;
padding-top: 80px;
 }
#theader {
font-family: Impact, Sans-serif;
font-size: 36px; color: #303030;
margin-left: 20px; margin-top: -70px;
margin-bottom: -5px;
padding-left: 100px;
}

#theadert {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #ff6600;
padding-left: 140px; }

#mainbanner {
width: 560px;
height: 89px;
border-bottom: 1px solid #303030;
background: url(images/mainbanner2.jpg) no-repeat;
padding-top: 50px;
padding-left: 250px;
font-family: Rockwell;
font-size: 20px;
color: #FFF;
}
#nav {
border-top: 5px solid #303030;
width: 750px; }

#nav ul {
margin: 0 0 0 0; }

#nav li {
list-style-type: none;
display: inline;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px; }

#nav li a {
text-decoration: none;
color: white;
background:#303030 url(images/navbg2.gif) no-repeat;
width: 115px;
height: 17px;
padding-top: 5px;
display: block;
float: left;
text-align:center; }

#body {
float: none;
clear:both;
width: 750px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px; }
h1 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 20px;
color: #000;
margin: 0 0 20px 43px;
padding-top: 0px;
}
h2 {
font-family: Verdana, Arial, Helvetica, sans-serif;
letter-spacing: -0.8px;
font-size: 170%;
color: #303030;
margin: 0 0 0 0;
padding-left: 0%;
padding-top: 0%;
padding-bottom: 5%;
}
h3 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 20px;
color: #ff6600;
margin: 0 0 0 43px;
padding-top: 0px;
}
.footer {
width: 750px;
margin: 0 auto;
background:url(images/footer.gif) no-repeat;
height: 50px;
font-family: Verdana, Arial, Helvetica, sans-serif;
color:white;
font-size: 11px;
text-align: center;
padding-top: 60px;
}
.footer a {
color: #ff6600;
text-decoration: none; }
.footer a:visited { 
color: #ffffff; 
text-decoration: none;
font-family:Arial,Verdana; 
}
.footer a:hover {
color: #ffffff;
text-decoration: underline ;
}
#p404 {
margin: 0 auto;
padding-top: 20px;
width: 400px;
height: 200px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
}


#recentnews { 
width: 700px;
padding-left: 50px; 
}
#recentnews a {
color: #ff6600;
text-decoration:none; }

div.content {
width: 740px;
padding: 5px;}

#content3.hr{
height:0px;
border-top: 2px #FF6600;
}
hr {

height: 0px;
border-top: 2px #FF6600;}

#blogleft {
width: 740px;
padding: 5px;
float: left;}

#guestleft {
width: 740px;
float: left;}

span.blogged {
width: 100%;
height: 20px;
border-top: 1px solid #222222;
background-color: #e4e4e4;
display: block;
margin-top: 5px;}

.post {
width: 650px;
margin: 0 auto;
padding-top: 5px;
padding-bottom: 10px;}

#body a {
color: #ff6600;
text-decoration: none; }

label {
margin-left: 50px;
width: 150px;
height: 20px;
display: block;
float: left; }

b {
color: #000000;}

strong {
color: #000000;}

span.blogged1 {
width: 64.5%;
height: 20px;
border-top: 1px solid #222222;
background-color: #e4e4e4;
display: block;
margin-top: 5px;}

#security {
width: 400px;}
/**tableau**/
#tableau{

width: 90%;
margin-top:5%;
margin-left: auto;
margin-right: auto;    
}
#tableau td {
padding: 5px;

}
.type{
text-align: center;
font-weight:bold;
font-size: 10px;
}
.annee{
text-align: center;

font-size: 10px;
}
.prochaine{
text-align: center;

font-size: 10px;
}
.election{
text-align: center;

font-size: 10px;
}
.comment{
text-align: center;

font-size: 10px;
}
.titre {
text-align: center;
font-weight:bold;
font-size: 16px;
}
.titre2 {
text-align: center;
font-style:italic;
font-size: 10px;
}
.mois{
font-weight: bold;
text-align: justify;
width: 150px;

}
.lien{
text-align: left;
font-style: italic;
font-weight:bold;

}