/**************************************************
	Template de page SEDI Global.css
	update 2022
**************************************************/
*{
box-sizing: content-box !important;
}

@media print{
	a[href]:after {
    content: "" !important;
	}
}

/* ---------------------BODY-------------------------- */
body,html{margin:0; padding:0; text-align:center;font-family:"Verdana", Arial, Helvetica, sans-serif;font-size:100%;min-width: 955px;width: 100%;background-color: #FFF;}
form {margin:0; padding:0;}
/* PAGE */
#body{width:955px; margin:0 auto; padding:5px 0 0 0; text-align:left;font-size:1em;position:relative;overflow: hidden;}

label{font-family:"Verdana", Arial, Helvetica, sans-serif;color:#035a63;font-weight:bold;cursor:pointer;}
input,select,textarea {font-family:"Verdana", Arial, Helvetica, sans-serif;	padding: 1px; margin:1px 0;background-color: #fff; border: 1px solid #5bc3c2;color:#555555;font-size:100%;}
/*table,tr,td {margin:0; padding:0;}*/
img {border:none;}

.clear{clear:both;}
*{outline:none;}
#container {margin:0 auto; padding:0; width:100%; text-align:left;}
.ajax-loading {padding: 0;background: url('/templates/images/mini-ajax-loader.gif') no-repeat center;}
/* rollover des input pour IE7 et FF */
input[type=radio],input[type=checkbox] {border:none;}
input[type], textarea[name] {color:#555555;background-color: #fff;}
/*
input[type=submit],input[type=button], input[type=reset]{color:#fff;background-color:#035a63; height:20px; font-weight:bold; border:2px ridge #5bc3c2; cursor:pointer;margin:0; padding:0px; font-size:0.7em;}
input[type=submit]:hover,input[type=button]:hover, input[type=reset]:hover{color:#035a63;background-color:#fff; height:20px; font-weight:bold; border:2px ridge #5bc3c2; cursor:pointer;margin:0; padding:0px; font-size:0.7em;}
input[type=submit]:active,input[type=button]:active, input[type=reset]:active{color:#035a63;background-color:#fff; height:20px; font-weight:bold; border:2px ridge #5bc3c2; cursor:pointer;margin:0; padding:0px; font-size:0.7em;}
*/
/*
input[type=submit],input[type=button], input[type=reset]{ background: #E6E6E6; border: 1px solid #ccc; color: #555555; height:20px; font-weight:bold; border-radius: 4px 4px 4px 4px !important; cursor:pointer;margin:0; padding:0px; font-size:11px;}
input[type=submit]:hover,input[type=button]:hover, input[type=reset]:hover{background: #a7ced2; border: 1px solid #666666; color: #212121; height:20px; font-weight:bold; border-radius: 4px 4px 4px 4px !important; cursor:pointer;margin:0; padding:0px; font-size:11px;}
input[type=submit]:active,input[type=button]:active, input[type=reset]:active{background: #a7ced2; border: 1px solid #666666; color: #212121; height:20px; font-weight:bold; border-radius: 4px 4px 4px 4px !important; cursor:pointer;margin:0; padding:0px; font-size:11px;}
*/
input[type=submit],input[type=button], input[type=reset]{ line-height:12px; border-radius:3px; padding:2px 5px; overflow:visible; width:auto; background-color:#F5F5F5; border-color:#EEEEEE #DEDEDE #DEDEDE #EEEEEE; border-right:1px solid #DEDEDE; border-style:solid; border-width:1px; color:#565656;  cursor:pointer; display:block; float:left; font-family:Verdana; font-size:12px; font-weight:bold; margin:0 0.583em 0.667em 0; text-decoration:none;}
input[type=submit]:hover,input[type=button]:hover, input[type=reset]:hover{background-color:#e7fbfd; border:1px solid #5BC3C2; color:#257372;}
input[type=submit]:active,input[type=button]:active, input[type=reset]:active{background-color:#e7fbfd; border:1px solid #5BC3C2; color:#257372;}


input:focus, select:focus, textarea:focus{
    background-color: #bfdee1;
}
/* ------ HEADER 2010 (bloc navigation) --------- */
#Rdte_NewNav2010 { position:relative; }
#Rdte_NewNav2010 { margin: 0 auto; width: 955px; background-color: #fff; }
#Rdte_NewNav2010 ul.NewNav2010 { padding:0; margin:0; list-style-type:none; height: 36px; color: #648185;background-color: #c1e1e4;}
#Rdte_NewNav2010 ul.NewNav2010 li { padding:0; margin:0; list-style-type:none; float:left; border-right: 1px solid #fff; }
#Rdte_NewNav2010 ul.NewNav2010 li.separ { border-right: 1px solid #cfcecb; }
#Rdte_NewNav2010 ul.NewNav2010 li a { font-size: 10px; font-weight: bold; display: block; text-decoration: none; padding: 0px 15px; text-align: center; }
#Rdte_NewNav2010 ul.NewNav2010 li a.line1 { padding-top: 6px; height: 30px;}#Rdte_NewNav2010 ul li a.line2 { padding-top: 6px; height: 30px;  }
#Rdte_NewNav2010 ul.NewNav2010 li a.defaut { text-decoration: none; color: #035a63; }
#Rdte_NewNav2010 ul.NewNav2010 li div.NewNavLayer { display:none; position:absolute; top:36px; float: left; width: 954px; z-index:1000; left: 0; margin-left: 0px; padding: 1px; height: 200px; }
#Rdte_NewNav2010 ul.NewNav2010 li div.NewNavLayerOn { display:block; position:absolute; top:36px; float: left; width: 954px; z-index:1000; left: 0; margin-left: 0px; padding: 1px; height: 200px; }

#Rdte_NewNav2010 ul.NewNav2010 li div.NewNavLayer_s { display:none; position:absolute; top:36px; float: left; width: 751px; z-index:1000; left: 0; margin-left: 0px; padding: 1px; height: 200px; }


/* --------------------------HEADER----------------------------------------- */

#header{
width: 100%;
height: 200px;
background-color:#fff;
color:#0099A1; /* Normal : color:#0099A1; / Octobre Rose : color:#F43072; / Movember : color:#6391e5; / Noel et Nouvel An : color:#0099A1;*/  
padding: 0;
margin:0;
}

#header a,#header li,#header ul{
color:#0099A1;/* Normal : color:#0099A1; / Octobre Rose : color:#F43072; / Movember : color:#6391e5; / Noel et Nouvel An : color:#0099A1;*/  
}

#header a:hover{
color:#0099A1;/* Normal : color:#0099A1; / Octobre Rose : color:#F43072; / Movember : color:#6391e5; / Noel et Nouvel An : color:#0099A1;*/  
}



/* -------------------Col Gauche------------------------- */
#header-col-1 {float:left; width:30%; height:200px;}
@media only screen and (max-width: 1320px) {
    #header-col-1 {float:left; width:23%; padding: 0 2% 0 0; height:200px;}
}

#aheader {display:block;width:100%;height:200px; text-decoration:none;}
#aheader:hover {text-decoration:none;}
#aheader span{display:none;}


img.Logo-Header{
display: block;
width:200px;/* Normal :width:200px; / Octobre Rose : width:250px / Movember : width:250px / Noel et Nouvel An : width:400px */
margin:10px auto 0 auto;
}
@media only screen and (max-width: 1320px) {
    img.Logo-Header{
    display: block;
    width:70%;/* Normal :width:70%; / Octobre Rose : width:72% / Movember : width:72% / Noel et Nouvel An : width:100% */
    margin:10px auto 0 auto;
    }
}

#baseline {width:100%; margin:0px auto;}
#baseline p{font-size:16px; text-align:center; text-decoration:none;}
@media only screen and (max-width: 1320px) {
    #baseline p{font-size:13px; text-align:center; text-decoration:none;}
}
/* ----------------------Col milieu------------------------------- */
#header-col-2 {float:left;margin:0; padding:0 0 20px 0;width:40%;height:170px}
@media only screen and (max-width: 1320px) {
    #header-col-2 {float:left;margin:0; padding:0 0 20px 0;width:45%;height:170px}
}
#top-menu {width: 100%;}
#top-menu ul {width:540px; height:40px; padding:0; list-style-type:none; font-size:16px; }
@media only screen and (max-width: 1320px) {
    #top-menu ul {width:100%; height:40px; padding:0; list-style-type:none; font-size:12px; }
}
#top-menu ul li{float:left; margin:0; padding:10px 10px 0 0;}
@media only screen and (max-width: 1320px) {
   #top-menu ul li{float:left; margin:0; padding:10px 3px 0 0;}
}
#top-menu ul li a{margin:0; padding:0 7px 0 0; text-decoration:underline;}
#top-menu ul li a:hover{margin:0; padding:00 7px 0 0;; text-decoration:underline; opacity:0.8;}
#top-menu .btn-social-icon {text-decoration:none; color:#fff; }
#top-menu .btn-social-icon:hover {text-decoration:none; color:#fff;}


#bloc-texte-bienvenue{padding:0;font-size:16px;display:block;}
@media only screen and (max-width: 1320px) {
   #bloc-texte-bienvenue{text-align: center;padding:0 10px 0 0;font-size:14px;display:block;}
}
#bloc-texte-bienvenue p{padding:2px 0 0 0; margin:0;}
#bloc-texte-bienvenue a {margin:0; padding:0; text-decoration:underline; font-size:13px; text-align:center;}
#bloc-texte-bienvenue a:hover{margin:0; padding:0; text-decoration:underline;font-size:13px; text-align:center;}
#bloc-texte-bienvenue span {font-size:14px;}
#bloc-texte-bienvenue span a {font-size:14px;}

#form_search {margin: 0 auto; padding:20px 0 0 0; font-size:16px; height:45px; width:100%; text-align:left;}



#form_search .inpFrms {
margin:0 auto;
padding:1px 40px 1px 40px;
font-size:16px;
height:35px;
width:70%;
color:#555555;
border:solid 3px #51C0C9;/* Normal :border:solid 3px #51C0C9; / Octobre Rose : border: solid 3px #F43072; / Movember : border: solid 3px #6391e5; / Noel et Nouvel An :border:solid 3px #51C0C9;*/  
background: url('/templates/images/q2013.gif') no-repeat 10px center;
background-color: #fff;
border-radius: 20px!important;}

@media only screen and (max-width: 1220px) {
#form_search .inpFrms {
margin:0 auto;
padding:1px 40px 1px 40px;
font-size:16px;
height:35px;
width:65%;
color:#555555;
border:solid 3px #51C0C9;/* Normal :border:solid 3px #51C0C9; / Octobre Rose : border: solid 3px #F43072; / Movember : border: solid 3px #6391e5; / Noel et Nouvel An :border:solid 3px #51C0C9;*/  
background: url('/templates/images/q2013.gif') no-repeat 10px center;
background-color: #fff;
border-radius: 20px!important;}
}



#form_search .inpFrms:focus::placeholder { color: white;}

#form_search .slcFrms {margin:0; padding:1px; font-size:14px; color:#555555;}
#form_search .subFrms {margin:0 0 0 10px; padding:0px 15px 1px 15px;height:35px; width:35px;font-size:11px;}
@media only screen and (max-width: 1220px) {
   #form_search .subFrms {margin:10px 0 0 5px; padding:0px 10px 1px 10px;height:25px; width:25px;font-size:11px;}
}

/* ---------------------------------Col Droite------------------------------------------- */

#header-col-3 {
float:left;
margin:0;
padding:10px 0 0 0;
width:30%;
height:190px;
background-color: #D8F5F8;/* Normal : background-color:#D8F5F8; / Octobre Rose : background-color:#F43072; / Movember : background-color: #6391e5; / Noel et Nouvel An : background-color:#D8F5F8;*/
color:#0099A1;/* Normal : color:#0099A1 / Octobre Rose : color:#fff; / Movember :color:#fff;/ Noel et Nouvel An : color:#0099A1 */  
}

@media only screen and (max-width: 1320px) {
    #header-col-3 {
    float:left;
    margin:0;
    padding:10px 0 0 0;
    width:30%;
    height:190px;
    background-color:#D8F5F8;/* Normal : background-color:#D8F5F8; / Octobre Rose : background-color:#F43072; / Movember : background-color: #406ec3; / Noel et Nouvel An : background-color:#D8F5F8;*/
    color:#0099A1;/* Normal : color:#0099A1 / Octobre Rose : color:#fff; / Movember :color:#fff;/ Noel et Nouvel An : color:#0099A1 */  
    }
}   

