body{
background-color: #D7DFE2;
margin:0px;
padding:0px;
font: 12px  trebuchet MS, arial, helvetica;
color: #000000;
line-height:16px;
}
h1{
padding:5px 0 5px 0;
margin:0px;
font-size:18px;
color:#FFFFFF;
}
h2{
padding:5px 0 5px 0;
margin:0px;
font-size:16px;
color:#ff9933;
}
h3{
padding:5px 0 5px 0;
margin:0px;
font-size:16px;
color:#009999;
}
h4{
padding:10px 0 5px 0;
margin:0px;
font-size:14px;
color:#009999;
}
h5{
padding:5px 0 5px 0;
margin:0px;
font-size:14px;
color:#ff9933;
}
h6{
padding:5px 0 5px 0;
margin:0px;
font-size:14px;
color:#009999;
}
p{
text-align:justify;
padding:2px 0 2px 0;
margin:0px;
line-height:20px;
}

p.white{
color:#FFFFFF;
}
p.green{
color:#009999;
}
p.clear{
clear:both;
padding:10px 0 0 0;
}


#main_container{
width:900px;
height:auto;
margin:auto;
background-color:#FFFFFF;
}
#header{
width:900px;
height:auto;
margin:auto;
}
#logo{
padding:0px 0 0 0px;
float:left;
}
/*----------------------menu-------------------------*/
#menu{
width:900px;
height:42px;
padding:0px;
clear:both;
background-color:#ff9933;
}
#menu ul{
list-style:none;padding:0 0 0 180px;margin: auto;display: block;
}
#menu ul li{
list-style:none;display: inline;float:left;width:auto;height:42px;padding:0px;line-height:42px; font-family:Arial, Helvetica, sans-serif; font-size:13px;
}
#menu ul li a{
height:42px; width: auto;float:left;text-decoration:none;padding:0 0 0 25px; margin:0px 3px 0px 3px;color:#fff;text-align:center;
}
#menu ul li a:hover{
height:42px;width: auto;text-decoration:none;color: #fff;padding:0 0 0 25px; background:url(images/menu_arrow.gif) no-repeat left;
}
#menu ul li a.current{
height:42px;width: auto;float:left;text-decoration:none;padding:0px;color: #fff;padding:0 0 0 25px; background:url(images/menu_arrow.gif) no-repeat left;
}

#menu_rubrique ul
{
list-style-type:none;
padding:0px;
margin:0px;
font-size:11px;
}
#menu_rubrique li
{
width:auto;
padding-bottom:10px;
}

#menu_rubrique li a
{
color: #009999;
text-decoration:none;
}

#menu_rubrique li a:hover
{
color: #ff9933;
text-decoration:none;
}


.topic_title
{
padding:10px 0 5px 0;
margin:0 0 50px 0;
font-size:16px;
color:#009999;
text-decoration:none;
line-height:25px;
}


.topic_content
{
display: block;
}
.question
{
padding:5px 0 5px 0;
margin:0px;
font-size:14px;
text-decoration:none;
color:#ff9933;
}
.answer
{
padding:5px 0 5px 0;
margin:0px;
font-size:12px;
color:#000000;
display: block;
}

.liste
{
padding: 0px;
margin-left: 20px;
margin-top: 5px;
font-size: 12px;
letter-spacing: auto;
word-spacing: auto;
line-height: 0px;
}

.liste ul
{
padding: 0px;
margin-left: 20px;
margin-top: 5px;
letter-spacing: auto;
word-spacing: auto;
}

.liste li
{
list-style-type: disc;
list-style-image: url(images/bullet.gif);
line-style-position: outside;
line-height: 16px;
width:auto;
padding:0px;
margin-bottom:5px;
}

.liste li a
{
color: #009999;
text-decoration:none;
}



/*----------------middle green box-----------*/
.green_box{
width:900px;
height:150px;
clear:both;
background:url(images/green_box_bg.jpg) no-repeat ;
}

#start_quizz{
width:200px;
height:150px;
padding:0 0 0 0;
float:right;
}

