/* -------------------------- Feuille de style pour écran - Style standard ------------------------ */
/* --------------------------------------------- MCI - 2009 -------------------------------------- */

/* ------------------------- 1. Reset CSS ------------------------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0;	padding: 0;	border: 0;	outline: 0;	font-weight: inherit;	font-style: inherit;	font-size: 100%;	font-family: inherit; vertical-align: baseline;}
:focus { outline: 0;}
body {}
table { border-collapse:collapse; border-spacing: 0;}
caption, th, td {text-align: left; font-weight: normal;}

/* ---------------------------- Styles Principaux ---------------------*/

body {
	font-family: Verdana, Arial, sans-serif;
	background:#fff;
	color:#1f7ea5;
	margin:0 auto;
	font-size:11px;
	text-align:justify;
}

a {
	color:#666;
	text-decoration:none;
}

a:hover {
	color:#999;
}

strong {
	font-weight:bold;
}

em {
	font-style:italic;
}

h1,h2,h3,h4,h5,h6 {
clear:both;
color:#0F50A4;
}

p {
margin: 0 0 5px 0;

}


ul {
	padding:0;
	margin:0;
	clear:both;
}

li {
	padding:0;
	margin:0;
	list-style:none;
}

ul ul {
	padding:0;
	margin:0;
}


caption {
	display:none;
}

hr {
border:none;
clear:both;
color:#fff;
height: 1px;
border-bottom:1px dashed #e1e1e1;
}
/*Petite explication sur la mise en forme des listes de définition (dl, dt, dd):
Les listes de définitions proposent une mise en forme en ligne.
La definition est calée sur la droite du terme défini à l'aide de "position"
Pour régler la largeur des cellule il ne faut pas oublier de redéfinir la largeur du dt et la position left du dd*/

dl {
background: url(../img/tiret.gif) repeat;
margin:50px 0 10px 0;
padding:0 10px;
}

dt {

width: 300px;
height:10px;
font-weight: bold;

}

dd {
position:relative;
top:-10px;
left:300px;
width: 220px;
height:10px;

}



blockquote {
clear:both;
width:550px;
color:#0E4CA1;
background:#fff;
padding:5px 10px;
margin: 20px 0 10px 10px;
font-weight:normal;
border:solid 1px #0E4CA1;
border-left:solid 2px #0E4CA1;
}



blockquote .colonne {
width:250px;
margin:0 0px 0 10px;
padding:0 10px;
float:left;
border-left:dashed 1px #e1e1e1;
}


table {
border:solid 1px #D0D0DC;
background:#fff;
}

td, th {
padding:5px;
border-bottom:solid 1px #D0D0DC;
}

tr {
border:none;
}

th {
border:0;
border-collapse:collapse;
padding:5px;
}

table.prog {
border:solid 1px #D0D0DC;
background:#fff;
}

table.prog td {
padding:5px;
border:solid 1px #D0D0DC;
}

table.prog tr {
border:none;
}

table.prog th {
border:0;
color:#336699;
border-collapse:collapse;
background:#e0f5ff;
padding:10px 5px;
border:solid 1px #D0D0DC;
}



.imgcontent {
padding:5px;
float:left;
}

a img {
border:1px solid #ccc;
}

a:hover img {
border:1px solid #433276;
}

.laquo {
font:normal 36px Georgia, "Times New Roman", Times, serif;
color:#e1e1e1;
line-height:inherit;
position:relative;
left:-5px;
}


/* ------------------- Mise en forme principale ----------------*/
#fond {
width:920px;
float:left;
background:#fff url(../img/fond.gif) repeat-y;
}

#contenant {
width:920px;
margin:0 auto;


}

/*------------- header------------------------*/

#header {
width:920px;
height:310px;
float:left;
}

#head1 {
width:920px;
height:310px;
background:url(../img/bandeau-bodv2.jpg) no-repeat top center;
}

#contenu {
width:920px;
}

/*-------------------------------- menu ------------------------- */

#contenu-gauche {
width:230px;
float:left;
position:relative;
top:20px;
text-align:left;
}


#menu-haut{ 
background: url(../img/haut-menu.png) no-repeat;
width:230px;
height:10px;
float:left;
}

#menu-bas{ 
background: url(../img/bas-menu.png) no-repeat;
width:230px;
height:8px;
float:left;
}
#menu-centre{ 
background: url(../img/menu-fond.png) repeat-y;
float:left;
width:230px;

}
#menu-degrade{ 
background: url(../img/menu-degrade.png) repeat-x;
float:left;
position:relative;
left:6px;
width:216px;

}