#header-col-3 a, a ul, a li {
color:#0099A1; /* Normal : color:#0099A1 / Octobre Rose : color:#fff; / Movember : color:#fff; / Noel et Nouvel An : color:#0099A1; */
}


#header-col-3 a:hover, a:hover ul, a:hover li {
 color:#0099A1;/* Normal : color:#0099A1/ Octobre Rose : color:#fff; / Movember : color:#fff; / Noel et Nouvel An : color:#0099A1; */
}


    
.toolbar-title {text-transform:uppercase; font-weight:bold; font-size:14px; margin-top: 0;}
#toolbar{ margin:0; padding:0 0 0 0; width:100%; font-size:1em;}
#toolbar span {float:left; width: 120px;}
@media only screen and (max-width: 1320px) {
   #toolbar span {float:left; width: 40%;}
}
#acces-panier {float:left;padding:20px 0 0 20px; height:125px;text-decoration:none; font-size:14px; text-align: center;}
.panier-img {width:50px; height:50px; display:block; margin: 0 auto 10px auto;}
@media only screen and (max-width: 1320px) {
  #acces-panier {float:left;padding:20px 0 0 0; height:125px;text-decoration:none; font-size:14px; text-align: center;}
  .panier-img {width:40px; height:40px; display:block; margin: 0 auto 10px auto;}
}
#acces-panier a img {width:50px; height:50px; display:block; margin: 0 auto 10px auto;}
#acces-panier a:hover img {width:50px; height:50px; display:block; margin: 0 auto 10px auto;}
#acces-panier a{display:block; margin:0; text-decoration:none;}
#acces-panier a:hover{display:block; margin:0; text-decoration:none;}


