/*General*/
*{
margin:0;
padding:0;
}

body{
width:100%;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
line-height:130%;
background-color:#2466fc;
background-image:url('../images/testbg.jpg');
background-repeat:repeat-x;
}

legend{

color:#0D3E8A;

font-size:15px;

margin-top:10px;

margin-bottom:15px;

padding-bottom:3px;

padding-left:10px;

padding-right:20px;

font-weight:600;

font-style:italic;

}


#conteneur{
width:850px;
margin-bottom:15px;
margin-left:auto;
margin-right:auto;
}
/* entete */

#entete{
width:850px;
height:315px;
}

#entete ul{
color:white;
font-size:13px;
font-weight:bold;
list-style:none;
position:relative;
top:280px;
left:580px;
}

#entete li{
display:inline;
padding-right:30px;
}

#entete li a{
color:white;
text-decoration:none;}

#entete li a:hover{
color:grey;}

/* navigation */

#nav{
width:850px;
height:30px;
background-color:#01317d;
}


/* section principale */
#principale{
width:850px;
min-height:500px;
text-align:justify;
background-color:#01317d;
}


#princGauche{
width:280px;
min-height:500px;
color:white;
float:left;
}

#princGauche img{
border:2px #617ca9 outset;}


#princDroite{
width:540px;
min-height:500px;
padding-left:15px;
padding-right:15px;
background-color:white;
float:left;
background-image:url('../images/backgroundaccueil.jpg'); 
background-position: bottom right; 
background-repeat: no-repeat;
}

#princDroite p{
margin-bottom:15px;}

#princDroite h1{
width:535px;
height:28px;
font-size:18px;
padding-top:12px;
padding-bottom:3px;
padding-left:5px;
margin:auto;
margin-top:10px;
margin-bottom:10px;
color:white;
background-image: url('../images/titres.png');
background-repeat:no-repeat;
background-position:right;
}

#princDroite h3{
width:270px;
color:#0D3E8A;
font-size:15px;
margin-top:35px;
margin-bottom:15px;
padding-bottom:3px;
border-bottom: thin black solid;}

#princDroite ul{
padding-left:20px;}

#princDroite ul li{
padding-bottom:10px;}

#princDroite ol{
padding-left:25px;}

#princDroite ol li{
padding-bottom:10px;}

#princDroite a{
color:#0D3E8A;
}

#princDroite a:hover{
color:grey;
}

.quote{
color:#083471;
font-style:italic; 
font-weight:bold;
font-size:12px;
padding-bottom:20px;}


/* accueil */

#accueil{
width:540px;
padding:5px;
padding-left:10px;
padding-top:7px;
height:178px;
background-image:url('../images/cadrebleu.png');
}

#accueil img{
margin-bottom:38px;}


/* Formulaire */

#infosPerso label{

	width:150px;

	float:left;	

	text-align:right;

	padding-right:10px;


}


/* defilement */

#marqueecontainer{
position: relative;
width: 200px;
height: 100px; 
overflow: hidden;
border:2px #617ca9 outset;
padding: 2px;
padding-left: 4px;
text-align:left;
}


/* pied de page */
#piedDePage{
width:850px;
height:17px;
padding-top:3px;
font-size:11px;
text-align:center;
color:white;
background-image:url('../images/navbuttons.jpg');
background-position:bottom;
border-top: 1px black solid;

}

#piedDePage a{
color:black;}



.clear{
clear:both;
}
.Midl {
	text-align: center;
}