/* ** ////////////////////////////// NOTE DB ////////////////////////////// ** */
/* // COUCHE DE CSS DE ADDON - ANNULE ET REMPLACE COMMON.CSS NORMAL DU SITE // */

/*************** DEBUT MISE EN PAGE ***************/
body
{
padding: 0;
margin: 0;
font-family: arial, helvetica, sans-serif;
font-size: 12px;
color: black;
background-image: none;
background-color: white;
background-repeat: repeat;
background-position: top center;
background-attachment: fixed;
}
body.gulliver {
background-image: url(/gfm/530098/m/img/bck.png);
background-color: #DCDDDE;
}
body.google         {  }
body.prestashop { color: #373737; }
body.cyousoon     { color: #431C61; }
body.magento      { color: #727272; }
body.osc               { color: #333333; }
form, fieldset
{
padding: 0;
margin: 0;
border: 0;
}

/* ** START/ LIGNE HORIZONTALE HAUT DE PAGE ** */
#G_header
{
float: left;
clear: both;
width: 100%;
height: 30px;
color: white;

background-image: none;
background-color: #333;
background-repeat: repeat-x;
background-position: left top;
background-attachment: scroll;
}
.prestashop #G_header {
background-color: #354351;
background-image: none;
}
.cyousoon #G_header {
background-color: #431C61;
background-image: none;
}
.google #G_header {
background-color: #2d2d2d;
background-image: none;
}
.magento #G_header {
background-color: #454545;
background-image: none;
}
.osc #G_header {
background-color: #811014;
background-image: none;
}
#header
{
margin: 0 auto;
width: 960px;
height: 30px;
position: relative;
}
.prestashop #header
{
width: 990px;
}

#header .home
{
float: left;
width: 15px;
height: 12px; /* 30 */
padding: 9px 10px;
}
#header .home img
{
display: block;
}
#header .links
{
float: left;
white-space: no-wrap;
line-height: 30px;
margin-left: 5px;
}
#header .links.other
{
margin-left: 40px;
}
#header .links a,
#header .links span.nolink
{
float: left;
white-space: no-wrap;
margin: 0 10px;
color: white;
text-decoration: none;
}
.prestashop #header .links a, 
.prestashop #header .links span.nolink {
color: #AAB2BC;
text-decoration: none !important;
}
.cyousoon #header .links a, 
.cyousoon #header .links span.nolink {
color: #FFFFFF;
text-decoration: none !important;
}
.osc #header .links a, 
.osc #header .links span.nolink {
color: #FFFFFF;
text-decoration: none !important;
}
.google #header .links a, 
.google #header .links span.nolink {
font-weight: bold;
color: #BBBBBB;
text-decoration: none !important;
}
.magento #header .links a, 
.magento #header .links span.nolink {
font-size: 9px;
font-weight: bold;
text-transform: uppercase;
color: white;
text-decoration: none !important;
}

.magento #header .links a:hover {
color: #F47A1F;
}
#header .links a:hover
{
color: white;
text-decoration: underline;
}
#header .links span.separ
{
float: left;
white-space: no-wrap;
}
/*
#header .links a.current
{
text-decoration: underline !important;
}
*/

#header .account_box_title
{
position: absolute;
top:0;
right:10px;
height: 30px;
line-height: 30px;
}
#header .account_box_title a
{
float: left;
height: 30px;
line-height: 30px;
font-size: 11px;
color: white;
text-decoration: none;
}
#header .account_box_title a:hover
{
text-decoration: underline;
}
#header .account_box_title .img
{
float: right;
width: 5px;
height: 3px;
padding: 14px 3px 13px 3px;
}

#header .account_box_area
{
position: absolute;
top:30px;
right:2px;
z-index:1;

float: left;
/*width: 210px;*/
/*height: 90px;*/ /* max 120 */

color: black;
border-width: 0 3px 3px 3px;
border-style: solid;
border-color: #333; /* cf G_header */

background: url(/gfm/530098/m/addon/bg-login-area-top.png) transparent repeat top left;

padding: 5px 10px 15px 10px;
}
.prestashop #header .account_box_area {
border-color: #354351;
}
.cyousoon #header .account_box_area {
border-color: #431C61;
}
.google #header .account_box_area {
border-color: #2d2d2d;
}
.magento #header .account_box_area {
border-color: #454545;
}
.osc #header .account_box_area {
border-color: #811014;
}






#header .account_box_area .logout
{
position: absolute;
top: 5px;
right: 7px;
}
#header .account_box_area .logout a
{
color: black;
text-decoration: underline;
padding-left: 15px;
background: url(/gfm/560001/m/img/logout_cross.png) no-repeat transparent top left;
}
#header .account_box_area .line_title
{
display: block;
clear: both;
line-height: 1.5em;
font-weight: bold;
}
#header .account_box_area .line_title a
{
color: black;
text-decoration: none;
}
#header .account_box_area form
{
position: relative;
width: 100%;
margin-bottom: 5px;
}
#header .account_box_area .line
{
float: left;
clear: both;
width: 100%;
font-size: 12px;
white-space: nowrap;
}
#header .account_box_area .line a
{
color: black;
text-decoration: underline;
}
#header .account_box_area .line input.field
{
float: left;
width: 180px;
height: 15px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #333333;
border: 1px solid #CCCCCC;
padding: 2px 4px;
margin: 2px 0;
}
#header .account_box_area .line input.field.password
{
width: 150px;
}
#header .account_box_area .line input.btn_ok
{
float: left;
width: 21px;
height: 21px;
margin: 2px 0 2px 10px;
}



#header .call_area
{
background-color: transparent;
background-image: url("/gfm/530098/m/addon/bg_call_area.png");
background-repeat: no-repeat;
color: #FF6033;
display: block;
font-family: verdana;
font-size: 12px;
font-weight: bold;
height: 22px;
line-height: 22px;
margin: 4px 0;
padding: 0 20px 0 30px;
position: absolute;
right: 180px;
text-align: center;
top: 0;
width: 110px;
}

/* ** END/ LIGNE HORIZONTALE HAUT DE PAGE ** */




/* ** START/ HAUT DE PAGE "LOGO" ** */
#G_header2
{
margin: 0px auto;
width: 990px;
}
#header2
{
float: left;
clear: both;
width: 960px;
padding: 0 15px;

background-image: url(/gfm/530098/m/addon/bg-shadow.png);
background-color: transparent;
background-repeat: repeat-y;
background-position: center top;
background-attachment: scroll;
}
.prestashop #header2
{
width: 990px;
padding: 0;
background-image: none;
}
.cyousoon #header2
{
background-image: none;
}
.magento #header2
{
background-image: none;
}
.osc #header2
{
background-image: none;
}
#header2 .content
{
float: left;
width: 100%;
height: 120px;

background-color: white;
position: relative;
}
.prestashop #header2 .content, 
.magento #header2 .content
{
background-color: transparent;
}
.cyousoon #header2 .content
{
background-color: transparent;
}
.osc #header2 .content
{
background-color: white;
}
#header2 .content .title_area
{
position: absolute;
bottom:15px;
left:0;

display: inline-block;
width: 100%;
padding-left: 15px;
padding-right: 15px;

 -webkit-sizing: border-box;
-moz-box-sizing: border-box;
     box-sizing: border-box;
}
.gulliver #header2 .content .title_area { padding-right: 275px; }
.prestashop #header2 .content .title_area { padding-right: 370px; }
.osc #header2 .content .title_area { padding-right: 350px; }
.cyousoon #header2 .content .title_area { padding-right: 125px; }


#header2 .content .title_area * {
 -webkit-sizing: border-box;