/* User logged In */
#user-panel ul {float:right;width:60%; margin:0; padding:0; font-size:12px; list-style-type:none;}
#user-panel ul li {text-align:left; margin:0; padding:0;line-height:15px; font-size:12px; }
#user-panel ul li:hover {text-decoration:underline;}
#user-panel ul a {text-align:left; margin:0; padding:0; line-height:15px; font-size:12px; text-decoration:none;}
#user-panel ul a:hover {text-decoration:underline;}

/* User logged Out */
#login-form {float:right;width:60%;margin:0; padding:0; font-size:12px;}
#login-form .inpFrms {margin: 2px auto; padding:5px 2px; font-size:12px; width:90%; color:#555555;}
#login-form .subFrms {margin: 2px auto; padding:10px 2px; font-size:12px; width:90%; }
#login-form a {text-align:left; margin:0; padding:0;line-height:15px;font-size:12px; text-decoration:none;}
#login-form a:hover {margin:0; padding:0; text-decoration:underline;font-size:12px;}

#login-form ul {margin:0;padding:0 0 0 0px;text-align:right;font-size:12px; list-style-type:none;}
#login-form ul li {text-align:left; margin:0; padding:0;line-height:15px;font-size:12px; text-decoration:none;}
#login-form ul li:hover {text-decoration:underline;}

