@charset "utf-8";
/* CSS Document */
body {
    background: #e7e7e7;
    font-family: Arial;
    font-size: 12px;
}

.body {
}

@font-face {
    font-family: 'HelveticaLTStdRoman';
    src: url('helveticaltstd-roman_2-webfont.eot');
    src: url('helveticaltstd-roman_2-webfont.eot?#iefix') format('embedded-opentype'),
    url('helveticaltstd-roman_2-webfont.woff') format('woff'),
    url('helveticaltstd-roman_2-webfont.ttf') format('truetype'),
    url('helveticaltstd-roman_2-webfont.svg#HelveticaLTStdRoman') format('svg');
    font-weight: normal;
    font-style: normal;

}

.float_right {
    float: right;
}

.float_left {
    float: left;
}

.align_right {
    text-align: right;
}

.align_left {
    text-align: left;
}

.align_center {
    text-align: center;
}

a {
	-webkit-transition: all 0.2s ease 0s;
	-moz-transition: all 0.2s ease 0s;
	-o-transition: all 0.2s ease 0s;
	-ms-transition: all 0.2s ease 0s;
	transition: all 0.2s ease 0s;
	text-decoration: none;
}
a:hover {
	text-decoration: none;
}
/* Textes */
.bg_blanc {
    background: #FFF;
}

.txt_noir {
    color: #000;
}

.txt_orange {
    color: #ec8800;
}

.txt_blanc {
    color: #fff;
}

.txt_rouge {
    color: #d31f0c;
}

.txt_gris {
    color: #4a4a4a;
}

.txt_g {
    color: #414141;
    font-size: 10px;
    font-family: Arial;
}

.txt_n {
    color: #000;
    font-size: 11px;
    font-family: Arial;
}

.txt_gris_fonce {
    color: #3f3f3f;
}

.txt_gris_clair {
    color: #757272;
}

.txt_pink {
    color: #e54634;
}

/* fonts */
.font_Arial {
    font-family: Arial;
}

.font_Helvetica {
    font-family: "HelveticaLTStdRoman", Arial;
}

/* Titres */
.titre_page {
    background: url(../image/gif/puce_titre1.gif) left 5px no-repeat;
    padding: 4px 20px 10px 25px;
    margin-bottom: 20px;
    font-family: "HelveticaLTStdRoman", arial;
    color: #000;
    font-size: 16px;
    border-bottom: 1px solid #ddd;
}


/* Added le 18 08 2016 AMINE */
.titre_succes{

font-family: arial;
    color: #32b43e;
    font-size: 16px;

} 



.titre1 {
    font-family: arial;
    color: #000;
    font-size: 18px;
}

.titre2 {
    font-family: arial;
    color: #e54634;
    font-size: 16px;
}

.titre3 {
    font-family: arial;
    color: #ea7707;
    font-size: 14px;
    margin-top: 4px;
}

/* Liens */
.lien_noir {
    font-family: Arial;
    color: #000;
    line-height: 16px;
}

.lien_paragraph {
    font-family: Arial;
    color: #000;
    line-height: 16px;
    text-decoration: underline;
}

.lien_paragraph:hover {
    text-decoration: none;
}

.lien_noir2 {
    font-family: Arial;
    color: #000;
    line-height: 16px;
}

.lien_noir2:hover {
    text-decoration: underline;
}

.lien_gris {
    font-family: Arial;
    color: #777;
    line-height: 16px;
}

.lien_gris:hover {
    text-decoration: underline;
}

.lien_blanc2 {
    font-family: Arial;
    color: #fff;
    line-height: 16px;
}

.lien_blanc2:hover {
    text-decoration: underline;
}

/* Paddings */
.padding10 {
    padding: 10px;
}

.padding05 {
    padding: 05px;
}

/* margins */

/* paragraphe */
.paragraphe {
    font-family: Arial;
    color: #000;
    font-size: 12px;
    line-height: 16px;
}

.paragraphe11 {
    font-family: Arial;
    color: #000;
    font-size: 11px;
    line-height: 16px;
}

.txt_17 {
    font-family: Arial;
    color: #000;
    font-size: 17px;
}

.txt_19 {
    font-family: Arial;
    color: #000;
    font-size: 19px;
}

.txt_29 {
    font-family: Arial;
    color: #000;
    font-size: 29px;
}

/**** Header ****/
.header {
    background: #FFF url(../image/gif/bg_top_page.gif) center top no-repeat;
    padding-top: 15px;
    position: relative;
    z-index: 222;
}

.header_interne {
    width: 960px;
    margin: auto;
}

.logo {
    display: block;
    width: 200px;
    margin: 10px;
    float: left;
    display: inline;
	margin-top:15px
}

.logo img {
     max-width:100%; height:auto
}

.bloc_right_meader {
    display: block;
    width: 720px;
    margin: 0 10px 0 10px;
    float: right;
}

.bloc_menu_recerche {
    display: block;
    border-bottom: 3px solid #eaeaea;
    padding: 3px 10px 6px;
}

.top_menu {
}

.top_menu li {
    display: block;
    float: left;
}

.top_menu li a {
    display: block;
    height: 15px;
    font-family: Arial;
    color: #6f6f6f;
    font-size: 11px;
    float: left;
}

.top_menu li a:hover {
    color: #e75747;
}

.top_menu li a.active {
    display: block;
    height: 15px;
    font-family: Arial;
    color: #e75747;
    font-size: 11px;
}

.top_menu li span {
    display: block;
    float: left;
    width: 19px;
    height: 15px;
    background: url(../image/gif/sep_menu.gif) center center no-repeat;
}

.bloc_recherche {
    width: 144px;
    height: 24px;
    background: #FFF;
    border: 1px solid #e3e4e6;
    padding: 0 5px;
    margin-left: 10px;
}

.input_recherche {
    background: none;
    border: 0;
    font-family: Arial;
    color: #6f6f6f;
    font-size: 11px;
    margin-top: 3px;
    height: 16px;
    width: 115px;
}

.bt_recherche {
    background: url(../image/gif/bt_recherche.gif) left top no-repeat;
    height: 24px;
    width: 26px;
    cursor: pointer;
}

.bloc_bank_en_ligne {
    background: url(../image/gif/bg_bank_en_ligne.gif) right top no-repeat;
    height: 86px;
   /* width: 800px;*/
}

.bloc_bank_en_ligne_link {
    float: right;
    margin-top: 15px;
    height: 52px;
    position: relative;
    z-index: 100;
    width: 200px;
    margin-left: 10px;
}

.link_bank_en_ligne {
    background: url(../image/gif/bt_bnk_ligne2.gif) left top no-repeat;
    height: 52px;
    width: 204px;
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
}

/*.link_bank_en_ligne:hover{background:url(../image/gif/bt_bnk_ligne.gif) left -52px no-repeat;}*/
.link_bank_en_ligne_active {
    background: url(../image/gif/bt_bnk_ligne2.gif) left bottom no-repeat;
    height: 52px;
    width: 204px;
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 3;
}

.desc_bank_en_ligne {
    display: none;
    position: absolute;
    top: 50px;
    right: 11px;
    z-index: 9;
    border: 1px solid #e3e4e6;
    background: #FFF;
    padding: 0 14px;
    width: 163px;
    border-top: none;
    -webkit-border-bottom-right-radius: 3px;
    -webkit-border-bottom-left-radius: 3px;
    -moz-border-radius-bottomright: 3px;
    -moz-border-radius-bottomleft: 3px;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
}

.desc_bank_en_ligne .img {
    display: block;
    height: 53px;
    width: 146px;
    overflow: hidden;
    margin-bottom: 10px;
}

.desc_bank_en_ligne .desc {
    display: block;
    margin-bottom: 10px;
    font-family: Arial;
    size: 11px;
    color: #000;
    width: 146px;
}

.desc_bank_en_ligne .desc:hover {
    text-decoration: underline;
}

.desc_bank_en_ligne .sep {
    width: 35px;
    background: url(../image/gif/sep_bank_ligne.gif) center top repeat-y;
}

.bloc_menu_principal {
    background: url(../image/gif/bg_menu.gif) bottom left repeat-x;
    padding-bottom: 0px;
}

.link_menu_principal {
    font-family: "HelveticaLTStdRoman", arial;
    color: #fff;
    font-size: 14px;
    display: block;
    padding: 7px 15px 9px;
}

.link_menu_principal:hover {
    /*background:url(../image/gif/bg_hover.gif) bottom left repeat-x; */
}

.link_menu_principal_actif {
    background: url(../image/gif/bg_hover.gif) bottom left repeat-x;
    font-family: "HelveticaLTStdRoman", arial;
    color: #fff;
    font-size: 14px;
    display: inline-block;
    padding: 7px 15px 9px;
}

.sep_menu_principal {
    background: url(../image/gif/sep_menu_principal.gif) bottom center no-repeat;
    width: 5px;
}

/****************/

/**** banner ****/
.bg_bloc_banner {
    background: url(../image/jpg/bg_bloc_banner.jpg) center top no-repeat;
    height: 438px;
    position: relative;
    z-index: 2;
}

.bg_bloc_banner_interne {
    width: 960px;
    margin: auto;
}

.ban_image {
    width: 640px;
    float: left;
    height: 421px;
    position: relative;
    background: #CCC;
    z-index: 1;
}

.ban_image .img {
    width: 640px;
    height: 421px;
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    overflow: hidden;
}

.ban_image .bloc_desc {
    padding: 20px 40px 10px 20px;
    background: url(../image/png/bg_info_img.png) left top repeat-x;
    width: 560px;
    border-left: 20px solid #77878f;
    height: 140px;
    position: absolute;
    z-index: 2;
    bottom: 0;
    left: 0;
    overflow: hidden;
}

.ban_image .bloc_desc .titre {
    font-family: "HelveticaLTStdRoman";
    color: #fff;
    font-size: 43px;
}

.ban_image .bloc_desc .desc {
    font-family: "HelveticaLTStdRoman";
    color: #fff;
    font-size: 15px;
}

.ban_theme {
    width: 320px;
    float: right;
    height: 421px;
    position: relative;
    z-index: 2;
}

.bloc_theme {
    position: absolute;
    right: 0;
    width: 348px;
}

.themes {
    display: block;
    height: 93px;
    width: 349px;
    margin-top: 4px;
    background: url(../image/png/bg_theme.png) 3000px top no-repeat;
}

.themes .themes_infos {
    margin-left: 45px;
    display: block;
    height: 93px;
    width: 302px;
    background: url(../image/gif/sep_theme_index.gif) left bottom repeat-x;
}

a.themes .last {
    background: none;
}