#menu-degrade ul{
margin: 5px 0 0 0;
}

#menu-degrade li{
list-style:none;
width:216px;
border-bottom: 1px solid #c5c5c5;
}

#menu-degrade li a {
color:#0E4CA1;
width:206px;
font:bold 11px Arial, Verdana, sans-serif;
text-decoration:none;
display:block;
padding:5px 0 5px 10px;
}

#menu-degrade li a:hover {
color:#1f9cd6;
background:#DCE3F3;
}

#menu-degrade li a.selected {
color:#1f9cd6;
}

#menu-degrade h2 {
margin:10px;
width:200px;
font:bold 11px Verdana, Arial, sans-serif;;
}

#menu-degrade p {
padding:0 0 0 10px;
width:200px;

}

/* ---------------------------- Contenu central--------------------- */

#contenu-centre{
width:600px; 
float:left;
position:relative;
margin:25px 10px 20px 30px;
padding:10px;
color:#333;
background:#EAF9FE;
}

#contenu-centre a{
color:#7DBCDF;
border-bottom:underline;
}

#contenu-centre a:hover{
color:#666;
}

#contenu-centre a img{
padding:5px;
margin:5px 5px 5px 0;
border:1px solid #cccc;
border:1px solid #cccc;
}

#contenu-centre  h1{
font:normal 18px Verdana, Arial, sans-serif;;
margin:0 0 10px 0;
width:600px;
}

#contenu-centre h2 {
font: bold 14px arial;
margin:30px 0 20px 0;
}

#contenu-centre h3 {

font-size:12px;
font-weight:bold;
padding:0 0 5px 0;
margin:15px 0 15px 0;
width:600px;
}

#contenu-centre h4 {
font-size:12px;
font-weight:normal;
padding:0 0 5px 0;
margin:15px 0 0 0;
}

#contenu-centre p {
font: normal 12px arial;
margin:0 0 10px 0;
line-height:1.6em;
}

#contenu-centre ul {
padding:5px 0 0 10px;
margin:0 0 0 10px;
list-style:disc;
font: normal 12px arial;
}

#contenu-centre ol {
font: normal 12px arial;
}

#contenu-centre ul li{
padding:0 0 5px 10px;
list-style:disc;
}

#contenu-centre ol li{
padding:0 0 5px 10px;
margin:0 0 0 20px;
list-style:decimal;
}
/* registration form*/

#contenu-centre form {
float:left;
margin:0 0 30px 0;
}

#contenu-centre label{
float:left;
width:200px;
text-align:right;
margin:5px;
color:#1F9CD6;
font-weight:bold;
}

#contenu-centre .question{
clear:both;
width:500px;
text-align:left;
font:bold 12px arial, verdana;
color:#1F9CD6;
}

#contenu-centre input, #contenu-centre textarea, #contenu-centre select{
float:left;
width:250px;
text-align:left;
margin:5px;
border:1px solid #ccc;
background:#fff;

}
#contenu-centre textarea {
overflow:hidden;
}
#contenu-centre input.check{
width:30px;
margin:5px;
border:none;
background:#efefef;
}

p.attend{
clear:both;
text-align:right;
color:#7DBCDF;
font:bold 12px arial, verdana;
padding: 20px 100px 0 0;
}

p.mentions{
clear:both;
text-align:center;
font:normal 10px arial, verdana;
font-style:italic;
margin: 5px 0 0 200px;
}

#contenu-centre input#button{
clear:both;
margin:0 0 20px 250px;
padding:5px;
width:200px;
text-align:center;
border:none;
background-color:#7DBCDF;
font:bold 12px arial, verdana;
-moz-border-radius: 5px;
color:#fff;
}
#contenu-centre input#button:hover{
background-color:#1F7EA5;
}

#contenu-centre input[type=radio] {
width:20px;
}

#contenu-centre .clair{
color:#aebbd5;
}

/*-------------------------------footer-------------------------------------------*/

#footer {
width:920px;
float:left;
height:80px;
background: url(../img/footer.png) no-repeat;
margin:0 0 50px 0;

}

#footer p{
text-align:center;
color:#999;
padding:25px 5px 0 0;
font:normal 11px arial;
}
#footer p a{

color:#999;
}

#footer p a:hover{
color:#666;
}


/* -----------styles génriques --------------------*/

.nofloat {
clear:both;
}

.noDisplay {
	position:absolute;
	left:0;
	top:-500px;
	width:1px;
	height:1px;
	overflow:hidden;
}