.read_more{
width:101px;
height:29px;
float:right;
padding:10px;
background:url(images/read_more_bg.gif) no-repeat center;
line-height:29px;
text-align:center;
}
.read_more a{
text-decoration:none;
color:#FFFFFF;
}
.read_more_link{
width: auto;
float:right;
padding:3px 25px 3px 0;
background:url(images/orange_bullet.gif) no-repeat right;
}
.read_more_link a{
text-decoration:none;
color:#f7941d;
}
/*----------------------left navigation-------------------------*/
#left_nav{
width:280px;height: auto;padding:5px 0 0 0; float:left;
}
#left_nav ul{
list-style:none;margin: auto;display: block; padding:0px;
}
#left_nav ul li{
list-style:none;display: block;width:auto;height:29px;padding:0px;line-height:29px;
}
#left_nav ul li a{
height:29px;display: block; width:280px;text-decoration:none;padding:0 0 0 35px; margin:7px 0 7px 0;color:#6898ac;background:url(images/left_nav_arrow.gif) no-repeat left; border-bottom:1px #bedf77 dashed;
background-position:0px 0px;
font-size:13px;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
}
/*--------------------------main_content-------------------*/
#main_content{
width:auto;
height:650px;
padding:5px;
}

#left_content{
width:150px;
height:auto;
float :left;
padding:10px;
background:url(images/left_content_bg.gif) repeat-x top;
}

#middle_content{
width:510px;
height:auto;
text-align:justify;
margin:0 10px 0 10px;
padding:10px;
float :left;
background:url(images/left_content_bg.gif) repeat-x top;
overflow:auto;

}
#right_content{
width:125px;
height:600px;
float :left;
padding:0px;
border: 0px dashed;
}

#news{
width:190px;
height:50px;
float :left;
padding:10px;
overflow:hidden;
}

back_to_top{
width:70px;
float:right;
text-align:right;
}

/*----------------------news_archive list-------------------------*/
.news_archive{
width:190px;
height: auto;
padding:10px 0 0 10px;
float:left;
}
.news_archive ul{
list-style:none;padding:10px 10px 10px 10px;margin:0px; width:190px;float:left;
}
.news_archive ul li{
list-style:none;width:180px;height: auto;padding:0px; line-height:26px;
}
.news_archive ul li a{
width: 180px;text-decoration:none;padding:0 0 0 20px; margin:6px 0px 6px 0px;color:#000;text-align:left;
background:url(images/bullet.gif) no-repeat left; background-position:0px 0px;
}
.news_archive ul li a:hover{
width: 180px;text-decoration:underline;color: #000;
}

.contact_info_box{
width:481px;
height:116px;
margin:5px;
background:url(images/contact_info_bg.gif) no-repeat center;
}
.contact_info_title{
font-size:14px;
color:#7ea743;
padding:10px 0 0 15px;
font-weight:bold;
}
.contact_info{
float:left;
padding:15px 10px 5px 13px;
}
.adress{
clear:both;
padding:10px 0 0 20px;
}

/*-----------------------contact_form-------------------*/
#contact_form{
width:400px;
height:auto;
padding:10px 0 0 60px;
}
.form_row{
float:left;
padding:4px 0 4px 0;
}
label{
width:70px;
float:left;
padding:3px 5px 0 0;
color:#59a5bf;
text-align:right;
}
input.contact_input{
width:300px;
height:18px;
float:left;
border:1px #ced6ec solid;
background-color:#dbedf3;
color: #000;
}
textarea.contact_textarea{
width:300px;
height:300px;
float:left;
border:1px #ced6ec solid;
background-color:#dbedf3;
color: #000;
}
.send a{
width:62px;
height:24px;
display: block;
background:url(images/send_mail.gif) no-repeat center;
background-position:0px 0px;
line-height:22px;
color:#FFFFFF;
text-decoration:none;
padding-left:40px;
float:left;
margin-top:20px;
margin-left:175px;
}
/*--------------wide_content-----------*/
#wide_content{
width:auto;
padding:10px 20px 10px 20px;
}


/*-----------------------------footer------------------*/
#footer{
clear:both;
width: auto;
height:37px;
color: #fff;
background-color:#ff9933;
}
.copyright{
float:left;
padding-left:10px;
padding-top:10px;
}
.footer_links{
float:right;
padding-right:15px;
padding-top:13px;
}
.footer_links a{
text-decoration:none;
color: #fff;
padding-left:10px;
}
.footer_links a:hover{
text-decoration:underline;
color: #fff;
}