/* CSS Document */
/* Positionnement */
*{
padding: 0;
margin: 0;
}
body
{
font-family:Arial, Helvetica, sans-serif;
font-size:0.75em;
color:#666;
background:url(../images/header.jpg) repeat-x;
}
#header { 
position:relative;
height:150px;
margin-bottom:10px;
}
#centre {
width:940px;
-width:950px;
margin:0 auto;
left:auto;
right:auto;
min-height:80%;
height:auto !important;
height:80%;
}
#gauche {
position:relative;
width:200px;
float:left;
}
#gauche img {margin-top:15px;}
#content {
position:relative; 
float:left;
width:508px;
margin-left:10px;
}
#article {
position:relative;
float:left;
background:url(../images/fond-article.jpg) bottom repeat-x;
min-height:120px;
height:auto !important;
height:120px;
padding:0px;
/*margin-bottom:7px;*/
margin-top:30px;
}
#article li {
list-style-type: disc;
color:#D0366C;
margin-bottom:7px;
}
#droite {
position:relative;
width:190px;
float:left;
margin-left:30px;
-margin-left:10px;
color:#fff;
}
#droite a { color:#fff;text-decoration:none;}
#droite a:hover { text-decoration:underline;}
#footer {
position: relative;
width:100%;
clear:both;
background:url(../images/fond-footer.jpg) repeat-x;
padding:45px 0px 30px 0px; 
margin-top:40px;
/margin-top:0px;
text-align:center;
color:#fff;
font-size:0.80em;
}
#footer table { width:100%; text-align:center;}
#footer a { color:#fff;text-decoration:none;}
#footer a:hover { text-decoration:underline;}
/*------------- TopMEnu-------------------*/
#topmenu a {
color:#666; 
text-decoration:none; 
font-weight:bold;
line-height : 15px;
}
#topmenu a:hover {color:#3D6CB4; }
#topmenu ul {
list-style-type:none;
width:770px;/*à modifier pour changer la place du menu top en largeur*/
}
#topmenu li {
position:relative;
width:90px;
height:25px;
line-height : 15px;
float:right;
background:url(../images/menu-top.jpg) no-repeat;
text-align:center;
margin-left:5px;
margin-top:105px;
padding-top:5px;
}
/*------ Mainmenu - installer ie6hover.htc ------------*/ 
#mainmenu li{
position:relative;
width:175px;
height:27px;
list-style-type:none;
background:url(../images/menu.jpg) no-repeat;
padding: 5px 0px 0px 20px;
/*-behaviour: hover.htc ;*/
}
#mainmenu li a {
color:#fff;
font-weight:bold;
text-decoration:none;
line-height:27px;
}
#mainmenu li:hover {
background-image:url(../images/menu-hover.jpg);
height:auto;
}

#mainmenu li ul {
clear:both;
display:none; 
}
#mainmenu li:hover ul{
display:block;
clear:both;
margin:0px 0px 10px 0px;
height:auto;
padding:0px;
}
#mainmenu li ul li {
width:160px;
height:1.5em;
background-image:none;
margin:0px;
padding:0px;
}
#mainmenu li ul li:hover {
background-image:none;
height:1.5em;
padding:0px;margin:0px;
}
#mainmenu li li a {color:#666;}
#mainmenu li li a:hover {color:#D0366C;}
/*-------------- Vignettes ---------------*/
#vignettes {width:530px;padding:0px;margin:-10px 0 0px 0;}
#vignettes img {position:relative;float:left;margin:7px 7px 0 0;}
/*------------ Habillage-----------------*/
.logo {
position:relative;
margin-top:20px;
float:left;
}
a img {border:none;}
.blocbleu{
background:url(../images/blocbleu.jpg) no-repeat;
}
.blocrose{
background:url(../images/blocrose.jpg) no-repeat;
}
.blocrosegauche{
background:url(../images/menu-hover.jpg) no-repeat;
width:192px;
height:25px;
padding: 5px 0px 0px 0px;
color:#fff;
text-align:center;
margin-top:2px;
}
.blocbleu, .blocrose{
width:180px;
height:25px;
padding: 5px 0px 0px 0px;
text-align:center;
}
.temoignage {margin-top:5px;}
#droite table.moduletable {background:#1F2992 url(../images/fond-droite.jpg) no-repeat; width:180px;padding:10px;margin-bottom:20px; font-weight:bold;}
#droite table.moduletable th {text-align:left;padding-left:10px;}
#droite table.moduletable td {padding:5px;}
#droite form label, #droite form a {font-weight:normal; text-align:left;}
#droite form input .inputbox {width:150px;}
/*----------------Plan du site------------------------*/
#article ul { padding:10px; margin-left:10px;}
#article ul.level_ li{
list-style-type: none;
background:url(../images/puce.jpg) 0px 2px no-repeat;
padding:0px 0px 0px 20px;
margin-bottom:5px;
font-weight:bold;
font-size:1.2em;
}
#article ul a {text-decoration:none; color:#666;}
#article ul a:hover {color:#3D6CB4;}
#article ul.level_ ul.level_1 li{
list-style-type: square;
background-image:none;
padding: 0px;
color:#D0366C;
font-weight:normal;
font-size:0.8em;
}
#article ul.level_ ul.level_1 li a{
color:#666; text-decoration:none;
}
#article ul.level_ ul.level_1 li a:hover{
color:#D0366C;
}
#article ul.level_ ul.level_2 li{
list-style-type: disc;
background-image:none;
padding: 0px;
color:#3D6CB4;
font-size:1em;
}
#article ul.level_ ul.level_2 li a:hover{
color:#3D6CB4;
}
/*-----------------Liens----------------*/
#article a {color:#3D6CB4;} 
/*------------ Titrages-----------------*/
#article h2.menutitle, #article .contentheading  {display:none;}
h1 {font-size:1.6em; background:#F5F5F5;padding:10px;margin-bottom:20px;}
#article h3, #article div.componentheading { 
color:#3D6CB4;
font-weight:bold;
font-size:1.3em;
/*text-transform:uppercase; */
padding:7px 10px 5px 10px; 
margin:0px 0 10px 0;
}
#article h5 {
color:#D0366C;
font-weight:bold;
font-size:1.1em;
margin-top:7px;
}
#article h4, h2, h6,h7, h5 {padding-left:10px;}
#article p {padding:5px 10px 5px 10px;}
/*----couleurs--------*/
.bleu {color:#3D6CB4;}
.rose {color:#D0366C;}
.gris {color:#666;}
.grand {font-size:1.2em;}
#flag {position:absolute; top : 45px; left : 50%; margin-left:280px;}