-moz-box-sizing: border-box;
     box-sizing: border-box;
}
#header2 .content .title_area .title
{
display: block;
clear: both;
color: #333333;
font-size: 3.5em;
line-height: 1em;
padding: 0;
margin: 0;
}
#header2 .content .title_area .title a
{
color: #FF6033;
text-decoration: none;
}
/*.gulliver #header2 .content .title_area .title, 
.gulliver #header2 .content .title_area .title a {
color: #FF6033;
}
.magento #header2 .content .title_area .title, 
.magento #header2 .content .title_area .title a {
color: black;
}
.google #header2 .content .title_area .title, 
.google #header2 .content .title_area .title a {
color: #FF6033;
}
.prestashop #header2 .content .title_area .title, 
.prestashop #header2 .content .title_area .title a {
color: #3A404A;
}*/

#header2 .content .title_area .slogan
{
display: block;
clear: both;
font-size: 1.8em;
line-height: 1em;
font-weight: normal;
color: #73797B;
padding: 0 2px;
margin: .25em 0 0 0;
}
/*.gulliver #header2 .content .title_area .slogan {
color: #73797B;
}
.prestashop #header2 .content .title_area .slogan {
color: #ED1E79;
}
.google #header2 .content .title_area .slogan {
color: #737373;
}
.magento #header2 .content .title_area .slogan {
color: #F47A1F;
}*/


#header2 .content .logo_area
{
position: absolute;
top:0;
right:15px;
}
#header2 .content .logo_area td
{
width: 400px;
height: 120px;
text-align: right;
}

#header2 .content #link_to_download_addon_area
{
position: absolute;
right: 68px;
top: 96px;  
}
#header2 .content #link_to_download_addon_area a
{
color: #73797B;
font-weight: bold;
text-decoration: none;  
}
#header2 .content #link_to_download_addon_area a:hover
{
color: #CCCCCC; 
}
/* ** END/ HAUT DE PAGE "LOGO" ** */



#G_page
{
margin: 0px auto;
width: 990px;
}
#page
{
display: inline-block;
width: 100%;
vertical-align: top;
padding: 1em;
border-radius: .333em;
background-color: #ededed;

   -moz-box-shadow: .125em .125em .333em 0px rgba(0,0,0,.25) inset;
-webkit-box-shadow: .125em .125em .333em 0px rgba(0,0,0,.25) inset;
     -o-box-shadow: .125em .125em .333em 0px rgba(0,0,0,.25) inset;
        box-shadow: .125em .125em .333em 0px rgba(0,0,0,.25) inset;

 -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
         box-sizing: border-box;
}
.gulliver #page {
padding: 0 15px;

background-image: url(/gfm/530098/m/addon/bg-shadow.png);
background-color: transparent;
background-repeat: repeat-y;
background-position: center top;
background-attachment: scroll;

   -moz-box-shadow: none;
-webkit-box-shadow: none;
     -o-box-shadow: none;
        box-shadow: none;

border-radius: 0;
}
.cyousoon #page { background-color: #C22DA9; }


/********* TEMPLATES *********/
#main
{
display: inline-block;
width: 100%;
vertical-align: top;
/*overflow: hidden;*/
}
.gulliver #main { background-color: white; }
/* template_1 : 3 COLONNES (petit + grand + petit) */
.template_1 #left
{
float: left;
width: 150px;
padding-left: 15px;
overflow: hidden;
}
.template_1 #content
{
float: left;
width: 600px;
margin: 0 15px;
overflow: hidden;
}
.template_1 #right
{
float: left;
width: 150px;
padding-right: 15px;
overflow: hidden;
}

/* template_2 : 2 COLONNES (petit + grand + vide) */
.template_2 #left
{
display: inline-block;
width: 17.5%;
vertical-align: top;
}
.template_2 #content
{
display: inline-block;
width: 82.5%;
vertical-align: top;
margin: 0;
padding: 1em;
border-radius: .333em;
background-color: white;
border: 1px solid #ccc;

 -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
         box-sizing: border-box;
}
.template_2.gulliver #content {
border: 0;
}
.template_2 #right
{
display: none;
}


/* template_4 : 1 COLONNE  (vide + grand + vide) */ 
.template_4 #left
{
display: none;
}
.template_4 #content
{
display: inline-block;
width: 100%;
vertical-align: top;
margin: 0;
padding: 1em;
border-radius: .333em;
background-color: white;
border: 1px solid #ccc;

 -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
         box-sizing: border-box;
}
.template_4.gulliver #content {
border: 0;
}
.template_4 #right
{
display: none;
}


/* template_3 : 2 COLONNES (vide + grand + petit) */
.template_3 #left
{
display: none;
}
.template_3 #content
{
float: left;
width: 765px;
margin: 0 15px;
overflow: hidden;
}
.template_3 #right
{
float: left;
width: 150px;
padding-right: 15px;
overflow: hidden;
}


/********* FIN DE TEMPLATES *********/

/************* PAGE WEB SPECIALE : FORMULAIRE TELECHARGER LA PRESENTATION ********/
.template_4.prestashop #content .webpage .content #form_pres
{
float: left;
clear: both;
width: 430px;
border: 1px solid #cccccc;
margin-right: 20px;
}
.template_4.prestashop #content .webpage .content #form_pres #contact .line label
{
width: 150px;
}
.template_4.prestashop #content .webpage .content #form_pres .form_press_success_area
{
display: block;
padding: 0 10px;
}
.template_4.prestashop #content .webpage .content #form_pres .form_press_success_area strong
{
font-size: 1.1em;
color: #ff6033;
}


/************* PAGE WEB SPECIALE : PAGES ARGUMENTS ********/
.template_4 #content .webpage .content .header_arguments
{
display: block;
float: left;
margin-top: 10px;
overflow: hidden;
width: 930px;  
}
.template_4 #content .webpage .content .header_arguments .img_area
{
display: block;
float: left;
height: 150px;
overflow: hidden;
width: 270px;
}
.template_4 #content .webpage .content .header_arguments .desc_area
{
display: block;
float: left;
height: 150px;
margin-left: 10px;
overflow-y: auto;
text-align: justify;
width: 455px;
}
.template_4 #content .webpage .content .header_arguments .area_btn_view_offer
{
display: block;
float: left;
height: 150px;
margin-left: 20px;
overflow: hidden;
width: 175px;  
}

.template_4 #content .webpage .content .content_arguments
{
display: block;
float: left;
margin-top: 20px;
overflow: hidden;
width: 930px;    
}
.template_4 #content .webpage .content .content_arguments .menu_onglets
{
display: block;
float: left;
overflow: hidden;
width: 100%;  
}
.template_4 #content .webpage .content .content_arguments .menu_onglets .onglet
{
/*background: none repeat scroll 0 0 #EBEBEB;*/
border: 1px solid #CCCCCC;
border-radius: 5px 5px 5px 5px;
cursor: pointer;
display: block;
float: left;
font-size: 1.1em;
font-weight: bold;
margin-right: 10px;
padding: 5px;
text-align: center;
width: 150px;
}
.template_4 #content .webpage .content .content_arguments .menu_onglets .onglet.current,
.template_4 #content .webpage .content .content_arguments .menu_onglets .onglet:hover
{
color: #FF6033; 
background: #EBEBEB;
}
.template_4 #content .webpage .content .content_arguments .content_onglets
{
/*background: none repeat scroll 0 0 #EBEBEB;*/
border: 1px solid #CCCCCC;
border-radius: 5px 5px 5px 5px;
display: block;
float: left;
margin-top: 15px;
overflow: hidden;
padding: 5px;
width: 918px;
}
.template_4 #content .webpage .content .content_arguments .content_onglets .onglet_content
{
float: left;
overflow: hidden;
width: 100%;  
}
/************* FIN PAGE WEB SPECIALE : PAGES ARGUMENTS ********/