.themes .desc {
    margin-top: 20px;
    width: 200px;
    float: left;
    font-family: "HelveticaLTStdRoman";
    color: #000;
    font-size: 14px;
}

.themes .img {
    margin-right: 20px;
    margin-top: 20px;
    width: 55px;
    height: 55px;
    float: right;
}

.themes:hover {
    display: block;
    height: 93px;
    width: 349px;
    background: url(../image/png/bg_theme.png) left top no-repeat;
}

.themes:hover .themes_infos {
    margin-left: 45px;
    display: block;
    height: 93px;
    width: 302px;
    background: url(../image/gif/sep_theme_index.gif) left bottom repeat-x;
}

a.themes:hover .last {
    background: none;
}

.themes:hover .desc {
    margin-top: 20px;
    width: 200px;
    float: left;
    font-family: "HelveticaLTStdRoman";
    color: #fff;
    font-size: 14px;
}

.themes:hover .img {
    margin-right: 20px;
    margin-top: 20px;
    width: 55px;
    height: 55px;
    float: right;
}

.themes_active {
    display: block;
    height: 93px;
    margin-top: 4px;
    width: 349px;
    background: url(../image/png/bg_theme.png) left top no-repeat;
}

.themes_active .themes_infos {
    margin-left: 45px;
    display: block;
    height: 93px;
    width: 302px;
    background: url(../image/gif/sep_theme_index.gif) left bottom repeat-x;
}

a.themes_active .last {
    background: none;
}

.themes_active .desc {
    margin-top: 20px;
    width: 200px;
    float: left;
    font-family: "HelveticaLTStdRoman";
    color: #fff;
    font-size: 14px;
}

.themes_active .img {
    margin-right: 20px;
    margin-top: 20px;
    width: 55px;
    height: 55px;
    float: right;
}

/****************/

/**** Content ****/
.content_index {
    width: 960px;
    margin: auto;
}

.orange_bloc2 {
    width: 290px;
    background: url(../image/gif/top_orange2.gif) left top no-repeat;
    padding-top: 3px;
}

.orange_bloc_interne2 {
    width: 290px;
    background: url(../image/gif/bottom_orange2.gif) left bottom no-repeat;
    padding-bottom: 3px;
}

.noir_bloc2 {
    width: 290px;
    background: url(../image/gif/top_noir2.gif) left top no-repeat;
    padding-top: 3px;
}

.noir_bloc_interne2 {
    width: 290px;
    background: url(../image/gif/bottom_noir2.gif) left bottom no-repeat;
    padding-bottom: 3px;
}

.gris_bloc2 {
    width: 290px;
    background: url(../image/gif/top_gris2.gif) left top no-repeat;
    padding-top: 8px;
}

.gris_bloc_interne2 {
    width: 290px;
    background: url(../image/gif/bottom_gris2.gif) left bottom no-repeat;
    padding-bottom: 8px;
}

.bloc_left_ban {
    width: 320px;
    background: #FFF url(../image/gif/bg_actus.gif) left top no-repeat;
    padding-top: 20px;
}

.bloc_center_ban {
    width: 320px;
    background: #f3f3f3;
    padding-top: 20px;
}

.bloc_right_ban {
    width: 290px;
    background: #FFF;
    padding: 15px;
}

.titre_actus {
    background: url(../image/gif/puce_titre_actus.gif) left no-repeat;
    font-family: "HelveticaLTStdRoman", arial;
    color: #000;
    font-size: 20px;
    margin-bottom: 15px;
    padding: 0 0 0 30px;
}

.bloc_actus_details {
    margin: 0 30px 0 20px;
    width: 270px;
}

.actus_details {
    height: 145px;
}

.actus_indx_date {
    font-family: arial;
    color: #ec7219;
    font-size: 12px;
    margin-bottom: 5px;
}

.actus_indx_titre {
    display: block;
    font-family: arial;
    color: #000;
    font-size: 12px;
    font-weight: bold;
    margin-bottom: 10px;
}

.actus_indx_titre:hover {
    text-decoration: underline;
}

.actus_indx_desc {
    font-family: arial;
    color: #5f5f5f;
    font-size: 12px;
}

a.actus_indx_desc:hover {
    text-decoration: underline;
}

.link_all_actus {
    display: block;
    background: url(../image/gif/puce_all_news.gif) left 4px no-repeat;
    font-family: arial;
    color: #5f5f5f;
    font-size: 12px;
    margin-bottom: 20px;
    padding: 0 0 0 14px;
}

.link_all_actus:hover {
    text-decoration: underline;
}

.bloc_newsletter {
    background: url(../image/gif/bg_newsletter.gif) left top no-repeat;
    padding: 10px 20px 10px 20px;
    margin: 0 20px 20px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
}

.bloc_newsletter_form {
    height: 32px;
    background: #FFF;
}

.bt_inscrir {
    background: #f9f9f9;
    border-left: 1px solid #d3d3d3;
    font-family: arial;
    color: #000;
    font-size: 12px;
    height: 32px;
    width: 75px;
    cursor: pointer;
}

.bt_inscrir_hover {
    background: #000;
    border-left: 1px solid #000;
    font-family: arial;
    color: #fff;
    font-size: 12px;
    height: 32px;
    width: 75px;
    cursor: pointer;
}

.input_inscrir {
    background: #fff;
    border: 0;
    font-family: arial;
    color: #505050;
    font-size: 12px;
    height: 19px;
    width: 144px;
    margin: 5px;
}

.titre_banner_attijari {
    background: url(../image/gif/puce_titre_attijari.gif) left no-repeat;
    font-family: "HelveticaLTStdRoman", arial;
    color: #000;
    font-size: 20px;
    margin-bottom: 15px;
    padding: 0 0 0 30px;
}

.bloc_banner_attijari_details {
    margin: 0 20px 0 20px;
    width: 280px;
}

.bloc_banner_attijari_details a {
    color: #000;
}

.bloc_banner_attijari_details a:hover {
    text-decoration: underline;
}

.path {
    background: #e1e1e1 url(../image/gif/bg_path.gif) left top repeat-x;
}

.path_interne {
    width: 920px;
    margin: auto;
    padding: 11px 20px;
}

.path_link {
    font-family: Verdana;
    color: #757575;
    font-size: 11px; /*background:url(../image/gif/puce_path.gif) left 6px no-repeat;*/
    padding: 2px 10px 10px 10px;
}

.path_interne .last {
    color: #000;
}

.bg_page_contenu {
    background: url(../image/gif/bg_page.gif) left top repeat-x;
}

.page_contenu {
    width: 920px;
    margin: auto;
    padding: 20px;
    background: #FFF;
}

.center_page {
    float: left;
    width: 500px;
    display: inline;
    background: #FFF;
}

.img_left {
    float: left;
    margin-right: 15px;
    margin-bottom: 20px;
}

.rmq {
    background: url(../image/gif/border_rmq.gif) left bottom repeat-x;
}

.rmq span {
    display: inline-block;
    font-family: arial;
    color: #343434;
    font-size: 12px;
    padding: 5px 20px 5px 0;
    background: #FFF;
}

.bloc_fildset {
    border: 1px solid #e3e4e6;
    background: #fbfbfb;
    padding: 0 20px 20px 20px;
}

.titre_fildset {
    display: inline;
    float: left;
    padding: 0 10px;
    font-family: arial;
    color: #000;
    font-size: 11px;
    position: relative;
    left: -10px;
    top: -10px;
    background: #fbfbfb url(../image/gif/bg_fildset_txt.gif) left top repeat-x;
}

.liste1 li {
    background: url(../image/gif/puce_list1.gif) left 6px no-repeat;
    padding: 0px 10px 10px 13px;
}

.liste1 ul {
    margin: 10px 0 0 15px;
}

.liste1 li li {
    background: url(../image/gif/puce_list2.gif) left 6px no-repeat;
    padding: 0px 10px 4px 13px;
}

.titre_paragraph {
    background: url(../image/gif/border_rmq.gif) left bottom repeat-x;
    margin: 10px 0 10px;
}

.titre_paragraph span {
    display: inline-block;
    font-family: arial;
    color: #343434;
    font-size: 12px;
    padding: 5px 20px 5px 0;
    background: #FFF;
}

.bloc_text_evidence {
    background: #ffad3b;
    padding: 15px 0;
    width: 245px;
    display: inline;
    float: left;
    margin: 0 10px 10px 0;
}

.titre_evidence {
    font-weight: bold;
    font-family: arial;
    color: #000;
    font-size: 16px;
    background: url(../image/gif/puce_titre1.gif) left 2px no-repeat;
    padding: 0 10px 10px 22px;
}

.bloc_text_evidence_desc {
    padding: 0 10px 0 22px;
}

.bloc_link_evidence {
    display: inline-block;
    background: #e54634;
    padding: 7px 10px;
}

.div_tab {
    border-top: 7px solid #1f1e1e;
    border-bottom: 1px solid #1f1e1e;
}

.div_tab th.first {
    background: #1f1e1e;
    text-align: left;
    padding: 2px 15px 7px 15px;
    border-left: 0;
    font-family: arial;
    color: #fff;
    font-size: 11px;
}

.div_tab th {
    background: #1f1e1e;
    text-align: left;
    padding: 2px 15px 7px 15px;
    border-left: 1px solid #d6d6d6;
    font-family: arial;
    color: #ffad3b;
    font-size: 11px;
}

.div_tab td.first {
    border-left: 0;
}

.div_tab td {
    background: #FFF;
    padding: 8px 15px 9px 15px;
    border-left: 1px solid #d6d6d6;
}

.tr_gris td {
    background: #f0f0f0
}

.txt_puce {
    background: url(../image/gif/puce_list1.gif) left 6px no-repeat;
    padding: 0 0 0 13px;
}

.formulaire_label {
    background: url(../image/gif/bg_label.gif) right bottom no-repeat;
    height: 30px;
    padding: 0 10px;
    vertical-align: middle;
}

.border_formulaire_label {
    border: 1px solid #D5D5D5;
    height: 30px;
    display: inline-block;
}

.input_formulaire {
    border: 0;
    background: #FFF;
    height: 18px;
    width: 100px;
    margin: 6px 5px;
    font-family: arial;
    color: #585555;
    font-size: 11px;
}

#rib.input_formulaire {
    width: 160px;
    letter-spacing: 2px;
}

.input_formulaire2 {
    border: 0;
    background: #FFF;
    height: 18px;
    width: 70px;
    margin: 6px 5px;
    font-family: arial;
    color: #585555;
    font-size: 11px;
}

