﻿/* ---------------sous nav-------------- */
#submenu{display:block;

margin:0;
padding:0;
 }
#submenu ul{
margin:0;
list-style-type:none;
padding-left:150px;
background:#DF2957;
width:850px;}
#submenu ul li{
text-align: left;
margin: 0;
padding: 0;
width:auto;
line-height:30px;
display: inline;
font-size:12px;font-family:"Trebuchet MS", Trebuchet, Arial;color: white;text-decoration: none;}

#submenu ul li a:visited,
#submenu ul li a:active,
#submenu ul li a:link
 {
color: #000000;
text-decoration: none;
margin: 0;
padding: 0;
line-height:30px;
display: inline;
padding: 0;
border: 0px;
font-size:12px;font-family:"Trebuchet MS", Trebuchet, Arial;font-weight:bold;color: white;text-decoration: none;}

#submenu ul li a:hover ,
#submenu ul li a:focus
 {
font-weight:bold;
margin: 0;
padding: 0;
line-height:30px;
display: inline;
font-size:12px;font-family:"Trebuchet MS", Trebuchet, Arial;font-weight:bold;color: white;text-decoration: underline;}

/* ---------------échelle-------------- */
#echelle {
width: 638px;
/* correction pour Opera */
margin: 0px ;
padding: 0px;
display: block;
float:left;CLEAR:BOTH;
font-family:"Trebuchet MS", Trebuchet,  Arial; font-size: 12px; color: #DF2957; text-decoration: none;}
#echelle a:link,#echelle a:visited,#echelle a:active{  font-family:"Trebuchet MS", Trebuchet,  Arial; font-size: 12px; color: #DF2957; text-decoration: none}
#echelle a:hover{  font-family:"Trebuchet MS", Trebuchet, Arial; font-size: 12px;  color: #DF2957; text-decoration: underline}