/************* DEBUT PAGE WEB SPECIALE : PAGES RESSOURCES ********/
/* ** Page web ressources (sommaire spécial) ** */
.template_4 #content .webpage .content a
{
color: #FF6033;  
}
.template_4 #content .webpage .content a:hover
{
color: #73797B;  
}
.template_4 #content .webpage .content .sommaire_ressources
{
clear: both;
display: block;
float: left;
margin-top: 20px;
width: 100%;  
}
.template_4 #content .webpage .content .sommaire_ressources a
{
clear: both;
color: #FF6033;
display: block;
float: left;
font-weight: bold;
padding-top: 5px;
text-decoration: none;  
}
.template_4 #content .webpage .content .sommaire_ressources a:hover
{
color: #73797B;
}
/************* FIN PAGE WEB SPECIALE : PAGES RESSOURCES ********/

/*** BAS DE PAGE ***/
#G_footer {
margin: 0 auto;
width: 990px;
}
#footer {
display: inline-block;
width: 100%;
margin-top: 1em;
margin-bottom: 3em;
color: white;
padding: 1em 2em;
border-radius: .333em;

 -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
         box-sizing: border-box;
}
#footer * {
 -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
         box-sizing: border-box;
}
#footer a { color: inherit; text-decoration: none; }
#footer a:hover { text-decoration: underline; }
.prestashop #footer  { background-color: #3A404A; }
.cyousoon #footer  { background-color: #431C61; }
.osc #footer { background-color: #811014; }
.magento #footer  { background: url(/gfm/530098/m/addon/bg-sand-magento.jpg) transparent repeat top left; }
.gulliver #footer {
padding: 0 15px;
margin-top: 0;
margin-bottom: 0;
background-image: url(/gfm/530098/m/addon/bg-shadow.png);
background-color: transparent;
background-repeat: repeat-y;
background-position: center top;
background-attachment: scroll;
}
#footer .footer_content { }
#footer .footer_content .content
{
float: left;
clear: both;
width: 100%;
}
.gulliver #footer .footer_content .content  { background: url(/gfm/530098/m/addon/bg-footer-content_gulliver.gif) #73797b repeat-x top left; padding: 1em; }

.prestashop #footer .footer_content .content a { color: #cccccc; }

/* Ligne du copyright site tiers */
#footer .copyright_external_site { float: right; text-align: right; }
.gulliver #footer .copyright_external_site { display: none; }



/* liens utiles */
#footer .footer_menu { float: left; text-align: left; }
.gulliver #footer .footer_menu { width: 100%; text-align: center; }
#footer .footer_menu .separ { padding: 0 .5em; }



/* Ligne du copyright Gulliver */
#footer .copyright_gulliver {
display: inline-block;
width: 100%;
margin-top: .75em;
line-height: 2.5em;
text-align: center;

position: relative;
}
#footer .copyright_gulliver .logos { position:absolute; top: 0; left: 0; }


/*** EOP : End Of Page : Permet de fermer le bloc ombré arrondi ***/
#G_eop
{
display: none;
margin: 0px auto;
width: 990px;
}
.gulliver #G_eop { display: block; }
#eop
{
float: left;
clear: both;
width: 990px;
height: 25px;
margin-bottom: 25px;

background-image: url(/gfm/530098/m/addon/bg-shadow-end_gulliver.png);
background-color: transparent;
background-repeat: no-repeat;
background-position: center bottom;
background-attachment: scroll;

overflow: hidden;
}


/*************** FIN MISE EN PAGE ***************/