.input_formulaire3 {
    border: 0;
    background: #FFF;
    height: 18px;
    width: 135px;
    margin: 6px 5px;
    font-family: arial;
    color: #585555;
    font-size: 11px;
}

.inputfile {
    position: relative;
    width: 204px;
    height: 30px;
    overflow: hidden;
    background: url(../image/gif/parcourir.gif) no-repeat right top;
}

.inputfile input.file {
    position: absolute;
    left: 0px;
    top: 0;
    font-size: 12px;
    color: #03C;
    opacity: 0;
    -moz-opacity: 0;
    filter: alpha(opacity=0);
    cursor: pointer;
    text-align: right;
    z-index: 110;
    width: 204px;
    height: 30px;
}

.inputfile input.txt {
    width: 110px;
    height: 18px;
    position: absolute;
    background: #fff;
    left: 5px;
    top: 6px;
    font-size: 11px;
    color: #000;
    background: #FFF;
    border: 0; /*cursor:pointer;*/
    text-align: left;
    z-index: 22;
}

.bloc_teaxtearea {
    border: 1px solid #d5d5d5;
    margin-top: 5px;
}

.bloc_teaxtearea .label_teaxtearea {
    display: inline-block;
    background: url(../image/gif/bg_label.gif) right no-repeat;
    height: 18px;
    padding: 3px 10px;
    border-bottom: 1px solid #d5d5d5;
}

.bloc_teaxtearea .input_teaxtearea {
    border: 0;
    background: #FFF;
    height: 70px;
    width: 400px;
    margin: 6px 5px;
    font-family: arial;
    color: #585555;
    font-size: 11px;
}

.bloc_teaxtearea .input_teaxtearea3 {
    border: 0;
    background: #FFF;
    height: 70px;
    width: 360px;
    margin: 6px 5px;
    font-family: arial;
    color: #585555;
    font-size: 11px;
}

.bloc_teaxtearea .input_teaxtearea2 {
    border: 0;
    background: #FFF;
    height: 70px;
    width: 130px;
    margin: 6px 5px;
    font-family: arial;
    color: #585555;
    font-size: 11px;
}

.bloc_theme_page {
    background: url(../image/gif/bg_theme.gif) left top no-repeat;
    width: 390px;
    height: 53px;
    padding: 25px 0 0 110px;
}

/********news********/
.bloc_lien_page {
    background: url(../image/gif/bg_links.gif) left top no-repeat;
    width: 390px;
    height: 53px;
    padding: 25px 0 0 110px;
}

.td_links_info {
    padding: 10px;
}

.td_links_img {
    padding-right: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
}

.bloc_links {
    display: block;
    border: 1px solid #e3e4e6;
    margin-bottom: 20px;
}

.bloc_links .titre {
    display: block;
    font-family: arial;
    color: #000;
    font-size: 12px;
    font-weight: bold;
    margin-bottom: 10px;
}

.bloc_links .titre:hover {
    text-decoration: underline;
}

.bloc_links .desc {
    font-family: arial;
    color: #5f5f5f;
    font-size: 11px;
}

.bloc_links .desc:hover {
    text-decoration: underline;
}

.lien_links {
    display: block;
    border-top: 1px solid #e3e4e6;
    background: url(../image/gif/puce_links.gif) #fafafa left top no-repeat;
    padding: 10px 10px 10px 55px;
    font-family: arial;
    color: #000;
    font-size: 11px;
    text-decoration: underline
}

.lien_links:hover {
    color: #e54634;
    font-size: 11px;
}

/********news details********/
.img_news_details {
    float: left;
    margin: 0 20px 15px 0;
}

.date_news_details {
    font-family: Arial;
    size: 14px;
    color: #ec7219;
    font-weight: bold;
}

.titre_news_details {
    font-family: Arial;
    size: 14px;
    color: #000;
    font-weight: bold;
}

.icon_fb {
    display: block;
    background: url(../image/gif/icon_fb.gif) center top no-repeat;
    width: 32px;
    height: 15px;
    margin-bottom: 4px;
}

.icon_fb:hover {
    background: url(../image/gif/icon_fb.gif) center bottom no-repeat;
}

.icon_tw {
    display: block;
    background: url(../image/gif/icon_tw.gif) center top no-repeat;
    width: 32px;
    height: 15px;
    margin-bottom: 4px;
}

.icon_tw:hover {
    background: url(../image/gif/icon_tw.gif) center bottom no-repeat;
}

.icon_print {
    display: block;
    background: url(../image/gif/icon_print.gif) center top no-repeat;
    width: 32px;
    height: 15px;
    margin-bottom: 4px;
}

.icon_print:hover {
    background: url(../image/gif/icon_print.gif) center bottom no-repeat;
}

.icon_send_active {
    display: block;
    background: url(../image/gif/icon_send.gif) center bottom no-repeat;
    width: 32px;
    height: 15px;
    margin-bottom: 4px;
}

.icon_send {
    display: block;
    background: url(../image/gif/icon_send.gif) center top no-repeat;
    width: 32px;
    height: 15px;
    margin-bottom: 4px;
}

.icon_send:hover {
    background: url(../image/gif/icon_send.gif) center bottom no-repeat;
}

.bloc_icons_news {
    background: url(../image/gif/bg_icons_news.gif) left bottom repeat-x;
    border-bottom: 1px solid #d5d5d5;
    border-left: 1px solid #d5d5d5;
    margin-bottom: 20px;
}

.border_right {
    border-right: 1px solid #d5d5d5;
}

.frm_send {
    background: #efefef;
    position: absolute;
    width: 250px;
    top: 21px;
    padding: 10px;
    display: none;
}

.frm_send_interne {
    background: #fafafa;
    padding: 10px;
}

.div_send_links {
    position: relative;
    padding: 5px 0 0 0;
    height: 16px;
}

.div_bg_gris {
    background: #efefef;
}

.bt_captcha {
    background: url(../image/gif/refrech_captcha.gif) left top no-repeat;
    height: 28px;
    width: 30px;
    cursor: pointer;
}

.sep_gris {
    clear: both;
    height: 1px;
    background: #d5d5d5;
}

.link_retour {
    float: right;
    display: inline;
    background: url(../image/gif/puce_attijari_noir.gif) left 14px no-repeat;
    padding: 7px 10px 5px 28px;
    font-family: arial;
    color: #000;
    font-size: 11px;
    font-weight: bold;
}

/********news********/
.bloc_pagination {
    background: url(../image/gif/bg_pagination.gif) left bottom repeat-x;
    border-bottom: 1px solid #d5d5d5;
}

.link_pagination {
    float: left;
    padding: 4px 9px 5px;
    font-family: arial;
    color: #000;
    font-size: 11px;
    border-left: 1px solid #d5d5d5;
}

.link_pagination:hover {
    color: #fff;
    background: #e54634;
}

.link_pagination_active {
    float: left;
    padding: 4px 9px 5px;
    font-family: arial;
    color: #fff;
    font-size: 11px;
    background: #e54634;
    border-left: 1px solid #d5d5d5;
}

.bloc_actus {
    display: block;
    border: 1px solid #e3e4e6;
    margin-bottom: 20px;
}

.bloc_actus .date {
    font-family: arial;
    color: #ec7219;
    font-size: 12px;
    margin-bottom: 5px;
}

.bloc_actus .date:hover {
    text-decoration: underline;
}

.bloc_actus .titre {
    display: block;
    font-family: arial;
    color: #000;
    font-size: 12px;
    font-weight: bold;
    margin-bottom: 10px;
}

.bloc_actus .titre:hover {
    text-decoration: underline;
}

.bloc_actus .desc {
    font-family: arial;
    color: #5f5f5f;
    font-size: 12px;
}

.bloc_actus a.desc:hover {
    text-decoration: underline;
}

.bloc_actus .puce_actus {
    display: block;
    background: url(../image/gif/puce_actus.gif) left bottom no-repeat;
    height: 14px;
    width: 11px;
}

.bloc_actus .puce_actus:hover {
    background: url(../image/gif/puce_actus.gif) left top no-repeat;
}

.bloc_actus .bloc_puce {
    border-left: 1px solid #e3e4e6;
    background: #f9f9f9;
    padding: 10px;
    vertical-align: middle;
    width: 14px;
}

/********faq********/

.bloc_faq_page {
    background: url(../image/gif/bg_faq.gif) left top no-repeat;
    width: 390px;
    height: 53px;
    padding: 25px 0 0 110px;
}

.bloc_faq {
    display: block;
    border: 1px solid #e3e4e6;
    margin-bottom: 20px;
    padding: 1px;
}

.td_faq_puce {
    padding: 10px;
    vertical-align: top
}

.td_q_r {
    border-left: 1px solid #e3e4e6;
}

.puce_plus {
    display: block;
    background: url(../image/gif/plus.gif) 4px 4px no-repeat;
    height: 11px;
    width: 11px;
    padding: 4px;
    border: 1px solid #fff;
}

.puce_moin {
    display: block;
    background: url(../image/gif/moin.gif) 4px 4px no-repeat;
    height: 11px;
    width: 11px;
    padding: 4px;
    border: 1px solid #e3e4e6;
}

a.question_active {
    color: #e54634;
}

.question {
    display: block;
    padding: 10px;
    font-family: Arial;
    font-size: 12px;
    color: #000;
    font-weight: bold;
}

.question:hover {
    text-decoration: underline;
}

.reponse {
    display: none;
    background: #f9f9f9;
    padding: 10px;
    border-top: 1px solid #e3e4e6;
    font-family: Arial;
    font-size: 12px;
    color: #000;
}

/********telechargement********/

.bloc_faq_page {
    background: url(../image/gif/bg_telechargement.gif) left top no-repeat;
    width: 390px;
    height: 53px;
    padding: 25px 0 0 110px;
}

/********recherche********/
.bloc_recherche_page {
    background: url(../image/gif/bg_faq.gif) left top no-repeat;
    width: 420px;
    height: 53px;
    padding: 25px 0 0 80px;
}

.input_recherche_page {
    border: 0;
    background: #FFF;
    height: 18px;
    width: 320px;
    margin: 6px 5px;
    font-family: arial;
    color: #585555;
    font-size: 11px;
}

.bloc_recherch_form {
    height: 30px;
    background: #FFF;
    border: 1px solid #d5d5d5;
}

.bt_rechercche_page {
    background: #f9f9f9;
    border-left: 1px solid #d3d3d3;
    font-family: arial;
    color: #000;
    font-size: 12px;
    height: 30px;
    width: 75px;
    cursor: pointer;
}

.input_recherche_page {
    background: #fff;
    border: 0;
    font-family: arial;
    color: #505050;
    font-size: 12px;
    height: 19px;
    width: 290px;
    margin: 5px;
}