#login-form-bas {padding:0px 0 0 0px;font-size:12px;}

#mdplost a:hover{margin:0; padding:0; text-decoration:underline;font-size:0.6em;}





#deco-2013 {margin:10px 0 0 0; padding:0; text-align:right;text-decoration:none;color:#fff;font-size:11px;}
#deco-2013 p{ float:right;margin:0; padding:0 0 0 142px;color:#fff;font-size:11px; width:148px; text-align:left;}
#deco-2013 a {margin:0; padding:0; text-decoration:none;color:#fff;font-size:11px;}
#deco-2013 a:hover{margin:0; padding:0; text-decoration:none;color:#035a63;font-size:11px;}

#deco-2013 ul {margin:0; padding:0 0 0 125px;color:#fff; text-align:right;font-size:1.5em; list-style-type:none;}
#deco-2013 ul li {background:url('/templates/images/croix.gif') no-repeat left 7px;text-align:left; margin:0; padding:0 0 0 12px;line-height:16px;;font-size:11px;}
#deco-2013 ul li:hover {background:url('/templates/images/croix_hover.gif') no-repeat left 7px;}

/* MAIN NAVIGATION */
#main-nav {margin:0 auto; padding:1px 0 0 0; width:955px; text-align:left; /*border-top:1px solid #035a63;*/font-size:1em;}
#main-nav ul{float:left;margin:0 auto; padding:0; list-style-type:none;font-size:0.6em; width:620px;height:39px;}
#main-nav ul li{float:left;margin:0 auto; padding:0;height:39px; text-align:center; font-weight:bold; line-height:13px;}
#main-nav .separator{border-right:1px solid #c1e1e4; }
#main-nav .noseparator{border:none;}
#main-nav ul li a{ display:block;margin:0; padding:5px 14px 0 14px; text-decoration:none;color:#fff;height:34px;background-color:#035a63;}
#main-nav ul li a:hover{display:block;margin:0; padding:5px 14px 0 14px; text-decoration:none;color:#035a63;height:34px;background-color:#c1e1e4;}