/* Bouton VOIR L'OFFRE (actuellement sur la home + dans les PW) */
.view_offer_area
{
display: block;
clear: both;
}
.view_offer_area a
{
display: block;
padding: 5px 9px;
border-width: 0;
border-style: solid;
border-color: black;

background-color: #FF6033;
background-image:linear-gradient(#FF6033, #CC3300);
background-image:-moz-linear-gradient(#FF6033, #CC3300);
background-image:-webkit-linear-gradient(#FF6033, #CC3300);
background-image:-o-linear-gradient(#FF6033, #CC3300);
background-image:-ms-linear-gradient(#FF6033, #CC3300);

color: white;
font-size: 1.8em;
font-weight: bold;
letter-spacing: 2px;
text-align: center;
text-decoration: none;
text-transform: uppercase;

border-radius: 15px 15px 15px 15px;
}

.view_offer_area a:hover
{
background-color: #ff3300;
background-image:linear-gradient(#cc3300, #ff6033);
background-image:-moz-linear-gradient(#cc3300, #ff6033);
background-image:-webkit-linear-gradient(#cc3300, #ff6033);
background-image:-o-linear-gradient(#cc3300, #ff6033);
background-image:-ms-linear-gradient(#cc3300, #ff6033);
}

.view_offer_area a.page_web
{
font-size: 1.4em;  
}

#home .top_area .right .view_offer_area
{
display: block;
clear: both;
}
#home .top_area .right .view_offer_area a
{
/*margin: 35px 60px 0 95px;*/
margin: 35px 20px 0 95px;
padding: 5px 9px 7px 9px;
}






/* ** FIL D'ARIANE (nouveau, au centre) ** */
#content .breadcrumb
{
display: block;
clear: both;
font-family: arial, helvetica, sans-serif;
font-size: 0.9em;
color: black;
padding-bottom: .75em;
}
#content .breadcrumb a
{
color: black;
text-decoration: none;
}
#content .breadcrumb a:hover
{
text-decoration: underline;
}
#content .breadcrumb .last_item
{
text-decoration: none;
}

.google #content .breadcrumb a {
color: #3B89D7;
text-decoration: underline;
}
.google #content .breadcrumb .last_item {
color: black;
}
.prestashop #content .breadcrumb, 
.prestashop #content .breadcrumb a {
color: #373737;
}
.cyousoon #content .breadcrumb, 
.cyousoon #content .breadcrumb a {
color: #C212AD;
}
.magento #content .breadcrumb, 
.magento #content .breadcrumb a {
color: #727272;
}






/********** MISE EN PAGE HOME **********/
#home
{
float: left;
clear: both;
width: 930px;
}
#home .top_area
{
float: left;
clear: both;
width: 930px;
}
#home .top_area .left
{
float: left;
width: 600px;
height: 280px;
/*margin-right: 30px;*/
}
#home .top_area .left .slide_content_area
{
float: left;
width: 600px;
height: 280px;
}
/*#home .top_area .left .slide_content_area .slide_content
{
float: right;
width: 300px;
margin-right: 40px;
margin-top: 40px;
padding: 5px 10px;

background: url(/gfm/530098/m/addon/bg-transp-50pc.png) transparent repeat top left;
}*/
#home .top_area .left .slide_content_area .texte1_area
{
clear: both;
color: #FFFFFF;
display: block;
float: left;
font-family: Century Gothic, Verdana;
font-size: 34px;
height: 150px;
overflow: hidden;
padding-top: 20px;
text-align: center;
width: 600px;
font-weight: bold;
}
#home .top_area .left .slide_content_area .texte2_area
{
clear: both;
color: #FFFFFF;
display: block;
float: left;
font-family: Century Gothic, Verdana;
font-size: 16px;
font-style: italic;
height: 40px;
overflow: hidden;
padding-top: 5px;
text-align: center;
width: 600px;
}
#home .top_area .left .slide_content_area .bouton_area
{
clear: both;
display: block;
float: left;
height: 45px;
overflow: hidden;
padding-top: 20px;
text-align: center;
width: 600px;
}
#home .top_area .left .slide_content_area .bouton_area a.bouton
{
border-color: black;
border-style: solid;
border-width: 0;
color: #FFFFFF;
font-family: century gothic, verdana;
font-size: 14px;
font-weight: bold;
letter-spacing: 2px;
padding: 15px;
text-align: center;
text-decoration: none;

background-color: #FF6033;
background-image:linear-gradient(#FF6033, #CC3300);
background-image:-moz-linear-gradient(#FF6033, #CC3300);
background-image:-webkit-linear-gradient(#FF6033, #CC3300);
background-image:-o-linear-gradient(#FF6033, #CC3300);
background-image:-ms-linear-gradient(#FF6033, #CC3300);

border-radius: 15px 15px 15px 15px;
}
#home .top_area .left .slide_content_area .bouton_area a:hover.bouton
{
background-color: #ff3300;
background-image:linear-gradient(#cc3300, #ff6033);
background-image:-moz-linear-gradient(#cc3300, #ff6033);
background-image:-webkit-linear-gradient(#cc3300, #ff6033);
background-image:-o-linear-gradient(#cc3300, #ff6033);
background-image:-ms-linear-gradient(#cc3300, #ff6033);
}
/*#home .top_area .left .slide_content_area .slide_content .slide_title
{
display: block;
clear: both;
font-size: 1.6em;
font-weight: bold;
}
#home .top_area .left .slide_content_area .slide_content .slide_description
{
display: block;
clear: both;
font-size: 12px;
}*/

#home .top_area .right
{
float: left;
width: 330px;
height: 280px;

background: url(/gfm/530098/m/addon/bg_top_area_home_right.png) transparent repeat-x;
}
#home .top_area .right .div_arguments_home
{
clear: both;
display: block;
font-size: 1.4em;
letter-spacing: 1px;
line-height: 1.4em;
margin-top: 10px;
padding: 5px 0 10px 115px;
}

#home #encart_download_addon
{
display: block;
float: left;
clear: both;
width: 930px;
margin-top: 20px;
}
#home #encart_download_addon .header
{
background: url("/gfm/530098/m/addon/bg_header_encart_download_addon.png") no-repeat scroll center top transparent;
clear: both;
float: left;
height: 10px;
width: 100%;  
}
#home #encart_download_addon .footer
{
background: url("/gfm/530098/m/addon/bg_footer_encart_download_addon.png") no-repeat scroll center top transparent;
clear: both;
float: left;
height: 10px;
width: 100%;   
}
#home #encart_download_addon .content
{
border-left: 1px solid #CCCCCC;
border-right: 1px solid #CCCCCC;
clear: both;
display: block;
float: left;
padding-left: 9px;
padding-right: 9px;
width: 910px;
}
#home #encart_download_addon .content h1
{
margin-top: 0;
}
#home #encart_download_addon .content a
{
clear: both;
display: block;
float: left;
font-size: 1.2em;
font-weight: bold;
text-decoration: none;  
}
#home #encart_download_addon .content a:hover
{
text-decoration: underline;
}
.prestashop #home #encart_download_addon .content a
{
color: #83B817;  
}
.cyousoon #home #encart_download_addon .content a
{
color: #431C61;  
}
.gulliver #home #encart_download_addon .content a
{
color: #FF6033;  
}
.osc #home #encart_download_addon .content a
{
color: #4ec805;  
}
.gulliver #home .top_area .right .div_arguments_home {
border-color: #FF6033;
color: #FF6033;
}
.google #home .top_area .right .div_arguments_home {
background-color: #EBEFF6;
border-color: #EBEFF6;
}
.prestashop #home .top_area .right .div_arguments_home {
/*border-color: #9D2655;
color: #9D2655;*/
color : #FFFFFF;
}
.cyousoon #home .top_area .right .div_arguments_home {
/*border-color: #9D2655;
color: #9D2655;*/
color : #FFFFFF;
}
.osc #home .top_area .right .div_arguments_home {
color : #4EC805;
}
.magento #home .top_area .right .div_arguments_home {
border-color: #F47A1F;
color: #F47A1F;
}






/* carousel home */
#mycarousel_anim_home
{
display: block;
height: 280px;
overflow: hidden;
visibility: hidden;
width: 600px;
}
#mycarousel_anim_home #jcarousel-anim_home-control
{
bottom: 4px;
display: block;
overflow: hidden;
position: absolute;
right: 4px; 
}
#mycarousel_anim_home #jcarousel-anim_home-control .link_control_jcarousel
{
border-radius: 6px 6px 6px 6px;
    color: #AAB2BC;
    display: block;
    float: left;
    font-size: 1.2em;
    height: 14px;
    line-height: 13px;
    margin-left: 2px;
    padding: 3px;
    text-decoration: none;
    width: 9px;
}
#mycarousel_anim_home #jcarousel-anim_home-control .link_control_jcarousel:hover
{
color:#FFFFFF;
background-color: #151515;
}
#mycarousel_anim_home #jcarousel-anim_home-control .link_control_jcarousel.current_link
{
color:#FFFFFF;
background-color: #151515;
}




.caps_line
{
float: left;
clear: both;
width: 930px;
margin-top: 30px;
}

.caps_line .caps.home
{
float: left;
width: 290px; /* 290 */
margin-left: 30px;
}
.caps_line .caps.home.first
{
margin-left: 0;
}

.caps_line .caps.home .header
{
float: left;
clear: both;
width: 100%;
height: 5px;
background: url(/gfm/530098/m/addon/caps-290-white-header.png) transparent no-repeat top center;
}
.caps_line .caps.home .content
{
float: left;
clear: both;
width: 270px; /* 290 */
padding: 4px 9px;
border-width: 0 1px;
border-color: #ccc;
border-style: solid;
background-color: white;
}
.caps_line .caps.home .content .image_area
{
float: left;
clear: both;
width: 270px;
height: 150px;
margin-bottom: 30px;
overflow: hidden;
}
.caps_line .caps.home .content .image_area td
{
width: 270px;
height: 150px;
}
.caps_line .caps.home .content .name
{
display: block;
clear: both;
font-size: 1.2em;
font-weight: bold;
margin-bottom: 10px;
}
.caps_line .caps.home .content .name h3
{
font-size: 1.2em;
margin: 0;
/*padding-left: 15px;
background: url("/gfm/530098/m/addon/right_arrow_title_caps.png") no-repeat 0px 5px transparent;*/
}
.caps_line .caps.home .content .name a
{
color: black;
text-decoration: none;
}
.caps_line .caps.home .content .name a:hover
{
text-decoration: underline;
}
.gulliver .caps_line .caps.home .content .name a {
color: #FF6033;
}
.prestashop .caps_line .caps.home .content .name a {
color: #83B817;
}
.cyousoon .caps_line .caps.home .content .name a {
color: #431C61;
}
.osc .caps_line .caps.home .content .name a {
color: #4589ff;
}
.google .caps_line .caps.home .content .name a {
color: #3B89D7;
}
.magento .caps_line .caps.home .content .name a {
color: #2483C7;
}
.magento .caps_line .caps.home .content .name a:hover {
color: #009EF8;
text-decoration: none;
}
.caps_line .caps.home .content .description_area
{
float: left;
clear: both;
width: 270px;
height: 180px;
overflow-y: auto;
margin-bottom: 10px;
text-align: justify;
}
.caps_line .caps.home .content .read_more
{
clear: both;
display: block;
height: 30px;
background: url(/gfm/530098/m/addon/bg_read_more_encart_home.gif) no-repeat;
}
.caps_line .caps.home .content .read_more a
{
display: block;
float: right;
height: 18px;
margin-right: 10px;
margin-top: 6px;
width: 71px;
}
.caps_line .caps.home .footer
{
float: left;
clear: both;
width: 100%;
height: 5px;
background: url(/gfm/530098/m/addon/caps-290-white-footer.png) transparent no-repeat bottom center;
}





/* ** ELEMENTS MODELE ** */

/* ** TITRES UNIFORMISES ** */

/* ** Titre principal ** */
#content .main_title {
display: block;
clear: both;
font-size: 2.1em;
font-weight: bold;
color: #FF6033;
padding: 0;
margin: 0 0 15px 0;
background-color: transparent;
border-width: 0;
border-style: solid;
border-color: transparent;
}
#content .main_title span {}
#content .main_title a { color: inherit; text-decoration: none; }

.gulliver #content .main_title {
font-size: 1.8em;
font-weight: normal;
color: #73797B;
padding: 10px 15px;
background-color: #f3f3f3;
}
.cyousoon #content .main_title { color: #C212AD; }


/* ** Sous-titre ** */
#content .subtitle {
display: inline-block;
width: 100%;
vertical-align: top;
 -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
         box-sizing: border-box;

color: #3D3D3D;
font-size: 1.417em;
font-weight: normal;
line-height: 45px;
padding: 0 0 0 40px;
margin: 0 0 .75em 0;

background-color: transparent;
background: url(/gfm/530098/m/addon/bg-subtitle-prestashop.png) transparent repeat-x top left;
}
#content .subtitle a {
color: inherit;
text-decoration: none;
}


#content .subtitle .view_more
{
float: right;
padding-right: 15px;
text-align: right;
font-size: 11px;
}
#content .subtitle .view_more a
{
color: black;
text-decoration: none;
}
#content .subtitle .view_more a:hover
{
text-decoration: underline;
}
.prestashop #content .subtitle .view_more a a {
color: #414A56;
}
.cyousoon #content .subtitle .view_more a a {
color: #431C61;
}



/* ** COMPTE ** */
.main_slot
{
float: left;
clear: both;
width: 930px; /* 930 */
margin-bottom: 20px;

padding: 0;
border-width: 0;
border-style: solid;
border-color: transparent;
}
.main_slot a
{
color: black;
}

.template_3 .main_slot,
.template_2 .main_slot
{
width: 765px; /* 765 */
}


.gulliver .main_slot, 
.google .main_slot {
width: 900px; /* 930 */
padding: 9px 14px;
border-width: 1px;
border-color: #e1e2e3;
}
.template_2.gulliver .main_slot, 
.template_3.gulliver .main_slot, 
.template_2.google .main_slot, 
.template_3.google .main_slot {
width: 735px; /* 765 */
}

.prestashop .main_slot {
width: 922px; /* 930 */
padding: 1px;
border-width: 3px;
border-color: #CCCCCC;
}
.template_2.prestashop .main_slot, 
.template_3.prestashop .main_slot {
width: 757px; /* 765 */
}

.cyousoon .main_slot {
width: 922px; /* 930 */
padding: 1px;
border-width: 3px;
border-color: #CCCCCC;
}
.template_2.cyousoon .main_slot, 
.template_3.cyousoon.main_slot {
width: 757px; /* 765 */
}

/* ** Contenu texte du main_slot (hors id="contact") ** */
.main_slot .slot_content_text
{
float: left;
clear: both;
width: 100%; /* ne pas tout redéclarer */
margin: 0 0 15px 0;
}
/* pour le moement, seul prestashop a besoin de cette marge */
.prestashop .main_slot .slot_content_text {
width: 892px; /* 922 */
padding: 0 15px;
}
.template_2.prestashop .main_slot .slot_content_text, 
.template_3.prestashop .main_slot .slot_content_text {
width: 727px; /* 757 */
padding: 0 15px;
}


/* Ligne de séparation */
.line.separ
{
float: left;
clear: both;
width: 100%;
border-top: 1px solid #CCCCCC;
margin: 14px 0 !important;
padding: 0 !important;
}
.prestashop .line.separ {
border-color: transparent !important;
}



.half_slot
{
display: inline-block;
width: 100%; 
margin: 0 0 1.5em 0;
padding: 1px;
border: 3px solid #CCCCCC;
border-radius: .25em;
-webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
        box-sizing: border-box;
}

#content .left_content
{
display: inline-block;
width: 60%;
vertical-align: top;
overflow: hidden;
}
#content .right_content {
display: inline-block;
width: 40%;
vertical-align: middle;
padding-left: 2em;

-webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
        box-sizing: border-box;
}
#content .right_content * {
-webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
        box-sizing: border-box;
}
#content .right_content .arg_area {  }
.cyousoon #content .right_content .arg_area { margin-top: 50px; }
#content .right_content .arg_area .arg {
display: inline-block;
width: 100%;
vertical-align: top;
background: url("/gfm/530098/m/addon/star_table_offer.png") no-repeat scroll left top transparent;
display: block;
margin-bottom: 1.5em;
min-height: 50px;
padding-left: 55px;
}
#content .right_content .arg_area .arg .arg_title {
display: inline-block;
width: 100%;
vertical-align: top;