/********plan********/

.site_map li.active {
    background: #fafafa;
}

.site_map li.active a.active {
    background: url(../image/gif/n1_moin.gif) right top no-repeat;
    color: #e54634;
}

.site_map li {
    display: block;
    background: #FFF;
    padding: 5px 12px 6px 20px;
    border: 1px solid #e3e4e6;
    margin-bottom: 5px;
    zoom: 1;
}

.site_map li a {
    display: block;
    background: url(../image/gif/n1_plus.gif) right top no-repeat;
    padding: 3px 30px 5px 0;
    font-family: arial;
    color: #000;
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
}

.site_map li a:hover {
    color: #e54634;
}

.site_map li a.no_child {
    background: none;
}

.site_map_niveau1 {
    display: block;
    background: #FFF;
    padding-top: 0px;
    border-right: 1px solid #e3e4e6;
    border-left: 1px solid #e3e4e6;
    border-bottom: 0;
    margin-top: 10px;
    margin-bottom: 5px;
    display: none;
}

.site_map_niveau1 li {
    display: block;
    background: #f2f2f2 url(../image/gif/puce_niveau2.gif) 10px 10px no-repeat;
    padding: 5px 12px 6px 25px;
    border-left: 0;
    border-right: 0;
    border-bottom: 1px solid #e3e4e6;
    border-top: 1px solid #e3e4e6;
    margin-bottom: 0px;
    overflow: hidden;
}

.site_map_niveau1 li a {
    display: block;
    text-transform: none;
    background: url(../image/gif/n2_plus.gif) right top no-repeat;
    padding: 2px 20px 4px 0;
    font-family: arial;
    color: #3e3e3e;
    font-size: 12px;
    font-weight: bold;
    overflow: hidden;
}

.site_map_niveau1 li a:hover {
    color: #000;
}

.site_map_niveau1 li.active {
    background: #fff url(../image/gif/puce_niveau2.gif) 10px 10px no-repeat;
}

.site_map_niveau1 li.active a.active {
    background: url(../image/gif/n2_moin.gif) right top no-repeat;
    color: #000;
}

.site_map_niveau2 {
    display: block;
    background: #FFF;
    padding-top: 0px;
    border: 0;
    margin-top: 5px;
    margin-bottom: 5px;
    display: none;
}

.site_map_niveau2 li {
    display: block;
    background: #FFF url(../image/gif/puce_niveau3.gif) 10px 7px no-repeat;
    padding: 0px 12px 0px 20px;
    margin-bottom: 4px;
    border: 0;
}

.site_map_niveau2 li a {
    display: block;
    background: none;
    padding: 0;
    font-family: arial;
    color: #595858;
    font-size: 12px;
    font-weight: normal;
    text-transform: none;
}

.site_map_niveau2 li a:hover {
    color: #000;
}

/********Contact********/
.bt_page {
    display: block;
    height: 28px;
    width: 128px;
    background: #000;
    font-family: arial;
    color: #fff;
    font-size: 12px;
    cursor: pointer;
}

.bt_page_hover {
    display: block;
    height: 28px;
    width: 128px;
    background: #e54634;
    font-family: arial;
    color: #fff;
    font-size: 12px;
    cursor: pointer;
}

.bt_page2 {
    display: block;
    height: 22px;
    width: 70px;
    background: #000;
    font-family: arial;
    color: #fff;
    font-size: 12px;
    cursor: pointer;
}

.bt_page_hover2 {
    display: block;
    height: 22px;
    width: 70px;
    background: #e54634;
    font-family: arial;
    color: #fff;
    font-size: 12px;
    cursor: pointer;
}

/********reseau********/

.bloc_reseau_page {
    background: url(../image/gif/bg_reseau.gif) left top no-repeat;
    width: 390px;
    height: 53px;
    padding: 25px 0 0 110px;
}

.div_map {
    border: 10px solid #e3e4e6;
}

/********simulateur********/

.bloc_simulateur {
    padding: 10px 10px 0 25px;
    position: relative;
    z-index: 2;
    zoom: 1;
}

.bt_simulateur {
    display: inline;
    float: left;
    white-space: nowrap;
    border-left: 1px solid #d5d5d5;
    border-top: 1px solid #d5d5d5;
    border-right: 1px solid #d5d5d5;
    background: #d41c11 url(../image/gif/bg_bt_simulateur.gif) left top repeat-x;
    padding: 9px 12px 9px;
    color: #fff;
    margin-right: 15px;
    font-family: "HelveticaLTStdRoman";
    font-size: 14px;
}

.bt_simulateur:hover {
    color: #fff;
}

.bt_simulateur_active {
    display: inline;
    white-space: nowrap;
    zoom: 1;
    margin-right: 15px;
    float: left;
    border-left: 1px solid #d5d5d5;
    border-top: 1px solid #d5d5d5;
    border-right: 1px solid #d5d5d5;
    background: #fff;
    padding: 8px 12px 9px;
    color: #e54634;
    font-family: "HelveticaLTStdRoman";
    font-size: 14px;
    border-bottom: 1px solid #fff;
    position: relative;
    top: 1px;
}

.sep_simulateur {
    background: #d5d5d5;
    height: 1px;
    position: relative;
    z-index: 1;
}

.bloc_simulateur_border {
    background: #fcfcfc;
    border: 1px solid #e3e4e6;
    padding: 15px 10px;
}

.bloc_simulateur_border3 {
    background: url(../image/gif/bg_form.gif) center top no-repeat;
    border: 1px solid #e3e4e6;
    padding: 15px 10px;
}

.bloc_simulateur_border2 {
    background: url(../image/gif/bg2.gif) left top no-repeat;
    border: 1px solid #e3e4e6;
    padding: 15px 10px;
}

.puce_simulteur {
    background: url(../image/gif/puce_path.gif) left 6px no-repeat;
    color: #000;
    font-family: "HelveticaLTStdRoman";
    font-size: 14px;
    padding: 0 10px 5px 12px;
}

.puce_simulteur2 {
    background: url(../image/gif/puce_path.gif) left 6px no-repeat;
    color: #fff;
    font-family: "HelveticaLTStdRoman";
    font-size: 14px;
    padding: 0 10px 5px 12px;
}

.puce_simulteur3 {
    background: url(../image/gif/bg_titre_simulateur.gif) left top no-repeat;
    height: 31px;
    width: 219px;
    padding-left: 20px;
    padding-top: 6px;
    margin-left: -20px;
}

.puce_simulteur3 span {
    display: block;
    background: url(../image/gif/puce_niveau2.gif) left 6px no-repeat;
    color: #fff;
    font-family: "HelveticaLTStdRoman";
    font-size: 14px;
    padding: 0 10px 5px 12px;
}

.div_input_border {
    border: 1px solid #d5d5d5;
    padding: 5px;
    background: #FFF;
}

.div_input_border input {
    border: 0;
    height: 18px;
    color: #000;
    font-family: "HelveticaLTStdRoman";
    font-size: 14px;
    text-align: center;
    width: 180px;
}

.div_input_border2 {
    border: 1px solid #d5d5d5;
    padding: 6px 5px;
    background: url(../image/gif/bg_input.gif) left top no-repeat;
}

.div_input_border2 input {
    border: 0;
    height: 18px;
    color: #000;
    font-family: "HelveticaLTStdRoman";
    font-size: 14px;
    background: none transparent;
    text-align: center;
    width: 80px;
}

.bloc_simulateur_msg_border {
    background: #fff;
    border: 1px solid #e3e4e6;
}

.bloc_simulateur_info {
    background: url(../image/gif/bloc_gris_top.gif) left top no-repeat;
    padding-top: 15px;
    border-top: 1px solid #e3e4e6;
}

.bloc_simulateur_info .div_interne_info {
    background: url(../image/gif/bloc_gris_bottom.gif) left bottom no-repeat;
    padding: 0 15px 15px 15px;
}

.barr_progress_val {
    display: block;
    position: absolute;
    text-align: center;
    padding-top: 18px;
    width: 45px;
    height: 25px;
    background: url(../image/gif/bg_value_progress_bar.gif) center top no-repeat;
    font-family: "HelveticaLTStdRoman";
    font-size: 14px;
    color: #656565;
}

/****************/
/******** menu header ********/
.smenu_header {
    background: #000;
    width: 200px;
    padding: 12px 25px 5px;
    position: absolute;
    top: 28px;
    left: 0;
    z-index: 3;
    border-bottom: #555555 solid 2px;
    display: none;
}

.smenu_header li {
    position: relative;
}

.link_smenu {
    display: block;
    padding: 5px 0 8px 2px;
    color: #fff;
    font-size: 13px;
    text-align: left;
    border-bottom: #373737 solid 1px;
}

.slist_header a.last {
    border-bottom: none;
}

.link_smenu:hover {
    color: #fff;
    background: #454545;
}

.sslist_header {
    position: absolute;
    left: 200px;
    top: 0;
    width: 145px;
    background: #454545;
    padding: 14px 20px 25px;
    z-index: 4;
    display: none;
}

.link_ssmenu {
    display: block;
    padding: 5px 0 8px 2px;
    color: #fff;
    font-size: 12px;
    text-align: left;
    border-bottom: #a2a2a2 dotted 1px;
}

.link_ssmenu:hover {
    color: #fff;
    background: #343434;
}

.link_menu_header_active {
    background: #000;
    color: #fb9730;
    display: block;
}

.slink_menu_header_active {
    color: #fff;
    background: #454545;
}

/**** Right ****/
/**************/
.right {
    width: 185px;
    float: right;
}

.bloc_ban_formulaire {
    background: #ffad3b;
    padding: 15px 0;
    margin-bottom: 10px;
}

.titre_ban_formulaire {
    font-weight: bold;
    font-family: arial;
    color: #000;
    font-size: 16px;
    background: url(../image/gif/puce_titre1.gif) left 2px no-repeat;
    padding: 0 10px 10px 22px;
}

.bloc_ban_formulaire_desc {
    padding: 0 10px 0 22px;
}

.news_letter_bloc_newsletter_form {
    height: 32px;
    background: #FFF;
    border: 1px solid #d5d5d5;
}

.news_letter_bt_inscrir {
    background: #f9f9f9;
    border-left: 1px solid #d3d3d3;
    font-family: arial;
    color: #000;
    font-size: 12px;
    height: 32px;
    width: 75px;
    cursor: pointer;
}

.news_letter_bt_inscrir_hover {
    background: #000;
    border-left: 1px solid #d3d3d3;
    font-family: arial;
    color: #fff;
    font-size: 12px;
    height: 32px;
    width: 75px;
    cursor: pointer;
}