#infos-cgv{margin:10px 0 0 0; padding:0; width:172px;height:44px;}
#infos-cgv span{display:none;}
#infos-cgv a{display:block;width:172px;height:42px;margin:0; padding:0;}


#bonnes-affaires{margin:10px 0 0 0; padding:0; /*background:url('/templates/images/bonnes-affaires.gif') no-repeat 2px 0;*/ width:172px;height:44px;}
#bonnes-affaires span{display:none;}
#bonnes-affaires a{display:block;width:172px;height:42px;margin:0; padding:0;}

#prix-HT-TCC {float:right;margin: 5px 20px 0 0 ; font-size:10px; width:160px;}

#form_tarifs {}

span.text-prix-HT-TCC {
float: left;
margin: 5px 10px 0 0;
color:#0099A1; /* Normal : #0099A1; / Octobre Rose : color: #fff; / Movember : color: #fff; / Noel et Nouvel An : #0099A1; */ 
}


#select_tarif{float:left;margin:0; padding:0; width:40px;height:20px; text-align:left; font-size:10px; background-color:#fff;border: solid 1px #02a2ac; list-style: none outside none; outline: medium none;}
#select_tarif input{border:none;}
.input-prix {border: medium none;list-style: none outside none;margin: 0;outline: medium none; padding: 0;}

@media only screen and (min-width: 1020px) and (max-width: 1150px) {
   #prix-HT-TCC {float:right; margin: 5px 20px 0 0px; font-size:10px; width:40px;}
   span.text-prix-HT-TCC {display: none;}
}


#acces-conso{float:right;margin:0; padding:0; background:url('/templates/images/consommable.gif') no-repeat 0 0; width:231px;height:61px; }
#acces-conso span{display:none;}
#acces-conso a{display:block;width:231px;height:61px;margin:0; padding:0;}

#acces-conso2{float:right;margin:0; padding:0; background:url('/templates/images/consommable2.jpg') no-repeat 0 0; width:193px;height:61px; }
#acces-conso2 span{display:none;}
#acces-conso2 a{display:block;width:193px;height:61px;margin:0; padding:0;}

#marquepage {overflow:hidden;width: 750px; height:25px;line-height:25px; float:left;margin:0; padding:0; color:#009ea9; font-size:0.7em;border-bottom:0;/*border-bottom:1px dotted #035a63;*/}
#marquepage a{color:#009ea9;text-decoration:underline; }
#marquepage a:hover{ text-decoration:underline;color:#E5004F;}


/* TAGS */
#tagsCloud {clear:both;margin:5px 0 0 0; padding:0; width:955px; color:#A3A2A2;}
#tagsCloud a{text-decoration:none;color:#A3A2A2;}
#tagsCloud a:hover{ text-decoration:underline;color:#A3A2A2;}


/* FOOTER */

#container-menu-global-footer {background-color: #2F2F2F; color: #fff; width: 100%; margin: 50px auto 0 auto; padding: 20px 0; text-align: center; font-weight: 400; } 