/* ---------------Hn-------------- */
/*h1 { height:12px;margin:0px;padding:0px;line-height:12px;font-family:"Trebuchet MS", Trebuchet, Verdana, Arial, Helvetica, sans-serif; font-size: 11px;  color: gray; text-decoration: none;font-weight:normal;}
h1 a:link,h1 a:visited,h1 a:active{ margin:0px;padding:0px; line-height:12px; font-family:"Trebuchet MS", Trebuchet, Verdana, Arial, Helvetica, sans-serif;font-size: 11px; color: gray; text-decoration: none;font-weight:normal;}
h1 a:hover{ margin:0px;padding:0px; line-height:12px; font-family:"Trebuchet MS", Trebuchet, Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #DF2957; text-decoration: underline;font-weight:normal;}
*/
h1 {font-family:"Trebuchet MS", Trebuchet, Verdana, Arial, Helvetica, sans-serif;display:block;float:left;
width:558px;_width:538px;padding-left:120px; font-size: 26px;  color:#DF2957;
background-image: url('/images/bgtitle.gif');
background-repeat:no-repeat;line-height:44px;text-decoration: none;margin:0px 0px 5px 0px;}
h2 {width:100%;padding-left:10px;margin:0px;  line-height:26px;font-family:"Trebuchet MS", Trebuchet, Verdana, Arial, Helvetica, sans-serif; font-size: 18px;  color: #DF2957; text-decoration: none;font-weight:normal;}
.col_left_list h3 {margin:0px;padding:0px;  line-height:20px;font-family:"Trebuchet MS", Trebuchet, Verdana, Arial, Helvetica, sans-serif; color:#DF2957;font-size:16px;font-weight:bold; text-decoration: none;}
.col_left_list h3 a:link,.col_left_list h3 a:active,.col_left_list h3 a:visited { margin:0px;padding:0px; line-height:20px;font-family:"Trebuchet MS", Trebuchet, Verdana, Arial, Helvetica, sans-serif;color:#DF2957;font-size:16px;font-weight:bold;text-decoration: none;}
.col_left_list h3 a:hover{ margin:0px;padding:0px;   line-height:20px; font-family:"Trebuchet MS", Trebuchet, Verdana, Arial, Helvetica, sans-serif; color:#DF2957;font-size:16px;font-weight:bold; text-decoration: underline;}

/* ---------------titres rubriques-------------- */
.big_col_center_title {margin-bottom:5px; width:673px; padding:5px;float:left;background:white;border:1px solid #cccccc;}

/* ---------------col left-------------- */
.small_content .small_content_img{text-align: center;  float: left; display: block; margin: 0px 0px 5px 0px;height:61px;width:160px;border-bottom: 7px solid #DF2957;}
.small_content h2 {text-align: left;margin:0px;padding:0px;margin-bottom:5px;font-family:"Trebuchet MS", Trebuchet, Verdana, Arial, Helvetica, sans-serif; font-size: 18px;font-weight:normal;  color: #DF2957; text-decoration: none}
.small_content a {text-align: left;margin:0px;padding:0px}
.small_news_content { margin:5px 0px 5px 0px; padding:5px;width:310px; float:left;border-right:5px solid #DF2957;border-top:1px solid #cccccc; border-bottom:1px solid #cccccc;border-left:1px solid #cccccc;}
	
/* ---------------liste colonne gauche-------------- */
.col_left_list { margin-bottom:5px; width:468px; padding:5px;float:left;background:white;border:1px solid #cccccc;  font-family:"Trebuchet MS", Trebuchet, Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: gray; text-decoration: none;font-weight:normal;}
.col_left_list a:link,.col_left_list a:active,.col_left_list a:visited{ font-family:"Trebuchet MS", Trebuchet, Verdana, Arial, Helvetica, sans-serif;font-size: 11px; color: gray; text-decoration: none;font-weight:normal;}
.col_left_list a:hover{   font-family:"Trebuchet MS", Trebuchet, Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #DF2957; text-decoration: underline;font-weight:normal;}

.col_left_list .quick_list { margin-bottom:5px; padding:0px;width:468px; float:left; }
.col_left_list .quick_list span {display:block;width:116px;float:left;}
.col_left_list .quick_list span a:link,.col_left_list .quick_list span a:active,.col_left_list .quick_list span a:visited{width:101px;padding-left:15px;}
.col_left_list .quick_list span a:hover{width:101px;padding-left:15px; background-image: url('/images/common/fleche_red.gif');background-repeat:no-repeat;}

.col_left_list .liste {position:relative;margin:0px;float:left;padding:5px 5px 5px 5px;width:456px;display:block;background-image: url('/images/bgliste.gif');background-repeat:repeat-x;}
.col_left_list .liste_intro {margin:0px;float:left;padding:0px;width:456px;}
.col_left_list .note{margin:0px;padding:0px;width:110px;height:20px;float:left;}
.col_left_list .liste_img img{border:0px;margin:5px 5px 0px 0px;padding:2px;background:white;border:1px solid #cccccc;width:130px;_width:130px;height:auto;vertical-align:middle;}
.col_left_list .liste_img{float:left;width:141px;text-align:center;}
.col_left_list .liste p{display:block;margin:5px 0px 5px 0px; padding:0px;}
.col_left_list .liste p a:link,.col_left_list .liste p a:active,.col_left_list .liste p a:visited,.col_left_list .liste p a:hover {color:#DF2957;}

.col_left_list .liste_in_title{float:left;width:346px;display:block;}
.col_left_list .liste_in_type{float:left;width:193px;display:block;font-size:11px;font-weight:normal;}
.col_left_list .liste_in_type a:link,.col_left_list .liste_in_type a:active,.col_left_list .liste_in_type a:visited,.col_left_list .liste_in_type a:hover {color:black;font-size:14px;font-weight:normal;}
.col_left_list .com{line-height:25px;height:25px;padding-left:35px; background-image: url('/images/comment/comments.gif');background-repeat:no-repeat;margin:0px;width:75px;float:left;}

.col_left_list .nextpage {width:448px;line-height:25px; text-align:center;font-size:14px;float:left}
.col_left_list .nextpage a {width:448px;color:#DF2957; text-align:center;font-size:14px;font-weight:bold;}

.menu_outil{text-align:center;width:100%;float:left;margin:10px 0px 0px 0px;padding:3px 0px 0px 0px;border-top:1px dashed #DF2957;}
.menu_outil a:link,.menu_outil a:visited,.menu_outil a:active,.menu_outil a:hover{font-weight:bold;}
.menu_outil .react{float:left;padding-left:20px;padding-right:50px;height:20px;line-height:20px;background-image: url('/images/comment/reagir.jpg');background-repeat:no-repeat;}
.menu_outil .send{float:left;padding-left:20px;padding-right:20px;height:20px;line-height:20px;background-image: url('/images/comment/envoyer.jpg');background-repeat:no-repeat;}
.menu_outil .facebook{float:left;padding-left:20px;padding-right:50px;height:20px;line-height:20px;background-image: url('/images/comment/facebook.jpg');background-repeat:no-repeat;}
.menu_outil .twitter{float:left;padding-left:20px;height:20px;line-height:20px;background-image: url('/images/comment/shareTwitter.gif');background-repeat:no-repeat;}




/* ---------------liste colonne centre-------------- */
.col_center_list { margin-bottom:10px; padding:5px;width:188px; float:left;background:white;border:1px solid #cccccc; }
.col_center_list a:link,.col_center_list a:active,.col_center_list a:visited{ font-family:"Trebuchet MS", Trebuchet, Verdana, Arial, Helvetica, sans-serif;font-size: 11px; color: gray; text-decoration: none;font-weight:normal;}
.col_center_list a:hover{   font-family:"Trebuchet MS", Trebuchet, Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #DF2957; text-decoration: underline;font-weight:normal;}

.col_center_content span{float:left;display:block;}