.news_letter_input_inscrir {
    background: #fff;
    border: 0;
    font-family: arial;
    color: #505050;
    font-size: 12px;
    height: 19px;
    width: 111px;
    margin: 5px;
}

.border_4px {
    border-bottom: 4px solid #e5e5e5;
}

/**** Left ****/
/*************/
.left {
    width: 198px;
    float: left;
    margin-right: 20px;
    display: inline;
}

.ban_left {
    margin-bottom: 10px;
}

.bloc_menu_left {
    border-top: 1px solid #e3e4e6;
    border-right: 1px solid #e3e4e6;
    border-left: 1px solid #e3e4e6;
    margin-bottom: 10px;
}

.titre_rubrique {
    background: url(../image/gif/bg_titre_rubrique.gif) left top no-repeat;
    padding: 10px 10px 10px 15px;
    font-family: "HelveticaLTStdRoman", arial;
    color: #fff;
    font-size: 14px;
    border-bottom: 1px solid #e3e4e6;
}

.liste_menu_left li {
    border-bottom: 1px solid #e3e4e6;
    background: #f2f2f2;
}

.liste_menu_left li a {
    display: block;
    padding: 7px 10px 8px 15px;
    font-family: arial;
    color: #000;
    font-size: 12px;
    font-weight: bold;
}

.liste_menu_left li a:hover {
    color: #FFF;
    background: #e54634;
}

.liste_menu_left .sub_menu {
    padding: 2px 10px 7px 22px;
    display: none;
}

.liste_menu_left li.with_submenu {
    border-bottom: 1px solid #e3e4e6;
    background: #fff;
}

.liste_menu_left li.with_submenu a {
    display: block;
    padding: 7px 10px 8px 15px;
    font-family: arial;
    color: #000;
    font-size: 12px;
}

.liste_menu_left li.with_submenu a:hover {
    color: #000;
    background: #fff;
}

.liste_menu_left li.with_submenu li {
    border-bottom: 0;
    background: #fff;
}

.liste_menu_left li.with_submenu li a {
    display: block;
    padding: 2px 10px 2px 12px;
    font-family: arial;
    color: #9c8f8f;
    font-weight: normal;
    font-size: 11px;
    background: url(../image/gif/icon_sub_menu.gif) left 8px no-repeat;
    display: block;
}

.liste_menu_left li.with_submenu li a:hover {
    color: #9c8f8f;
    background: url(../image/gif/icon_sub_menu.gif) left 8px no-repeat;
    text-decoration: underline;
}

.liste_menu_left li.with_submenu li a.active {
    color: #9c8f8f;
    background: url(../image/gif/icon_sub_menu.gif) left 8px no-repeat;
    text-decoration: underline;
}

.orange_bloc {
    width: 198px;
    background: url(../image/gif/top_orange.gif) left top no-repeat;
    padding-top: 1px;
}

.orange_bloc_interne {
    width: 198px;
    background: url(../image/gif/bottom_orange.gif) left bottom no-repeat;
    padding-bottom: 1px;
}

.link_puce_noir {
    display: block;
    float: right;
    background: url(../image/gif/puce_attijari_noir.gif) left 9px no-repeat;
    padding: 5px 01px 5px 14px;
    font-family: arial;
    color: #000;
    font-size: 11px;
}

.link_puce_noir:hover {
    text-decoration: underline;
    color: #8b1002;
}

.noir_bloc {
    width: 198px;
    background: url(../image/gif/top_noir.gif) left top no-repeat;
    padding-top: 1px;
}

.noir_bloc_interne {
    width: 198px;
    background: url(../image/gif/bottom_noir.gif) left bottom no-repeat;
    padding-bottom: 1px;
}

.link_puce_gris {
    display: block;
    float: right;
    background: url(../image/gif/puce_attijari_gris.gif) left 9px no-repeat;
    padding: 5px 10px 5px 14px;
    font-family: arial;
    color: #7f7f7f;
    font-size: 11px;
}

.link_puce_gris:hover {
    text-decoration: underline;
    color: #fa851e;
}

.gris_bloc {
    width: 198px;
    background: url(../image/gif/top_gris.gif) left top no-repeat;
    padding-top: 5px;
}

.gris_bloc_interne {
    width: 198px;
    background: url(../image/gif/bottom_gris.gif) left bottom no-repeat;
    padding-bottom: 1px;
}

.link_puce_gris {
    display: block;
    float: right;
    background: url(../image/gif/puce_attijari_gris.gif) left 9px no-repeat;
    padding: 5px 10px 5px 14px;
    font-family: arial;
    color: #7f7f7f;
    font-size: 11px;
}

.link_puce_gris:hover {
    text-decoration: underline;
    color: #d04433;
}

/**** Footer ****/
/***************/
.bloc_menu_bottom_interne {
    background: #000 url(../image/gif/bt_menu_bottom.gif) left bottom no-repeat;
    width: 940px;
    margin-top: 20px;
    padding: 10px 10px 40px 10px;
}

.footer {
    width: 960px;
    margin: auto;
}

.footer_menu {
}

.footer_menu li {
    display: block;
    float: left;
}

.footer_menu li a {
    display: block;
    height: 15px;
    font-family: Arial;
    color: #fff;
    font-size: 11px;
    float: left;
}

.footer_menu li a:hover {
    color: #e75747;
}

.footer_menu li a.active {
    display: block;
    height: 15px;
    font-family: Arial;
    color: #e75747;
    font-size: 11px;
}

.footer_menu li span {
    display: block;
    float: left;
    width: 15px;
    height: 15px;
    background: url(../image/gif/sep_menu_bottom.gif) center center no-repeat;
}

.footer_bottom {
   /* background: url(../image/gif/bg_footer.gif) left top no-repeat #e7e7e7;*/
   background:#ECECEC;
    margin-top: 5px;
    padding: 30px 10px 10px 20px;
}

.menu_footer_bottom {
}

.menu_footer_bottom li {
    float: left;
    display: inline;
    margin-right: 25px;
    width: 160px;
}

.menu_footer_bottom li a {
    display: block;
    font-family: arial;
    color: #a3a2a2;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: bold;
    margin-bottom: 10px;
}

.menu_footer_bottom li li {
    float: none;
    margin-right: 0;
    margin-bottom: 2px;
    display: block;
}

.menu_footer_bottom li li a {
    background: url(../image/gif/puce_sous_menu.gif) left 5px no-repeat;
    margin-bottom: 0;
    padding: 0 10px 0 15px;
    display: block;
    font-family: arial;
    color: #a3a2a2;
    font-size: 11px;
    text-transform: none;
    font-weight: normal;
}

.menu_footer_bottom li li a:hover {
    text-decoration: underline;
    color: #000;
}

.bloc_footer_info {
    background: #dfdfdf;
    margin: 10px 10px 10px 0;
    background: #dfdfdf;
    padding: 7px 15px;
}

/*********news_scroll**********/
#slider {
    margin-bottom: 20px;
}

#slider li {
    width: 270px;
    height: 90px;
    overflow: hidden;
}

#prevBtn, #nextBtn, #slider1next, #slider1prev {
    display: none;
    width: 30px;
    height: 77px;
    position: absolute;
    left: -30px;
    top: 71px;
    z-index: 1000;
}

#nextBtn, #slider1next {
    left: 696px;
}

#prevBtn a, #nextBtn a, #slider1next a, #slider1prev a {
    display: none;
    position: relative;
    width: 30px;
    height: 77px;
    background: url(../images/btn_prev.gif) no-repeat 0 0;
}

#nextBtn a, #slider1next a {
    background: url(../images/btn_next.gif) no-repeat 0 0;
}

span#prevBtn {
    display: none;
}

span#nextBtn {
    display: none;
}

/************** Added 26/03/2012 ***********/
.margin_right15 {
    margin-right: 10px;
}

.margin_bottom10 {
    margin-bottom: 10px;
}

.class_element {
    border: 1px solid #d5d5d5;
    height: 30px;
    display: inline-block;
}

.class_element input {
    border: 0;
    background: #FFF;
    height: 18px;
    width: 100px;
    margin: 6px 5px;
    font-family: arial;
    color: #585555;
    font-size: 11px;
}

.box_choix {
    display: block;
    margin-top: 10px;
    clear: left
}

.div_choix {
    display: block;
    margin-bottom: 10px;
    clear: left
}

/************** Added 29/03/2012 ***************/
.champs_form {
    width: 230px;
    height: 30px;
    border: #d5d5d5 solid 1px;
    margin-bottom: 8px;
    margin-top: 8px
}

.champs_form label {
    background: url(../image/gif/bg_label.gif) right no-repeat;
    display: inline-block;
    color: #000;
    font-size: 11px;
    height: 30px;
    line-height: 30px;
    width: 109px;
    padding-left: 9px;
    float: left;
}

.champs_form input {
    display: inline-block;
    background: none;
    color: #000;
    font-family: Arial;
    font-size: 11px;
    height: 30px;
    line-height: 30px;
    width: 106px;
    margin-left: 3px;
    float: left;
}

.champs_form2 {
    display: inline-block;
    height: 30px;
    border: #d5d5d5 solid 1px;
    margin-bottom: 8px;
    margin-top: 8px
}

.champs_form2 label {
    background: url(../image/gif/bg_label.gif) right no-repeat;
    display: inline-block;
    color: #000;
    font-size: 11px;
    height: 30px;
    line-height: 30px;
    width: 109px;
    padding-left: 9px;
    float: left;
}

.champs_form2 input {
    display: inline-block;
    background: none;
    color: #000;
    font-family: Arial;
    font-size: 11px;
    height: 30px;
    line-height: 30px;
    width: 106px;
    margin-left: 3px;
    float: left;
}

.box_radio {
    margin-bottom: 8px;
}

.box_radio label {
    color: #000;
    font-size: 11px;
    padding-top: 2px;
}

.box_select {
    margin-bottom: 8px;
}

.bloc_msg {
    border: 1px solid #d5d5d5;
    width: 410px;
    height: 105px;
    margin-bottom: 8px;
}

.bloc_msg label {
    display: inline-block;
    background: url(../image/gif/bg_label.gif) right no-repeat;
    height: 18px;
    padding: 3px 10px;
    border-bottom: 1px solid #d5d5d5;
}

.bloc_msg textarea {
    border: 0;
    background: #FFF;
    height: 70px;
    width: 400px;
    margin: 6px 5px;
    font-family: arial;
    color: #585555;
    font-size: 11px;
}