color: #FF6033;
font-size: 1.083em;
font-weight: bold;
text-transform: uppercase;
}
.cyousoon #content .right_content .arg_area .arg .arg_title { color: #C22DA9; }

#content .right_content .arg_area .arg .arg_subtitle {
display: inline-block;
width: 100%;
vertical-align: top;

font-style: italic;
  
}
.cyousoon #content .right_content .arg_area .arg .arg_subtitle { color: #73797B; }


/* ** Message d'avertissement ** */
.warning_message
{
display: block;
clear: both;
margin: 10px 0;
padding: 4px 14px;
color: #cc0000;
background-color: white;
border-width: 1px;
border-style: dotted;
border-color: #cc0000;
}
.warning_message a
{
color: #cc0000;
text-decoration: underline;
}



.main_slot .warning_message, 
.half_slot .warning_message
{
margin: 10px 15px;
padding: 0 14px;
}




/* ** PAGES WEB ** */
#content .webpage
{
float: left;
clear: both;
width: 100%;
}





/* ** MISE EN PAGE COLONNE ** */



/* ** MENU DU BACK OFFICE INTERNAUTE ** */
/* Plan sur BO Internaute */
#left .customer_offer_area
{
display: inline-block;
width: 100%;
padding-right: 1em;
margin-top: 1.5em;
overflow: hidden;

 -webkit-sizing: border-box;
-moz-box-sizing: border-box;
     box-sizing: border-box;
}
#left .customer_offer_area * {
 -webkit-sizing: border-box;
-moz-box-sizing: border-box;
     box-sizing: border-box;
}
.gulliver #left .customer_offer_area { padding-left: 1em; padding-right:0; }

#left .customer_offer_area span
{
display: block;
padding: .333em .75em;
border-width: 0;
border-style: solid;
border-color: black;

color: white;
font-size: 1.5em;
font-weight: bold;
text-align: center;
text-decoration: none;
font-variant: small-caps;

background-color: #FF6033;
background-image:linear-gradient(#FF6033, #CC3300);
background-image:-moz-linear-gradient(#FF6033, #CC3300);
background-image:-webkit-linear-gradient(#FF6033, #CC3300);
background-image:-o-linear-gradient(#FF6033, #CC3300);
background-image:-ms-linear-gradient(#FF6033, #CC3300);

border-radius:.5em;
}



/* Infos contrat en BO Internaute */
#left .customer_contract_area
{
/*background: #FFFFFF;
border: 1px solid #CCCCCC;*/
clear: both;
display: block;
float: left;
margin-top: 5px;
width: 150px;
overflow: hidden;
}
#left .customer_contract_area .title
{
color: #414A56;
display: block;
float: left;
font-size: 1.2em;
font-weight: bold;
padding-bottom: 2px;
padding-top: 2px;
text-align: center;
width: 100%;
}
#left .customer_contract_area .content
{
background: none repeat scroll 0 0 #FFFFFF;
border-bottom: 1px solid #CCCCCC;
border-left: 1px solid #CCCCCC;
border-right: 1px solid #CCCCCC;
display: block;
float: left;
width: 148px;
}
#left .customer_contract_area .contract_state
{
clear: both;
display: block;
float: left;
padding-bottom: 5px;
padding-top: 5px;
text-align: center;
width: 100%;
}
#left .customer_contract_area .contract_state .chevron
{
font-weight: bold;
padding-left: 3px;
padding-right: 3px;
}
#left .customer_contract_area .contract_end
{
clear: both;
display: block;
float: left;
padding-bottom: 5px;
text-align: center;
width: 100%;
}
.prestashop #left .customer_contract_area .title
{
background: url("/gfm/530098/m/addon/bg-account-header-presta.png") repeat scroll 0 0 transparent;
}




#left .account_menu {
margin-top: 2.25em;
overflow: hidden;
margin-right: 1em;
}
.gulliver #left .account_menu { padding-left: 1em; }
.cyousoon #left .account_menu { color: white; }

#left .account_menu .header {
display: inline-block;
font-size: 1.667em;
font-weight: bold;
border-bottom: 1px solid #ccc;
padding-bottom: .5em;
margin-bottom: .75em;
}
.gulliver #left .account_menu .header { font-weight: normal; font-size: 1.75em; color: #73797B; }
.cyousoon #left .account_menu .header { border-color: white; }
#left .account_menu .content { }
#left .account_menu .footer { display: none; }


#left .account_menu .content ol {
margin:0;
padding:0;
list-style-type: none;
}
#left .account_menu .content li {
font-size: 1.083em;
padding: .5em 0;
}
#left .account_menu .content li:before { content: "- "; }
#left .account_menu .content a {
color: inherit;
text-decoration: none;
}
#left .account_menu .content a:hover
{
text-decoration: underline;
}
#left .account_menu .content a.current {
font-weight: bold;
}