.ligne-menu-global-footer {max-width: 1200px; margin: 0 auto;} 
@media only screen and (max-width: 1200px) {
   .ligne-menu-global-footer {max-width: 100%; margin: 0 auto;} 
}
.ligne-menu-global-footer ul { list-style: none; padding : 20px; }
.ligne-menu-global-footer li { line-height: 20px; }  
.ligne-menu-global-footer li a { color: #fff; font-size: 12px; text-decoration: none; }  
.ligne-menu-global-footer li a:hover { color: #fff; font-size: 12px; text-decoration: none;opacity:0.8; }
.ligne-menu-global-footer h2 { font-size: 16px;padding-bottom: 10px;border-bottom: solid 1px #dedede; color: #fff; } 
@media only screen and (max-width: 1200px) {
   .ligne-menu-global-footer h2 { font-size: 14px; padding-bottom: 10px; border-bottom: solid 1px #dedede; color: #fff; }
}
.col-4-footer {width: 290px;float: left; margin: 10px 5px; } 
@media only screen and (max-width: 1200px) {
   .col-4-footer {width: 25%;float: left; margin: 10px 0px; } 
}

    
#alt-nav {
clear:both;
margin:0 auto;
padding:20px 0 0 0;
width:100%;
text-align:center;
font-size:1em;
background-color:#038991;/* Normal : background-color:#038991; / Octobre Rose : background-color:#FF4B88; / Movember : background-color:#406ec3;/ Noel et Nouvel An : background-color:#038991 */ 
font-weight: 400;
}



#alt-nav ul{width:70%;margin:0 auto; padding:8px 0 0 35px;  height:50px; list-style-type:none; text-align:center;}
#alt-nav ul li{float:left;margin:0; padding:2px 10px;font-size:13px;text-align: center;}
#alt-nav ul li a{margin:0; padding:0; text-decoration:none; color:#fff;font-size:13px;text-align: center;}
#alt-nav ul li a:hover{margin:0; padding:0; text-decoration:none; color:#c1e1e4;text-align: center;}




#footer {clear:both; padding:0; width:100%; }
#footer-container {width:80%; margin: 0 auto; padding:0 10%; text-align: center;}
#infos-legal {margin:0; padding:20px 0; float:left; width:50%; height:90px; font-size:12px; color:#035a63; font-style :normal;}





#paiement-securise{margin:0; padding:20px 0 0 0; float:left; width:50%;height:90px;}
#paiement-securise img {display:block; height:56px; margin:17px 0 0 0;}
@media only screen and (max-width: 1200px) {
   #paiement-securise img {display:block; width: 100%; margin:17px 0 0 0;}
}

#paiement-securise span {display:none;}


#pages-edito{clear:left;background-color:#F1F1F1; width:80%; margin:0; padding: 20px 10%; font-size:11px; color:#666;text-align: center;}
#pages-edito a{text-decoration:none; color:#666;text-align: center;}
#pages-edito a:hover{text-decoration:none; color:#292929;text-align: center;}

#creation-visuelle {margin:0; padding:0; float:right; background:url('/templates/images/creation-visuelle.gif') no-repeat 0 0; width:256px; height:28px;}
#creation-visuelle span {display:none;}
#creation-visuelle a {display:block; width:256px; height:28px;}

/* LIENS DISCRETS */
#body-left a.discret{text-decoration:none; border-bottom: 1px dashed #ccc;}
#body-left a.discret:hover{border-bottom: 1px dashed #e5004f; color: #e5004f;}
#body-left .row, #body-left div[class*="col-"] {
	margin-left:0 !important;
	margin-right:0 !important;
	padding-right:0 !important;
	padding-left:0 !important;
}
/* STYLES EDITEUR BO */
.style1{color:#555555;}
.style2{color:#e5004f;}
.style3{color:#035a63;}
.style4{color:#e5004f;}
.style5{font-size:10px; color:#035a63;}
.style6{font-size:10px; color:#e5004f;}

/* Marqueurs de stat */
#xiti-logo{margin:5px 0 0 0 ;}


a.liens_sedi {text-decoration:none; font-size:10px;font-weight:normal; color: #999999;}
a.liens_sedi:hover{text-decoration:underline; color: #e5004f;}


a.liens_sedi2 {text-decoration:none; font-size:10px; font-weight:normal; color: #035A63;}
a.liens_sedi2:hover{text-decoration:none; color: #999999;}


.article-last  {
    background-image: url("/templates/images/article_last_2.png");
    background-position: left top;
    background-repeat: no-repeat;
    display: block;
    float: left;
    height: 26px;
    text-align: right;
    width: 20px;
	margin:0 123px 0 0;
}
.article-last:hover { background-image: url('/templates/images/article_last_1.png') ;background-repeat:no-repeat; background-position: left top;float:left; display: block;text-align:right;}

.article-next {
    background-image: url("/templates/images/article_next_2.png");
    background-position: right top;
    background-repeat: no-repeat;
    display: block;
    float: left;
    height: 26px;
    text-align: left;
    width: 20px;
}
.article-next:hover {width:20px; height:26px; background-image: url('/templates/images/article_next_1.png');background-repeat:no-repeat; background-position: right top;float:left; display:block;text-align:left;background-color: #fff;}

.article2-last  {
    background-image: url("/templates/images/article_last_2.png");
    background-position: left top;
    background-repeat: no-repeat;
    display: block;
    float: left;
    height: 26px;
    text-align: right;
    width: 20px;
	margin:0 123px 0 0;
}
.article2-last:hover { background-image: url('/templates/images/article_last_1.png') ;background-repeat:no-repeat; background-position: left top;float:left; display: block;text-align:right;}

.article2-next {
    background-image: url("/templates/images/article_next_2.png");
    background-position: right top;
    background-repeat: no-repeat;
    display: block;
    float: left;
    height: 26px;
    text-align: left;
    width: 20px;
}
.article2-next:hover {width:20px; height:26px; background-image: url('/templates/images/article_next_1.png');background-repeat:no-repeat; background-position: right top;float:left; display:block;text-align:left;background-color: #fff;}



.article-last_m  {
    background-image: url("/templates/images/article_last_2.png");
    background-position: left top;
	background-color: #fff;
    background-repeat: no-repeat;
    display: block;
    float: left;
    height: 26px;
    text-align: right;
    width: 20px;
	margin:5px 160px 0 0;
}
.article-last_m:hover { background-image: url('/templates/images/article_last_1.png') ;background-repeat:no-repeat; background-position: left top;float:left; display: block;text-align:right;background-color: #fff;}

.article-next_m {
    background-image: url("/templates/images/article_next_2.png");
    background-position: right top;
    background-repeat: no-repeat;
    display: block;
    float: left;
    height: 26px;
    text-align: left;
    width: 20px;
	margin:5px 0 0 0;
}
.article-next_m:hover {width:20px; height:26px; background-image: url('/templates/images/article_next_1.png');background-repeat:no-repeat; background-position: right top;float:left; display:block;text-align:left;}

.bouton_promo:link, .bouton_promo:active, .bouton_promo:visited {
    background-image: url("/templates/images/bouton_promo_prod.jpg");
    background-position: left top;
    background-repeat: no-repeat;
    display: block;
    height: 21px;
    width: 96px;
}
.bouton_promo:hover {
    background-image: url("/templates/images/bouton_promo_prod.jpg");
    background-position: left bottom;
    background-repeat: no-repeat;
    display: block;
    height: 21px;
    width: 96px;
}
.bouton_promo2:link, .bouton_promo2:active, .bouton_promo2:visited {
    background-image: url("/templates/images/bouton_promo2.jpg");
    background-position: left top;
    background-repeat: no-repeat;
    display: block;
    height: 21px;
    width: 96px;
}
.bouton_promo2:hover {
    background-image: url("/templates/images/bouton_promo.jpg");
    background-position: left bottom;
    background-repeat: no-repeat;
    display: block;
    height: 21px;
    width: 96px;
}
.avant_promo:link, .avant_promo:active, .avant_promo:visited {
    background-image: url("/templates/images/avant_promo.jpg");
    background-position: left top;
    background-repeat: no-repeat;
    display: block;
    height: 20px;
    width: 14px;
}
.avant_promo:hover {
    background-image: url("/templates/images/avant_promo.jpg");
    background-position: left bottom;
    background-repeat: no-repeat;
    display: block;
    height: 20px;
    width: 14px;
}

.apres_promo:link, .apres_promo:active, .apres_promo:visited {
    background-image: url("/templates/images/apres_promo.jpg");
    background-position: left top;
    background-repeat: no-repeat;
    display: block;
    height: 20px;
    width: 14px;
}
.apres_promo:hover {
    background-image: url("/templates/images/apres_promo.jpg");
    background-position: left bottom;
    background-repeat: no-repeat;
    display: block;
    height: 20px;
    width: 14px;
}

a#perso_iphone {
    background-color: #C1E1E4;
    border: 2px solid #FFFFFF;
    border-radius: 10px 10px 10px 10px;
    box-shadow: 0 0 2px #AAAAAA;
    color: #FFFFFF;
    cursor: pointer;
    font-size: 12px;
    height: 25px;
    line-height: 25px;
    position: relative;
    right: 10px;
    text-align: center;
    top: 10px;
    width: 280px;
	display:block;
}
a#perso_iphone:hover {
    background-color: #dee0e0;
    color: #FFFFFF;
}
a#perso_iphone span {
    float: left;
    font-weight: bold;
    height: 33px;
    margin: 0;
    width: 280px;
}
#page_navigation a{
	border-radius: 2px;
    display: block;
    float: left;
    font-size: 10px;
    margin: 0px 4px 0;
    padding: 0 2px;
	background-color: #e0e2e2;
    color: #555;
	border: 1px solid #e0e2e2;
	}
#page_navigation a:hover{
	background-color: #ffffff;
	border: 1px solid #e0e2e2;

}

#ombre_css_search:hover{
background-color:#e0e2e2;cursor:pointer;
}
#menu_lien_promos a{background-color: #e6608e;color: #fff;font-size:10px; display: block; float: left; font-size: 10px; margin: 14px 4px 0; padding:2px; border-radius:2px;}
#menu_lien_promos a:hover{background-color:#e0e2e2;color:#555;}

#menu_lien_news a{background-color: #5fafb4;color: #fff;font-size:10px; display: block; float: left; font-size: 10px; margin: 14px 4px 0; padding:2px; border-radius:2px;}
#menu_lien_news a:hover{background-color:#e0e2e2;color:#555;}

#opacity_hover a{opacity: 0.8;}
#opacity_hover a:hover{opacity: 1;}


/*------------ BACK TO TOP */
.cd-container {
  width: 90%;
  max-width: 768px;
  margin: 2em auto;
}
.cd-container::after {
  /* clearfix */
  content: '';
  display: table;
  clear: both;
}

.cd-top {
  display: inline-block;
  height: 40px;
  width: 40px;
  position: fixed;
  bottom: 40px;
  right: 10px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  /* image replacement properties */
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  background: rgba(3, 137, 145, 0.5) url(../templates/images/cd-top-arrow.svg) no-repeat center 50%;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity .3s 0s, visibility 0s .3s;
  -moz-transition: opacity .3s 0s, visibility 0s .3s;
  transition: opacity .3s 0s, visibility 0s .3s;
}
.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover {
  -webkit-transition: opacity .3s 0s, visibility 0s 0s;
  -moz-transition: opacity .3s 0s, visibility 0s 0s;
  transition: opacity .3s 0s, visibility 0s 0s;
}
.cd-top.cd-is-visible {
  /* the button becomes visible */
  visibility: visible;
  opacity: 1;
}
.cd-top.cd-fade-out {
  /* if the user keeps scrolling down, the button is out of focus and becomes less visible */
  opacity: .5;
}
.no-touch .cd-top:hover {
  background-color: #038991;
  opacity: 1;
}
@media only screen and (min-width: 768px) {
  .cd-top {
    right: 20px;
    bottom: 20px;
  }
}
@media only screen and (min-width: 1024px) {
  .cd-top {
    height: 60px;
    width: 60px;
    right: 30px;
    bottom: 30px;
  }
}


#toTop {
	background: rgba(3, 137, 145, 0.8) url(../templates/images/cd-top-arrow.svg) no-repeat center 50%;
    background-repeat: no-repeat;
    display: none;
    height: 50px;
	opacity: 0.8;
	border-radius:5px;
    position: fixed;
	bottom: 10px;
    right: 10px;
    width: 50px;

}

#toTop:hover {
    opacity: 1;
}



/* TEL */
.tel_08_text{
position: relative;
display: inline-block;
background-color: #FFFFFF;
padding:0 90px 0 3px;
border:solid #CCCCCC 1px;
height:20px;
	text-decoration:none !important;
	color:#af007d !important;
	font-size: 14px!important;
	font-weight:bold;
	text-align: left;
	font-family: "Arial", Arial, sans-serif !important;
	font-style: normal;
	line-height:1.5;

}
.tel_08_text:before {
 position:absolute;
 z-index:2;
 bottom:-1px; right:3px;
 width: 78px;
 height:20px;
 margin:0;
 background-color: #af007d;
 padding: 2px 1px 0px 5px;
	font-family: "Arial", Arial, sans-serif !important;
	content:"Service 0,40\20AC/min + prix appel";
	color: #FFFFFF;
	font-size:9px;
	font-weight:normal;
	text-align:left;
	line-height:1.0;

}
.tel_08_text:after {
	position:absolute;
	bottom:1px; right:83px;
	z-index:3;
		font-family:FontAwesome;
		content:"\f0da";
		color: #FFFFFF;
		font-size:13px !important;

}
.tel_08_text:active {
	position:absolute;
	bottom:1px; right:83px;
	z-index:3;
		font-family:FontAwesome;
		content:"\f0da";
		color: #FFFFFF;
		font-size:13px !important;

}



/* FIN ------------ BACK TO TOP */

.table-borderless, .table-borderless  td, .table-borderless  th{
	border-collapse:initial !important;
	border:none !important;
}