#contact .label_radio {
    color: #000;
    font-size: 11px;
    display: inline-block;
    font-weight: bold;
    margin-bottom: 5px
}

#contact .label_check {
    color: #000;
    font-size: 11px;
    display: inline-block;
    font-weight: bold;
    margin-bottom: 5px;
    padding-top: 10px
}

.box_select label, .box_radio label {
    color: #000;
    font-size: 10px;
    font-weight: bold;
}

.blocborder_cr {
    border-left: #e3e4e6 solid 1px;
    border-right: #e3e4e6 solid 1px;
    border-bottom: #e3e4e6 solid 1px;
    background: #fcfcfc url(../image/png/deg_cr.png) center top no-repeat;
}

.cell_cr {
    padding: 30px 20px 10px;
}

.img_cr {
    margin-bottom: 16px;
}

.titr_cr {
    font-size: 14px;
    font-family: "HelveticaLTStdRoman";
    margin-bottom: 5px;
}

.parag_cr {
    font-size: 11px;
    margin-bottom: 12px;
}

.acced_cr {
    color: #000;
    font-size: 11px;
    padding: 0 0 0 11px;
    background: url(../image/gif/puce_list1.gif) left 6px no-repeat;
    display: inline-block;
}

.dic_titr_cr {
    font-size: 12px;
    color: #d41c11;
}

.border_right_blan {
    border-right: #fff solid 1px;
}

.border_bottom_blan {
    border-bottom: #fff solid 1px;
}

.bg_lexique {
    background: url(../image/gif/bg_lexique.gif) left top no-repeat;
    width: 480px;
    height: 55px;
    padding: 10px;
    margin-bottom: 20px;
}

.link_lien {
    float: left;
    padding: 7px 11px;
    margin-left: 3px;
    font-size: 12px;
    color: #000;
    font-weight: bold;
    width: 10px;
}

.link_lien:hover {
    color: #fff;
    background: #000;
}

.link_lien_active {
    float: left;
    padding: 7px 11px;
    margin-left: 3px;
    font-size: 12px;
    color: #fff;
    font-weight: bold;
    width: 10px;
    background: #000;
}

.link_lien_gris {
    float: left;
    padding: 7px 11px;
    margin-left: 3px;
    font-size: 12px;
    color: #c4c4c4;
    font-weight: bold;
    width: 10px;
}

.bg_gris {
    background: #e8e8ea;
    height: 1px;
}

.bloc_mot {
    padding: 10px 0;
    border-bottom: 1px solid #999;
}

/* jeu */
.intro_jeu {
    background: url(../image/jpg/bg_jeu_intro.jpg) center top no-repeat;
    height: 434px;
    position: relative;
}

.inscri_jeu {
    background: url(../image/gif/btn_inscri_jeu.gif) no-repeat;
    width: 350px;
    height: 52px;
    display: block;
    position: absolute;
    bottom: 53px;
    left: 80px;
    text-indent: -9999em;
    overflow: hidden;
}

.inscri_jeu:hover {
    background-position: left bottom;
}

.bg_jeu {
    background: #dcdcdc url(../image/jpg/bg_jeu.jpg) center top no-repeat;
    min-height: 464px;
    height: auto !important;
    height: 434px;
    position: relative;
}

.bg_form_inscri {
    background: #000;
    width: 440px;
    margin: auto;
    color: #fff;
}

.bg_form_inscri_in {
    padding: 20px 30px 28px 20px;
}

.padding_frm {
    padding: 200px 0 0 0;
}

.label_inscrit {
    color: #808080;
    font-size: 13px;
    display: block;
    margin-bottom: 7px;
}

.input_inscri {
    width: 100%;
    height: 32px;
    line-height: 32px;
    font-size: 14px;
    text-indent: 18px;
    margin-bottom: 10px;
}

.bg_jeu_in {
    padding-bottom: 30px;
}

.input_frm_inscrit {
    background: url(../image/gif/valider.gif) no-repeat;
    width: 154px;
    height: 39px;
    display: inline-block;
    margin-right: 16px;
}

.input_frm_inscrit input {
    width: 154px;
    height: 39px;
    display: inline-block;
    background: none transparent;
    cursor: pointer;
}

.input_frm_inscrit_annuler {
    background: url(../image/gif/annuler.gif) no-repeat;
    margin-right: 0;
}

.input_frm_inscrit:hover {
    background-position: left bottom;
}

.icon_inscription {
    right: 0;
    position: absolute;
    bottom: 0;
}

.div_cont_jeu {
    width: 416px;
    margin: auto;
    background: url(../image/gif/cont_jeu.gif) center top no-repeat;
    padding: 10px 10px 0;
}

.cont_jeu_in {
    padding: 22px 10px 10px;
    background: #f7f7f7 url(../image/gif/bg_jeuin.gif) left bottom repeat-x;
    min-height: 198px;
    height: auto !important;
    height: 198px;
}

.question_inscri {
    font-size: 20px;
    text-align: center;
    margin-bottom: 20px;
}

.td_reponse_choix {
    text-align: center;
    padding: 6px 19px 4px;
}

.border_choix {
    border-right: #dfdfdf solid 1px;
}

.txt_choix {
    color: #dc2e20;
    font-size: 17px;
    font-family: Helvetica, sans-serif;
    margin-top: 10px;
}

.div_btn_jeu {
    position: relative;
    top: -25px;
}

.bg_jeu_message {
    background: url(../image/jpg/bg_message_jeu.jpg) center top no-repeat;
    height: 481px;
}

.padding_message {
    width: 436px;
    padding: 234px 0 0 0;
    margin: auto;
}

.bg_jeu_reglement {
    background: #d8d8d8 url(../image/jpg/bg_reglementjeu.jpg) center top no-repeat;
    height: 481px;
}

.padding_reglement {
    width: 411px;
    padding: 200px 0 0 25px;
    margin: auto;
}

.list_jeu {
    padding: 10px 0 20px 19px;
}

.list_jeu li {
    background: url(../image/gif/puce_list_jeu.gif) left 5px no-repeat;
    padding: 0 0 0 16px;
    color: #d63c2c;
}

.entrer_contact {
    background: url(../image/gif/entrer_contact.gif) no-repeat;
    width: 430px;
    height: 52px;
    display: block;
    overflow: hidden;
    text-indent: -9999em;
}

.entrer_contact:hover {
    background-position: left bottom;
}

.bg_jeu_message2 {
    background: #F8F8F8 url(../image/jpg/bg_message_jeu2.jpg) center bottom no-repeat;
    padding: 40px 20px 0;
}

.border_formulaire_label2 {
    border: 1px solid #D5D5D5;
    display: inline-block;
}

.pad_box {
    padding: 5px 30px 5px 5px
}

.txt_justify {
    text-align: justify;
}

.bot_banner {
    background: #f6f6f6;
    padding: 15px 0 15px 15px;
}

.elem_bannerbot {
    float: left;
    width: 288px;
    margin-right: 25px;
    height: 75px;
    overflow: hidden;
}

.elem_bannerbot.nomarge {
    margin-right: none;
}

.titre_banner_reclamation {
    background: url(../image/gif/carreau_jaune.gif) left top no-repeat;
    position: relative;
    left: -15px;
    color: #000;
    font-size: 20px;
    margin-bottom: 20px;
    padding: 0 0 0 30px;
}

.titre_banner_reclamation span {
    color: #df4a3a;
    font-weight: bold;
    font-size: 12px;
    display: block;
    margin: 7px 0 0 0;
}

.disc_reclam {
    margin-bottom: 15px;
}

.disc_reclam span {
    font-size: 19px;
}

.elem_reclam {
    margin-bottom: 10px;
    border: #e3e4e6 solid 1px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background: #f4f3f3;
    -webkit-box-shadow: inset 0px 0px 9px 3px rgba(238, 237, 237, 0.9);
    -moz-box-shadow: inset 0px 0px 9px 3px rgba(238, 237, 237, 0.9);
    box-shadow: inset 0px 0px 9px 3px rgba(238, 237, 237, 0.9);
}

.ic_reclam {
    text-align: center;
    padding: 5px 0 0 0;
    width: 58px;
    height: 57px;
    background: #fff;
    overflow: hidden;
    float: left;
}

.inf_reclam {
    overflow: hidden;
    height: 100%;
    padding: 12px 0 18px 20px;
    font-size: 14px;
}

.inf_reclam a {
    color: #000;
}

.inf_reclam span {
    color: #e03726;
}

.reclam_bot {
    background: #f6f6f6;
    padding: 20px 20px 20px 0;
}

.reclam_bot .titre_banner_reclamation {
    left: 0;
    margin-bottom: 5px;
}

.reclam_bot .disc_reclam {
    padding: 0 0 0 30px;
}

.reclam_bot .disc_reclam span {
    font-size: 12px;
}

.reclam_bot .titre_banner_reclamation span {
    display: inline-block;
}

.reclam_bot .elem_reclam {
    margin-bottom: 0;
}

/*****/
.menuEspace {
    border: #e3e4e6 solid 1px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.menuEspace li a {
    display: block;
    border-bottom: #e3e4e6 solid 1px;
    color: #000;
    font-size: 16px;
    padding: 5px 2px 5px 10px;
}

.menuEspace li a:hover {
    background: #db4e3d;
    color: #fff;
}

.menuEspace li:last-child a {
    display: block;
    border-bottom: none;
}

/* added 29 26 2015 */
.listeCarte {
    text-align: center;
    padding-top: 20px;
}

.listeCarte li {
    display: inline-block;
    text-align: left;
}

.cell_carte {
    display: inline-block;
    height: 230px;
    overflow: hidden;
}

.cell_carte > a {
    display: block;
    margin: 0 10px 10px;
    width: 210px;
    color: #000;
}

.cell_carte .img {
    display: block;
    margin-bottom: 15px;
}

.cell_carte .titre {
    display: block;
    font-family: "HelveticaLTStdRoman";
    font-size: 14px;
    margin-bottom: 5px;
}

.cell_carte .btn {
    display: block;
    background: rgba(0, 0, 0, 0) url('../image/gif/puce_list1.gif') no-repeat scroll left 6px;
    color: #000;
    font-size: 11px;
    padding: 0 0 0 11px;
}

.cell_carte .dic_titr_cr {
    color: #d41c11;
}

.cell_carte .desc {
    font-size: 11px;
    margin-bottom: 12px;
    display: block;
}

.liste_Conseil {
}

.liste_Conseil > li {
    font-size: 11px;
    color: #3f3f3f;
    display: inline-block;
    width: 175px;
    margin: 25px 20px 30px;
    border: #e3e4e6 solid 1px;
    padding: 0 15px 15px
}