/* ** FORMULAIRES ** */
#contact
{
float: left;
clear: both;
width: 100%;
}

#contact .line
{
display: block;
clear: both;
padding: .333em 15px;
margin: 0;
}

#contact .line .help
{
float: left;
margin-right: 5px;
}



#contact .line label
{
display: inline-block;
width: 33%;
vertical-align: middle;
font-size: 1.083em;
max-width: 190px;
}
.magento #contact .line label
{
text-align: right;
padding-right: 12px;
}

#contact.request_quotation .line label
{
width: 260px;
}

#contact .line label .oblig
{
color: #FF6033;
}


/* Ligne d'aide au remplissage */
#contact .line.cplt
{
font-size: 0.9em;
padding: 0 20px 6px;
}
#contact .line.cplt label
{
font-size: 0.9em;
line-height: 1em;
}
#contact .line.cplt .cplt_text
{
padding-left: 5px;
font-size: 1em;
color: #999999;
}
#contact .line.cplt .cplt_text a
{
color: #999999;
text-decoration: underline;
}
#contact .line.cplt .cplt_text a:hover
{
color: #666666;
}



#contact .line .input_text
{
width: 180px; /* 190 */
font-family: inherit;
font-size: 1.125em;
color: #333;
padding: .333em .666em;
border: 1px solid #ccc;
}
#contact .line .input_text:hover { border-color: #aaa; }
#contact .line .input_text:focus { border-color: #999; }
#contact .line .input_text.disabled
{
background-color: #e1e2e3;
color: #999999;
}
#contact .line select
{
font-family: inherit;
font-size: 1.125em;
color: #333;
padding: .333em .666em;
border: 1px solid #ccc;
}
#contact .line textarea
{
display: inline-block;
width: 500px;
height: 100px;

font-family: inherit;
font-size: 1.125em;
color: #333;
padding: .333em .666em;
border: 1px solid #ccc;
}
#contact .line a
{
text-decoration: none;
color: #FF6033;
}
#contact .line a:hover
{
text-decoration: underline;
}

/* avec lien */
#contact .line.reset
{
padding-bottom: 20px;
}
#contact .line.reset a
{
color: black;
text-decoration: none;
}
#contact .line.reset a:hover
{
text-decoration: underline;
}


/* Ligne avec un checkbox à gauche */
#contact .line.checkbox input
{
  margin-top: 4px;
}
#contact .line.checkbox label
{
  width: auto;
  padding-left: 15px;
}

/* label spécial pour sous-choix */
#contact .line.radio input
{
  margin-top: 4px;
}
#contact .line label.inline_near_radio
{
  width: auto;
  padding: 0 10px 0 5px;
}

/* pass oublié */
.magento #contact .line.forgotten_link {
text-align:center;
}

/* cnil */
#contact .line.cnil_line
{
font-size: 11px;
}
#contact .line.cnil_line a
{
color: black;
text-decoration: none;
}
#contact .line.cnil_line a:hover
{
text-decoration: underline;
}


/* champs obligatoires */
#contact .line.mandatory_line
{
font-size: 11px;
color: #FF6033;
}



/* valider */
#contact .line.default_submit_line
{
  margin: 15px 0;
}
#contact .line.default_submit_line.center
{
  padding: 0 0 0 0;
  margin: 25px 0 15px 0;
  text-align: center;
}
#contact .line.default_submit_line.right
{
  padding: 0 0 0 0;
  margin: 25px 0 15px 0;
  text-align: right;
}


#contact .line.submit_line
{
  margin: 15px 0;
}
#contact .line.submit_line.center
{
  padding: 0 15px;
  margin: 25px 0 15px 0;
  text-align: center;
}
#contact .line.submit_line.right
{
  padding: 0 15px;
  margin: 25px 0 15px 0;
  text-align: right;
}

