/* CSS Document */

body{padding:0; margin:0; background:#FFFFFF}
.tab{border:0; border-color:#FFFFFF; background:#FFFFFF; text-align:center; width:960px;}
.tab1{border:0; border-color:#FFFFFF; background:#FFFFFF; text-align:left; width:960px;}
.img_head{ background: url(../images/corp_site_sndl.jpg) no-repeat; height:360px;}
.font_m{background:#D9E4D1;}
.content{margin-top:5px; height:270px;	}
.titre{margin-top:15px; margin-left:10px; height:25px; width:100%; text-align:left;}
.titre_fleche{  margin-left:2px; background:url(../images/fleche.png) no-repeat; margin-top:5px; height:13px; width:13px; float:left;}
.titre_content{ text-align:left; height:13px; margin-top:5px;  margin-left:19px; height:13px; }
.titre_content_text{font-family: Arial, Helvetica, sans-serif; font-style:italic; sans-serif; font-weight:bold; color:#333333; font-size:16px;}
.separateur{ background:url(../images/separ.png) repeat-y;}
.body_content_left{background:url(../images/im_font_g.jpg) no-repeat; height:126px; width:244; margin-left:12px; }
.sous_titre{margin-left:16px; margin-top:10px; text-align:left; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#000000; height:15px;}
.sous_titre_actu{margin-left:16px; margin-top:10px; text-align:left; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#000000; }

.body_content{margin-left:16px; margin-top:10px; margin-right:7px; text-align:left; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight: normal; color:#838A7E;  height: 70px; line-height:17px;}
.body_content_f{margin-left:16px; margin-top:10px; margin-right:7px; text-align:left; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight: normal; color:#000000;  height: 70px; line-height:17px;}
.body_content_ac{margin-left:16px; margin-top:10px; margin-right:7px; text-align:left; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight: normal; color:#838A7E;  line-height:17px;}

.body_content_actu{margin-left:16px; margin-top:10px; margin-right:7px; text-align:left; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight: normal; color:#838A7E; line-height:17px;}
.body_content2{margin-left:16px; margin-top:10px; margin-right:7px; text-align:left; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight: normal; color:#838A7E;  height:120px; line-height:17px;}
.btn_more{margin-left:16px; text-align:left;}
.condition{background:url(../images/puce.jpg) no-repeat; height:19px; width:20px; float:left;}
.ligne{ background:url(../images/ligne.jpg) repeat-x; text-align:left}
.ligne2{ background:url(../images/ligne2.jpg) repeat-x; text-align:left; background-color:#BCCEAF;}
.ligne3{ background:url(../images/ligne3.jpg) repeat-x; text-align:left; background-color:#D9E4D1;}

.newsletter{ height:105px; width:242px; margin-top:0px; background:url(../images/news_vide.jpg);}
.body_content_avant{ float:left; width:600px;}
.footer_l{ float:left; margin-top:0px; margin-left:10px; position:relative; height:30px; width:450px; }
.footer_r{ margin-top:0px; margin-left:300px; position:relative; height:30px; width:500px; }

.police{font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight: normal; color:#838A7E;}
.police_menu{color:#333333;font-family:Arial, Helvetica, sans-serif; font-size:13px; font-weight: normal;}
.bg_menu{background:url(../images/menu_tall.jpg) repeat-x;}
a { text-decoration:none; color:#333333; }
a:hover {color:#1691B2; text-decoration:underline;}
.active {color:#1691B2; text-decoration:underline;}
.menu {background: url(images/menu_tall.jpg) top repeat-x; height:65px;}
#menu .rightbg {background:url(images/menu_right.gif) top right no-repeat;}
#menu .leftbg {background:url(images/menu_left.gif) top left no-repeat; width:100%; height:65px;}
#menu .padding {padding:9px 0;}
#menu li {float:left; width:123px; background:url(images/menu_libg.gif) top right repeat-y; font-size:12px; text-align:center;  display:block;}
#menu li a {color:#919191; text-decoration:none; font-weight:normal; font-size:12px; display:block; padding:8px 0 5px 0;}
#menu li span{ display:block; }
#menu .last {background:none;}
.maj{ height:126px; width:100%; margin-left:16px; margin-top:10px; text-align:left;}
.apropos_text{margin-left:12px; margin-top:10px; height:100%; text-align:left; margin-right:15px; margin-right:15px;}
.newsletter_mail{ margin-left:18px; margin-top:60px; width:206px; height:25px; position: absolute;}
.titre_page{color: #333333}

#men .menuderoulant       /*----pour mon menu déroulant-------*/
{
display: none;          /*------pour le faire disparaitre------*/
list-style-type: none;  /*-------pas de puce-------*/
margin: 1px;              /*------pas de marge interne et externe ni bordure pour mettre tout le monde d'accord--------*/
padding: 0;
border: 1;
position:absolute;   /*------pour ne pas pousser un éventuel texte dessous-----*/
background-color:#f7f7f7;
/*background:url(../images/menu_tall.jpg) repeat-x;*/

}
#men .menuderoulant li         /*-------pour ma liste de deuxième niveau-------*/
{
margin-top: 15px;
margin-left:0px;
padding: 10;
/*border: 10px;*/
width: 140px;                /*----------je donne une largeur à mes cellules de sous menu----------*/
/*border-top: 1px solid transparent;       /*-----des bordures transparentes pour espacer mes cellules-----*/
/*border-right: 1px solid transparent;*/
/*border:1px;*/
color: #4f6b72;
}
#men .menuderoulant li a         /*---------pour mes liens du menu deroulant---------*/
{
display: block;
color: #333333;
margin: 0;
border: 1px;
text-decoration: none;
background:url(../images/menu_tall.jpg) repeat-x;
/*border-bottom: 1px solid gray;*/
/*background-color:#f7f7c7;*/
/*background-color:#f7f7f7;*/
/*background-color:#4f6b72;*/

}

#men .menuderoulant li a:hover       /*------pour le survol du sous menu-------*/
{
/*background-color: rgb(18, 89, 239);
background-color: rgba(18, 89, 239, 0.8);*/
color:#1691B2; text-decoration:underline;

}

#men .menuderoulant li a:visited {         /*---------pour permmetre au visiteur de savoir sur les liens qu'il a déjà visité--------*/
/*background-color:rgb(227, 22, 30);
background-color:rgba(227, 22, 30, 0.5);*/

}

#men li:hover > .menuderoulant { display: block; }    /*------pour faire apparaitre notre sous menu au survol du menu de premier niveau------*/