.liste_Conseil .titre {
    color: #000;
    font-weight: bold;
    margin-bottom: 10px;
    background: #fff;
    display: inline-block;
    margin-top: -35px;
    padding: 2px 15px 2px 10px;
}

input, textarea {
    outline: none
}

/* added 08 01 2016 */
.bloc_fournisseur_link {
    float: right;
    margin-top: 15px;
    height: 52px;
    position: relative;
    z-index: 100;
    width: 256px;
    margin-left: 10px;
}

.link_fournisseur {
    background: url(../image/png/bt_fournisseur.png) left top no-repeat;
    height: 53px;
    width: 256px;
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
}

.link_fournisseur.active {
    background-position: left bottom
}

.desc_fournisseur {
    display: none;
    position: absolute;
    top: 50px;
    left: 0;
    z-index: 9;
    border: 1px solid #e3e4e6;
    background: #FFF;
    padding: 10px 15px 20px;
    width: 213px;
    border-top: none;
    -webkit-border-bottom-right-radius: 3px;
    -webkit-border-bottom-left-radius: 3px;
    -moz-border-radius-bottomright: 3px;
    -moz-border-radius-bottomleft: 3px;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
}

.desc_fournisseur .elem {
    border: #d5d5d5 solid 1px;
    margin-bottom: 10px;
}

.desc_fournisseur .label {
    font-size: 12px;
    color: #000;
    padding: 0 3px 0 5px;
    height: 30px;
    line-height: 30px;
    vertical-align: top;
    display: inline-block;
    width: 85px;
    background: #fefefe url(../image/png/bg_label.png) left bottom repeat-x;
    border-right: #d5d5d5 solid 1px;
}

.desc_fournisseur .input {
    font-size: 12px;
    color: #000;
    padding: 0 5px;
    height: 30px;
    line-height: 30px;
    vertical-align: top;
    display: inline-block;
    width: 95px;
}

.desc_fournisseur .btn {
    height: 28px;
    padding: 0 15px;
    font-size: 14px;
    color: #fff;
    background: #e54634;
    float: right;
    cursor: pointer;
}

.desc_fournisseur .forgot {
    height: 28px;
    line-height: 28px;
    font-size: 11px;
    color: #000;
}

/** added */
.bloc_actus .titre span {
    font-weight: normal;
    color: #e54634;
}

.bloc_offre {
    background:#fff ;
	border:#d4d4d4 solid 1px;
	border-radius: 7px;
    -moz-border-radius: 7px;
    -o-border-radius: 7px;
    -webkit-border-radius: 7px;
    width: 384px;
    min-height: 99px;
    padding: 20px;
}

.bloc_offre input[type="submit"] {
    float: right;
    margin-right: 5px;
}
.dateOffre input {
    cursor: pointer;
    background: #fff url(../image/gif/calendar.gif) 100% top no-repeat;
    border: #d7d7d7 solid 1px;
    height: 30px;
    line-height: 30px;
    width: 140px;
    padding: 0 2px;
}

.tab_offre {
    font-size: 12px;
}

.tab_offre td {
    padding-right: 5px;
}

.inputInscrit {
    border: 0;
    background: #FFF;
    height: 18px;
    width: 300px;
    margin: 6px 5px;
    font-family: arial;
    color: #585555;
    font-size: 11px;
}

.labelInscrit {
    border: 1px solid #D5D5D5;
    padding: 2px 0;
    display: inline-block;
	position:relative
}

.confirmation {
    margin: 30px 0;
	position:relative
}

.txtConfirm {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 15px;
}

.Bigtitle {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 5px;
}

.bigText {
    font-size: 14px;
}

.boxAppel {
    background: #f9f9f9 url(../image/gif/puce.gif) 0 0 no-repeat;
    border: #e3e4e6 solid 1px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    box-shadow: inset 0px 0px 15px 7px rgba(240, 240, 240, 0.4);
    -moz-box-shadow: inset 0px 0px 15px 7px rgba(240, 240, 240, 0.4);
    -webkit-box-shadow: inset 0px 0px 15px 7px rgba(240, 240, 240, 0.4);
    padding: 13px 13px 13px 70px;
    position: relative;
    margin: 20px 0;
}

.boxAppel .title {
    font-size: 18px;
    margin-bottom: 10px;
}

.boxAppel .title span {
    color: #e54634;
}

.boxAppel #slider ul {
    height: 80px;
    overflow: hidden;
    position: relative;
    z-index: 99
}

.boxAppel #slider li {
    font-size: 14px;
    color: #2b2b2b;
    width: 400px;
}

.boxAppel #slider li .date {
    font-size: 12px;
    color: #e54634;
    margin-bottom: 2px;
}

.boxAppel span#prevBtn {
    display: block;
    background: url(../image/png/prev.png) 0 0 no-repeat;
    width: 12px;
    height: 12px;
    position: absolute;
    left: 72px;
    top: 136px;

    z-index: 1000;
}

.boxAppel span#prevBtn a:hover {
    background-position: 0 bottom;
}

.boxAppel span#prevBtn a {
    display: block;
    font-size: 0;
    background: url(../image/png/prev.png) 0 0 no-repeat;
    width: 12px;
    height: 12px;
}

.boxAppel span#nextBtn {
    display: block;
    background: url(../image/png/next.png) 0 0 no-repeat;
    width: 12px;
    height: 12px;
    left: 90px;
    top: 136px;
}

.boxAppel span#nextBtn a {
    display: block;
    background: url(../image/png/next.png) 0 0 no-repeat;
    width: 12px;
    height: 12px;
    font-size: 0px;
}

.boxAppel span#nextBtn a:hover {
    background-position: 0 bottom;
}

.voirTous {
    background: url(../image/png/next.png) 100% 0 no-repeat;
    display: inline-block;
    color: #e64e3e;
    font-size: 12px;
    padding-right: 14px;
    position: absolute;
    right: 32px;
    bottom: 17px;
}

.voirTous:hover {
    text-decoration: underline;
}

.boxRdv {
    background: url(../image/jpg/bg_ban1.jpg) left top no-repeat;
   
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
    margin-bottom: 20px;
    padding: 37px 30px 30px;
}

.boxRdv .title {
    color: #fff;
    font-size: 28px;
	font-weight:bold;
    margin-bottom: 10px;
}

.boxRdv .links a {
    display: block;
    background: url(../image/png/puce2.png) 0 center no-repeat;
    padding-left: 13px;
	margin-bottom:10px;
    color: #fff;
    font-size: 18px;
}

.boxRdv .links a:hover {
    text-decoration: underline;
}

.boxOffre {
    background: url(../image/jpg/offre.jpg) left top no-repeat;
   margin-bottom: 20px;
    padding: 13px;
}

.boxOffre .title {
    color: #fff;
    font-size: 22px;
    margin-bottom: 10px;
}
.boxOffre .title a {
    color: #fff;
    margin-top: 12px;
    display: inline-block;
}
.marginBtn {
    margin-top: 10px;
}

.link_list {
    display: block;
    background: url(../image/gif/puce_all_news.gif) left 4px no-repeat;
    font-family: arial;
    color: #5f5f5f;
    font-size: 12px;
    margin-bottom: 05px;
    padding: 0 0 0 15px;
}