#contact .line.submit_line input
{
padding: 5px 25px;
margin: 0;
border: 0;
border-style: solid;
border-color: black;
cursor: pointer;

background-color: #FF6033;
background-image:linear-gradient(#FF6033, #CC3300);
background-image:-moz-linear-gradient(#FF6033, #CC3300);
background-image:-webkit-linear-gradient(#FF6033, #CC3300);
background-image:-o-linear-gradient(#FF6033, #CC3300);
background-image:-ms-linear-gradient(#FF6033, #CC3300);

font-family: arial, helvetica, sans-serif;
color: white;
font-size: 14px;
font-weight: bold;
text-align: center;
text-decoration: none;

border-radius: 15px 15px 15px 15px;
}
#contact .line.submit_line input:hover
{
background-color: #ff3300;
background-image:linear-gradient(#cc3300, #ff6033); /* #FF6033, #ff3300 */
background-image:-moz-linear-gradient(#cc3300, #ff6033);
background-image:-webkit-linear-gradient(#cc3300, #ff6033);
background-image:-o-linear-gradient(#cc3300, #ff6033);
background-image:-ms-linear-gradient(#cc3300, #ff6033);
}

/* ** DEVIS ** */
#QUOTATION_AREA
{
float: left;
clear: both;
width: 100%;
}







/* ** MISE EN FORME TABLEU PAR DEFAUT (BO Internaute notamment) ** */
.model_default_table_area
{
float: left;
clear: both;
width: 100%;
}
.model_default_table_area table
{
float: left;
clear: both;
width: 100%;
border: 1px solid #e1e2e3;
background-color: white;
border-collapse: collapse;
}


.model_default_table_area th
{
text-align: center;
padding: 5px;
border-width: 0 1px 1px 0;
border-style: solid;
border-color: #e1e2e3;
}
.model_default_table_area th div
{
display: block;
color: #FF6033;
padding: 5px;
margin: 0;

text-align: center;
font-size: 13px;
font-weight: bold;
background-color: #EDEDED;
}


.model_default_table_area.offer h3
{
color: white;
padding: 5px;
margin: 0;

text-align: center;
font-size: 16px;
font-weight: bold;
background-color: #72787a;

position: relative;
}
.prestashop .model_default_table_area.offer h3 {
color: #FF6033;
background-color: #EDEDED;
}
.magento .model_default_table_area.offer h3 {
color: #F47A1F;
background-color: #F0EFE9;
}
.google .model_default_table_area.offer h3 {
color: #3B89D7;
background-color: #EBEFF6;
}

.model_default_table_area.offer h4
{
color: #3A404A;
padding: 0;
margin: 0;

text-align: left;
font-size: 12px;
font-weight: bold;
}

.model_default_table_area.offer h5
{
color: #3A404A;
padding: 0;
margin: 0;

text-align: left;
font-size: 12px;
font-weight: bold;

color: #FF6033;
}

.model_default_table_area.offer .help, 
.model_default_table_area.offer .help2
{
float: right;
width: 16px;
height: 16px;
margin-left: 5px;
}
.model_default_table_area.offer .help img, 
.model_default_table_area.offer .help2 img
{
float: right;
margin-left: 5px;
}

.model_default_table_area.offer h3 .help, 
.model_default_table_area.offer h3 .help2
{
position: absolute;
right: 4px;
top: 7px;
}

.model_default_table_area.offer .help2
{
position: relative;
}
.model_default_table_area.offer .help2 .trophy1
{
position: absolute;
top:-34px;
left:-538px;
}






.model_default_table_area th.wide_title
{
border: 1px solid #999;
background-color: #fff;
color: #000;
padding: 10px 10px;
}
.model_default_table_area th.left div
{
text-align: left;
padding-left: 10px;
}
.model_default_table_area .left
{
text-align: left;
}
.model_default_table_area th.right div, 
.model_default_table_area .right
{
text-align: right;
}
.model_default_table_area th.center div, 
.model_default_table_area .center
{
text-align: center;
}
.model_default_table_area td
{
text-align: center;
padding: 8px 5px;
border-width: 0 1px 1px 0;
border-style: solid;
border-color: #e1e2e3;
}
.model_default_table_area.offer td
{
padding: 5px;
}
.model_default_table_area td.first
{
border-left-width: 1px;
}

.model_default_table_area td a, 
.model_default_table_area th a
{
color: #000;
text-decoration: underline;
}
.model_default_table_area td a:hover, 
.model_default_table_area th a:hover
{
color: #FF6033;
text-decoration: underline;
}
/*
.gulliver .model_default_table_area td a:hover, 
.gulliver .model_default_table_area th a:hover {
color: #FF6033;
}
.prestashop .model_default_table_area td a:hover, 
.prestashop .model_default_table_area th a:hover {
color: #9D2655;
}
.magento .model_default_table_area td a:hover, 
.magento .model_default_table_area th a:hover {
color: #2483C7;
}
.google .model_default_table_area td a:hover, 
.google .model_default_table_area th a:hover {
color: #3B89D7;
}
*/
.model_default_table_area td .subtitle_line
{
display: block;
clear: both;
font-size: 0.9em;
padding-top: 2px;
}

.model_default_table_area.offer td p
{
margin: 0;
padding: 0;
}

.model_default_table_area.offer .submit
{
width: 100px;
padding: 4px 7px;
border-width: 0;
border-style: solid;
border-color: black;
white-space: normal;

color: white;
font-family: arial, helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
text-align: center;
text-decoration: none;
text-transform: uppercase;
cursor: pointer;

background-color: #FF6033;
background-image:linear-gradient(#FF6033, #CC3300);
background-image:-moz-linear-gradient(#FF6033, #CC3300);
background-image:-webkit-linear-gradient(#FF6033, #CC3300);
background-image:-o-linear-gradient(#FF6033, #CC3300);
background-image:-ms-linear-gradient(#FF6033, #CC3300);

border-radius: 7px;
}
.model_default_table_area.offer .submit:hover
{
background-color: #ff3300;
background-image:linear-gradient(#cc3300, #ff6033);
background-image:-moz-linear-gradient(#cc3300, #ff6033);
background-image:-webkit-linear-gradient(#cc3300, #ff6033);
background-image:-o-linear-gradient(#cc3300, #ff6033);
background-image:-ms-linear-gradient(#cc3300, #ff6033);
}
.model_default_table_area.offer .submit.current
{
background-color: #73797B;
background-image:linear-gradient(#73797B, #333333);
background-image:-moz-linear-gradient(#73797B, #333333);
background-image:-webkit-linear-gradient(#73797B, #333333);
background-image:-o-linear-gradient(#73797B, #333333);
background-image:-ms-linear-gradient(#73797B, #333333);
}
.model_default_table_area.offer .submit:hover.current
{
background-color: black;
background-image:linear-gradient(#73797B, black);
background-image:-moz-linear-gradient(#73797B, black);
background-image:-webkit-linear-gradient(#73797B, black);
background-image:-o-linear-gradient(#73797B, black);
background-image:-ms-linear-gradient(#73797B, black);
}

#pastille_orange
{
}





#teaser_area_popup
{
display:block;
clear:both;
}
#teaser_area_popup .content
{
display:block;
clear:both;
padding: 10px 0;

font-size: 11px;
}
#teaser_area_popup .content a
{
color: black;
text-decoration: underline;
}

#teaser_area_popup .more
{
display:block;
clear:both;
padding: 5px 0;
text-align:right;
font-size: 11px;
}
#teaser_area_popup .more a
{
color: black;
text-decoration: none;
}
#teaser_area_popup .more a:hover
{
text-decoration: underline;
}



/* AUTOUR TABLEAU COMMANDE */
.sumup_offer
{
display: block;
clear: both;
font-size: 1.1em;
padding-bottom: 10px;
}
.sumup_misc_order_data
{
display: block;
clear: both;
padding-top: 10px;
}


/* ** /////////////////////////////// NOTE DB ////////////////////////////// ** */
/* // CI DESSOUS : CSS ORIGINALE DE ORDER.CSS (via fmc) // */


/******** BOUTONS SUIVANT / PRECEDENT *********/
.my_order_buttons_line
{
float: left;
clear: both;
width: 100%;
margin: 20px 0 30px 0;
}
.my_order_buttons_line.other
{
margin: 0 0 30px 0;
}

.my_order_buttons_line .right
{
float: right;
}
.my_order_buttons_line .left
{
float: left;
}

.my_order_buttons_line a
{
padding: 7px 25px;
margin: 0 15px;
border: 0;
border-style: solid;
border-color: black;


background-color: #73797B;
background-image:linear-gradient(#73797B, #333333);
background-image:-moz-linear-gradient(#73797B, #333333);
background-image:-webkit-linear-gradient(#73797B, #333333);
background-image:-o-linear-gradient(#73797B, #333333);
background-image:-ms-linear-gradient(#73797B, #333333);

color: white;
font-size: 14px;
font-weight: bold;
text-align: center;
text-decoration: none;

border-radius: 15px 15px 15px 15px;
}
.my_order_buttons_line a.next
{
background-color: #FF6033;
background-image:linear-gradient(#FF6033, #CC3300);
background-image:-moz-linear-gradient(#FF6033, #CC3300);
background-image:-webkit-linear-gradient(#FF6033, #CC3300);
background-image:-o-linear-gradient(#FF6033, #CC3300);
background-image:-ms-linear-gradient(#FF6033, #CC3300);
}
.my_order_buttons_line.other a
{
padding: 4px 14px;
margin: 0 15px 0 0;
font-size: 12px;
background-image:linear-gradient(#CC3300, #FF6033);
background-image:-moz-linear-gradient(#CC3300, #FF6033);
background-image:-webkit-linear-gradient(#CC3300, #FF6033);
background-image:-o-linear-gradient(#CC3300, #FF6033);
background-image:-ms-linear-gradient(#CC3300, #FF6033);
}

.my_order_buttons_line a:hover
{
background-color: black;
background-image:linear-gradient(#73797B, black);
background-image:-moz-linear-gradient(#73797B, black);
background-image:-webkit-linear-gradient(#73797B, black);
background-image:-o-linear-gradient(#73797B, black);
background-image:-ms-linear-gradient(#73797B, black);
} 
.my_order_buttons_line a:hover.next
{
background-color: #ff3300;
background-image:linear-gradient(#FF6033, #ff3300);
background-image:-moz-linear-gradient(#FF6033, #ff3300);
background-image:-webkit-linear-gradient(#FF6033, #ff3300);
background-image:-o-linear-gradient(#FF6033, #ff3300);
background-image:-ms-linear-gradient(#FF6033, #ff3300);
}
.my_order_buttons_line.other a:hover.next
{
background-color: #ff3300;
background-image:linear-gradient(#ff3300, #FF6033);
background-image:-moz-linear-gradient(#ff3300, #FF6033);
background-image:-webkit-linear-gradient(#ff3300, #FF6033);
background-image:-o-linear-gradient(#ff3300, #FF6033);
background-image:-ms-linear-gradient(#ff3300, #FF6033);
}





/* ** SAISIE DU COUPON ** */
.ask_coucher_area
{
  float: left;
  clear: both;
  width: 100%;
  margin-top: 25px;
  margin-bottom: 15px;
}
.ask_coucher_area .voucher_sumup_slot {
  clear: both;
  width: 600px;
  margin: 0 auto;
  padding: 8px 15px;
  background: #ededed;
  border: 0;
  overflow: hidden;
  margin-bottom: 15px;
  border-radius: 5px;
}
.ask_coucher_area .voucher_sumup_slot form {
  display: block;
  padding: 0;
  margin: 0;
}
.ask_coucher_area .voucher_sumup_slot label {
  display: block;
}
.ask_coucher_area .voucher_sumup_slot input.field {
  float: right;
  width: 120px;
  height: 18px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: black;
  padding: 1px 4px;
  border: 1px solid #ccc;
  text-align: center;
  margin-top: 4px;
}
.ask_coucher_area .voucher_sumup_slot input.compute
{
float: right;
height: 22px;
margin-left: 5px;
margin-top: 4px;
cursor: pointer;
border: 0;

background-color: #999999;
background-image:linear-gradient(#999999, #333333);
background-image:-moz-linear-gradient(#999999, #333333);
background-image:-webkit-linear-gradient(#999999, #333333);
background-image:-o-linear-gradient(#999999, #333333);
background-image:-ms-linear-gradient(#999999, #333333);

font-family: Arial, Helvetica, sans-serif;
color: white;
font-size: 11px;
font-weight: bold;
text-align: center;
text-decoration: none;

border-radius: 5px;
}
.ask_coucher_area .voucher_sumup_slot input:hover.compute
{
background-color: #000000;
background-image:linear-gradient(#999999, #000000);
background-image:-moz-linear-gradient(#999999, #000000);
background-image:-webkit-linear-gradient(#999999, #000000);
background-image:-o-linear-gradient(#999999, #000000);
background-image:-ms-linear-gradient(#999999, #000000);
}




.free_shipping_text_info
{
display: block;
clear: both;
color: #e0268f;
font-size: 1.3em;
font-weight: bold;
margin-bottom: 5px;
margin-top: 10px;
text-align: center;
}



/* essai gratuit / contact conseiller */
.infos_devis
{
clear: both;
float: left;
font-size: 1.1em;
margin-bottom: 15px;
margin-top: 25px;
width: 100%;
}
.infos_devis a
{
color: #FF6033;
text-decoration: none;
font-weight: bold;
}
/******** FIN BON DE COMMANDE ********/



/******** MOYENS DE PAIEMENT *********/
.main_slot.paiement
{
float: left;
width: 100%;
padding: 0;
border: 0;
}

.main_slot.paiement .slot_content
{
background-color: #eee;
border: 1px solid #dddddd;
text-align: justify;
padding: 9px 19px 24px 19px;
font-size: 1.1em;
}

.main_slot.paiement .slot_content .btn_submit
{
background-color: #FF6033;
background-image: -moz-linear-gradient(#FF6033, #CC3300);
border-color: black;
border-radius: 15px 15px 15px 15px;
border-style: solid;
border-width: 0;
color: white;
cursor: pointer;
display: block;
font-size: 1em;
font-weight: bold;
padding: 5px 9px;
text-align: center;
text-decoration: none;
}
.main_slot.paiement .slot_content .btn_submit:hover
{
background-color: #ff3300;
background-image:linear-gradient(#FF6033, #ff3300);
background-image:-moz-linear-gradient(#FF6033, #ff3300);
background-image:-webkit-linear-gradient(#FF6033, #ff3300);
background-image:-o-linear-gradient(#FF6033, #ff3300);
background-image:-ms-linear-gradient(#FF6033, #ff3300);
}
.main_slot.paiement .slot_content .btn_back
{
background-color: #73797B;
background-image: -moz-linear-gradient(#73797B, #333333);
border: 0 solid black;
border-radius: 15px 15px 15px 15px;
color: white;
display: block;
float: left;
font-size: 1em;
font-weight: bold;
margin: 0 15px;
padding: 7px 25px;
text-align: center;
text-decoration: none;
}
.main_slot.paiement .slot_content .btn_back:hover
{
background-color: black;
background-image:linear-gradient(#73797B, black);
background-image:-moz-linear-gradient(#73797B, black);
background-image:-webkit-linear-gradient(#73797B, black);
background-image:-o-linear-gradient(#73797B, black);
background-image:-ms-linear-gradient(#73797B, black);
}
.main_slot.paiement .paiement_form
{
display: block;
clear: both;
padding-top: 10px;
}



/********* PAIEMENT *********/

.title_paiement
{
margin: 0 10px 20px 10px;
}

.box_paiement
{
position: relative;
border: 1px solid #dddddd;
margin: 10px 10px 10px 10px;
padding : 10px 10px 10px 10px;
min-height: 60px;
}

.box_paiement_line
{
}

.box_paiement_line table
{
width: 100%;
margin-bottom: 10px;
}

.box_paiement_line table tbody tr
{
vertical-align: middle;
font-size: 14px;
font-weight: bold;
}


.box_paiement_line table tbody tr td.paiement_title
{
padding: 0px 20px 0px 0px;
min-width: -moz-max-content;
}

.box_paiement_line table tbody tr td.paiement_img
{

}

.box_paiement_line table tbody tr td.paiement_cle
{
text-align: right;
width: 100%;
}

.box_paiement_line .paiement_desc
{
float: left;
width: 465px;
padding-right: 20px;
}


.box_paiement_line .paiement_form
{
float:left;
}

.box_paiement_line .paiement_form input
{
position: absolute;
bottom:0;
right: 0;
padding: 10px 10px;
}

.box_left .ligne_title
{
margin-bottom: 20px;
}



/********* FIN PAIEMENT *********/

/* DB : tmp : tableau récap des ventes */

.loupe_orderlist
{
float: left;
width: 16px;
height: 16px;
padding-left: 10px;
}

.free_trial_area_orderlist
{
float: left;
clear: both;
width: 100%;
}
.free_trial_area_orderlist span
{
display: block;
padding: 4px 7px;
width: 90px;
margin: 0 auto;
border-width: 0;
border-style: solid;
border-color: black;
white-space: normal;

color: white;
font-family: arial, helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
text-align: center;
text-decoration: none;
text-transform: uppercase;
/*cursor: pointer;*/

background-color: #FF6033;
background-image:linear-gradient(#FF6033, #CC3300);
background-image:-moz-linear-gradient(#FF6033, #CC3300);
background-image:-webkit-linear-gradient(#FF6033, #CC3300);
background-image:-o-linear-gradient(#FF6033, #CC3300);
background-image:-ms-linear-gradient(#FF6033, #CC3300);

border-radius: 7px;
}

.paiement_area_orderlist
{
float: left;
clear: both;
width: 100%;
}


/********* AFFICHAGE COMMANDE (BO + MAIL) *********/
#order_address
{
float: left;
clear: both;
width: 100%;
margin: 5px 0;
}
#billing_address
{
float: left;
width: 250px;
min-height: 150px;
border: 1px dotted #333;
padding: 0 10px;
}
#delivery_address
{
float: left;
width: 250px;
min-height: 150px;
border: 1px dotted #333;
padding: 0 10px;
margin-left: 25px;
}

#order_payment
{
float: left;
clear: both;
width: 100%;
margin: 5px 0;
}

/* modif Axel */
td.bad_domain
{
position: relative;
background-color: rgb(231, 185, 0);
}

td div.div_info
{
max-width: 10px;
cursor: default;
position: relative;
}

td div.div_info span
{
max-width: 10px;
position: absolute;
right: -1700%;
top: -18px;
}

td span.type_res
{
color: grey;
}

td.qualif_account
{
background-color: rgba(0, 153, 255, 0.4);
}
/* fin modif Axel */