.link_list:hover {
    text-decoration: underline;
}
.wrapper_select {
    margin-left: 10px;
    margin-top: 10px;
    position: relative;
}
.wrapper_select h2{
    position: relative;
    height: 28px;
    line-height: 28px;
    background: #FFF url(../jqtransformplugin/img/right_select.gif) no-repeat right center;
    font-family: Tahoma;
    color: #585555;
    font-size: 11px;
    float: none;
    padding: 2px 0 0 5px;
    cursor: pointer;
    zoom: 1;
    border: 1px solid #CCCCCC;
    width: 430px;
}
ul.my_liste {
    list-style-type: none;
    padding: 10px;
    position: absolute;
    left: 0;
    top: 31px;
    background: #fff;
    border: 1px solid #CCCCCC;
    width: 415px;
    display: none;
	z-index:2;
}
ul.my_liste li {
    margin-bottom: 10px;
    cursor: pointer;
}
ul.my_liste li,
ul.my_liste li a {
    font-size: 12px;
    color: #000;
}
ul.my_liste li a:hover {
    color: #c35757;
    text-decoration: underline;
}
ul.my_liste li.active a {
    color: #c35757;
    text-decoration: underline;
}
/*.formError{   left:auto !important}*/
/*Campagne*/
.bg_bloc_bannerCampagne {
    /*background:url(../image/jpg/banners.jpg) center top no-repeat;*/
    position: relative;
    z-index: 2;
}
.bg_bloc_bannerCampagne img{ width:100%; height:auto; position:relative; z-index:1;}
.bg_bloc_bannerCampagne a{position:absolute; height:100%; display:block; top:0; z-index:3; text-align:center;}
.bg_bloc_bannerCampagne a:hover span{display:block; /*background:url(../image/png/hoverbt.png)*/}
.bg_bloc_bannerCampagne .link1{ width:29.166666%; right:0;}
.bg_bloc_bannerCampagne .link2{ width:20.83333%; right:29.166666%;}
.bg_bloc_bannerCampagne .link3{ width:20.83333%; left:29.166666%;}
.bg_bloc_bannerCampagne .link4{ width:29.166666%; left:0;}
.bg_bloc_bannerCampagne a.link1 span{ background:#407e36;}
.bg_bloc_bannerCampagne a.link2 span{ background:#f6c226;}
.bg_bloc_bannerCampagne a.link3 span{ background:#ca4239;}
.bg_bloc_bannerCampagne a.link4 span{ background:#ab1f46;}
.bg_bloc_bannerCampagne a span {display: none;left: 50%;bottom:5%;position: absolute;width: 170px;text-align: center;height: 40px;line-height: 40px;background: #e54634;color: #fff;font-weight: 700;font-size: 14px;text-transform: uppercase; margin-left:-75px;
border-radius: 40px 40px 40px 40px;
-moz-border-radius: 40px 40px 40px 40px;
-webkit-border-radius: 40px 40px 40px 40px;
-webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.75);
box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.75);

}
.blocfooter {
    background:/*url(../image/gif/bgfooter.gif) center bottom no-repeat*/ #e7e7e7;
	padding-bottom:220px;
}
.bodyCampagne {
	font-family: 'Roboto', sans-serif;
	font-weight:400;
    background: #fdc244;
    font-size: 12px;
    border: 10px solid #f4f3f3;
}
.cntCampagne{ position:relative;font-family: 'Roboto', sans-serif;font-weight:400;background: #fdc244;font-size: 12px; padding:20px}
.form1{background:url(../image/gif/form1.gif) left top no-repeat; width:300px; height:376px; position:absolute; right:30px; top:0; z-index:3; }
.topCampagne{ border-bottom:1px solid #000; padding:30px 20px 20px}
.topCampagne a {display:inline-block; font-size:18px; color:#000; background:url(../image/png/retourpuce.png) left center no-repeat; padding:4px 10px 4px 45px;   }
.headerCampagne{height:356px; position:relative; z-index:4}
.headerCampagneTxt{ width:380px; }
.headerCampagneTxt .img1{ margin-bottom:20px;}
.headerCampagneTxt .img2{ margin:0 0 15px 20px;}
.plusHeader{display: block;width: 166px;border: 2px solid #000;padding: 8px 0;text-align: center;color: #000;font-weight: 700;font-size: 16px;text-transform: uppercase;position: absolute;right: 0;bottom: 30px;letter-spacing: 1px;}
.plusHeader:hover{background:#000; color:#fdc244; }


.headerCampagneTxt .txt1{font-weight:700;font-size: 20px; color:#000; margin-bottom:20px; margin-left:10px;}
.listeCompHeader{ margin-left:20px;}
.listeCompHeader li{background:url(../image/gif/pucecomp.gif) left center no-repeat; color:#000;font-weight:400;font-size: 16px; margin-bottom:7px; line-height:1.3; padding:0 0 0 17px }
.blocBannerComp{ margin-bottom:5px;}
.blocBannerComp .blc { float:left; position:relative; padding-top:240px; padding-bottom:80px;}
.blocBannerComp .blc a{ position:absolute; height:700px;width:100%; left:0; top:0;}
.blocBannerComp .blc1{width:33.333%; background:url(../image/gif/bgban1.gif) center top no-repeat #d0426d;}
.blocBannerComp .blc2{width:33.333%; background:url(../image/gif/bgban2.gif) 10px top no-repeat #d46b45; }
.blocBannerComp .blc3{width:33.334%; background:url(../image/gif/bgban3.gif) right 20px no-repeat #6b9f4f; }
.ttrComp1{background:url(../image/png/pucettr1.png) left top no-repeat; padding:0 30px 5px 30px; font-size:16px; color:#FFF; font-weight:700; position:absolute; left:15px; top:20px; }
.ttrComp2{background:url(../image/png/pucettr2.png) left 2px no-repeat; padding:0px 10px 5px 37px; font-size:16px; color:#FFF; font-weight:700; position:absolute; left:0; top:20px; }
.ttrComp3{background:url(../image/png/pucettr3.png) left top no-repeat; padding:0 10px 5px 25px; font-size:16px; color:#FFF; font-weight:700; position:absolute; left:15px; top:20px; }

.blocBannerComp .info{ height:190px; padding:0 15px 0 15px;}
.blocBannerComp .desc1{ color:#fff;font-weight:700;font-size: 14px; margin-bottom:5px; line-height:1.3;}
.blocBannerComp .desc2{ color:#000;font-weight:700;font-size: 12px; margin-bottom:5px; line-height:1.3;}
.listeCompBlanc{ }
.listeCompBlanc li{background:url(../image/png/puceblanc.png) left 4px no-repeat; color:#fff;font-weight:400;font-size: 14px; margin-bottom:7px; line-height:1.3; padding:0 0 0 12px }
.plus{ position:absolute; left:0; bottom:25px; text-align:center; width:100%;}
.plus span{display:inline-block; border:2px solid #FFF; padding:8px 50px; color:#fff;font-weight:700;font-size: 14px; text-transform:uppercase;}

.blc1:hover .plus span{background:#FFF; color:#d0426d;}
.blc2:hover .plus span{background:#FFF; color:#d46b45;}
.blc3:hover .plus span{background:#FFF; color:#6b9f4f;}

.blc1:hover,
.blc2:hover,
.blc3:hover{ z-index:20;
	-webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.75);
box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.75);}

.logofooter{ text-align:center; height:120px; background:#f4f3f3;}
.logofooter a{display:inline-block; position:relative; top:-60px;}
.center_page_full {
    float: right;
    width: 700px;
    display: inline;
    background: #FFF;
}
.jqTransformHidden {
    display: none !important;
}

/* Fournisseur */

.page_contenu.fournisseur { background:url(../image/gif/top_fournisseur.gif) left top repeat-x;}
.bg_page_contenu.fournisseur { background: url(../image/gif/banner_topfournisseur.gif) center top no-repeat;}
.box_fournisseur { background:#eeeff1 url(../image/jpg/bg_fournisseur.jpg) center top no-repeat; min-height:730px; padding:70px 40px 40px; box-sizing:border-box;}
.box_fournisseur.interne { min-height:inherit;}

.box_fournisseur .entete { margin-bottom:40px;}
.box_fournisseur .titre { font-size:45px; color:#0e0e0e; font-weight:bold; font-family:Helvetica, sans-serif; margin-bottom:10px;} 
.box_fournisseur .desc { font-size:25px; color:#0e0e0e; font-weight:300; font-family:Helvetica, sans-serif;}

.box_fournisseur .left { width:400px; float:left;}
.box_fournisseur .right { width:400px; float:right;}

.box_fournisseur .left.interne { width:510px; }
.box_fournisseur .right.interne { width:300px;}

.slider_fournisseur { background:#fff; border:#d4d4d4 solid 1px; border-radius:7px; -moz-border-radius:7px; -o-border-radius:7px;  -webkit-border-radius:7px; padding:36px 30px 25px;}
.slider_fournisseur .titre_slider_frs { font-size:30px; color:#0e0e0e; margin-bottom:20px; font-weight:bold; }
.slider_fournisseur .titre_slider_frs span { color:#e54634;}
.slider_fournisseur .coming_soon { position:relative; left:-30px; padding:2px 30px 4px 40px; display:inline-block; background: #fa8127 url(../image/gif/avenir_fournisseur.gif) right top no-repeat; font-size:14px; color:#fff; margin-bottom:15px;}

.slider_fournisseur .owl-carousel .item .date { color:#6f6f6f; font-size:14px; margin-bottom:15px;}
.slider_fournisseur .owl-carousel .item .date span { color:#e54634; }

.slider_fournisseur .owl-carousel .item .link a { max-height:90px; overflow:hidden; color:#2b2b2b; font-size:19px; margin-bottom:40px; display:block;}
.slider_fournisseur .owl-carousel .item .link_cahier_charge a { border-radius:30px; -moz-border-radius:30px; -o-border-radius:30px;  -webkit-border-radius:30px; font-size:18px; color:#fff; background:#afafaf; display:block; text-align:center; padding:10px 0;}
.slider_fournisseur .owl-carousel .owl-buttons { position:absolute; right:0; top:-80px;}
.slider_fournisseur .owl-carousel .owl-buttons .owl-prev, .slider_fournisseur .owl-carousel .owl-buttons .owl-next { background:url(../image/gif/arrow_sliderfourni.gif) no-repeat; width:11px; height:17px; text-indent:-9999em; display:inline-block; margin-left:20px;}
.slider_fournisseur .owl-carousel .owl-buttons .owl-next { background-position:right top;}
.all_offres { text-align: center; padding:25px 0 0;}
.all_offres a { display:inline-block; text-align:center; color:#e64e3e; background:url(../image/gif/arrow_allofre.gif) right 1px no-repeat; padding:0 15px 0 0;}
.all_offres a:hover { text-decoration:underline;}

.box_fournisseur .left .bloc_offre { padding:10px; margin-bottom:10px; width:auto;}
.box_fournisseur .bloc_actus { background:#fff;  border: #d4d4d4 solid 1px;  -moz-border-radius:3px; -o-border-radius:3px;  -webkit-border-radius:3px; margin-bottom:10px;}
.box_fournisseur .right.appel { padding-top:0;}

.box_fournisseur .bloc_actus .titre {
    display: block;
    font-family: arial;
    color: #000;
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 10px;
}

.box_fournisseur .bloc_actus .desc { font-family: arial;
    color: #5f5f5f;
    font-size: 14px; display: block; margin-bottom:10px;}

.box_fournisseur .bloc_actus .link_nodoc {display: inline-block;
    text-align: center;
    color: #e64e3e;
    background: url(../image/gif/arrow_allofre.gif) right 1px no-repeat;
    padding: 0 15px 0 0;}
	
.box_fournisseur .bloc_offre input[type="submit"] {
    float: right;
    margin-right: 5px;
	background:#fa8127;
	padding:5px 10px;
	color:#fff;
	cursor:pointer;
	
}

.box_fournisseur .bloc_offre .dateOffre input { width:187px;}
.box_interne_frs {background: #fff;
    border: #d4d4d4 solid 1px;
    border-radius: 7px;
    -moz-border-radius: 7px;
    -o-border-radius: 7px;
    -webkit-border-radius: 7px;
    padding: 30px ;}
	
.path_profil { float:right;}

.path_profil a {     background: url(../image/gif/puce_path.gif) left 4px no-repeat; color: #000; padding: 0 0 0 15px; display:inline-block; margin-left:10px;}
.path_profil a:hover { text-decoration:underline;}
.my_rapper {
    width: 288px;
}
.my_rapper .wrapper_select h2 {
    width: 271px;
}
.my_rapper ul.my_liste {
    width: 256px;
}
.my_rapper .wrapper_select {
    margin-top: 0;
}

.input_matricule {border: 1px solid #D5D5D5; height:28px; margin:2px; text-align:center; display:inline-block;}
.input_matricule1 { width:93px;}
.input_matricule2 { width:40px;}
.input_matricule3 { width:55px;}

.input_registre {border: 1px solid #D5D5D5; height:28px; width:148px; margin:2px; text-align:center; display:inline-block;}
.div_bottom_link{ padding:40px 0 0; text-align:center }


.div_bottom_link a{ display:inline-block; margin:0 5px; }



/** ADDED 04/07/2016 ***/

.res_sociau {position: fixed; bottom: 0; right: 2%; height:55; background:rgba(35,35,35,0.7); padding:5px 5px 5px 10px; 
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px; }
.res_sociau .iconRS{ width:32px; height:32px; display: inline-block; margin-right:5px; }
.res_sociau .iconRS img{ width:32px; height:32px; }
.res_sociau .texte{ color:#fff; font-size:13px; display:inline-block; text-transform:uppercase; font-weight:700; line-height:14px; margin-right:15px;}
.res_sociau .texte span{ display:block; font-size:12px;}

.width_all{ float:none; display:block; clear:both}
.width_all input{  width:99%}
.width_all > table{  width:99%}