@charset "iso-8859-2";
/* CSS Document */

/************************ GENERAL *****************************/

img{
border:0;
}

*{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#484848;
}

body{
margin:0;
padding:0;
background-color: #dedcbd;
}

.mention, .mention a{
font-size:9px;
}

.GarantiePanier{
font-size:9px;
color:#EE0000;
}

.erreur
{
font-size:11px;
color:#f00;
background-color:#fff;
}

.Avertissement
{
font-size:13px;
color:#FF0000;
}

.AjoutePanier
{
font-size:16px;
color:green;
font-weight:bolder;
text-align:center;
}

.AjoutePanierPB
{
font-size:15px;
color:#f00;
font-weight:bolder;
}

.vert{
color:#a1c423;
}

.bleu{
color:#23bec4;
}

.rose{
color:#c42363;
}

.or{
color:#c49c23;
}

.marron{
color:#c46f23;
}

.rouge{
color:#c42323;
}

.blanc{
color:#fff;
}

#global{
width:982px;
margin:0 auto 0 auto;
background: url(http://images.carri.com/osmoz/interfaz/bg_fond.jpg) repeat-y;
}

#header{
width:982px;
height:208px;
background: url(http://images.carri.com/osmoz/interfaz/top.png) no-repeat;
display:block;
position:relative;
z-index:10;
}

#content{
width:982px;
background:url(http://images.carri.com/osmoz/interfaz/bg_content.png) left top no-repeat;
display:inline-block;
position:relative;
z-index:10;
}

#footer{
width:982px;
height:78px;
background: url(http://images.carri.com/osmoz/interfaz/footer.jpg) no-repeat;
}

#osmoz{
padding-top:19px;
margin:0 0 15px 344px;
}

#footer img{
margin-left:50px;
margin-right:10px;
}

/******************************** NAV *******************************/

#nav{
height:35px;
margin-left:463px;
margin-top: 8px;
}

#navLeft{
width:14px;
height:35px;
float:left;
background:url(http://images.carri.com/osmoz/interfaz/nav/nav_left.png) no-repeat;
}

#nav ul{
margin:0;
padding:0;
list-style-type:none;
}

#nav ul li{
float:left;
height:35px;
}

.separNav{
display:inline-table;
margin:0;
padding:0;
float:left;
height:35px;
width:2px;
background:url(http://images.carri.com/osmoz/interfaz/nav/nav_separ.png) no-repeat;
}

#nav ul li a{
display:block;
color:#666;
padding-left:10px;
padding-right:10px;
padding-top:10px;
padding-bottom:14px;
background: url(http://images.carri.com/osmoz/interfaz/nav/bg_nav.png) repeat-x;
text-decoration:none;
font-weight:bold;
}

/* EN CONSTRUCTION */
#nav ul li.construction a{
padding-top:4px;
padding-left:15px;
padding-right:15px;
color:#fff;
}
#nav ul li.construction  a img{
position: relative;
top:4px;
left:5px;
border:0;
}
/* FIN CONSTRUCTION */

/* ICONE ACCUEIL */
#nav ul li.home a img{
position: relative;
top:-2px;
left:-3px;
border:0;
}
/* FIN ICONE ACCUEIL */

#nav ul li.panier a{
padding-top:4px;
padding-left:10px;
color:#676336;
}

#nav ul li.panier a img{
position: relative;
top:4px;
left:5px;
border:0;
}

#navRight{
float:left;
width:11px;
height:35px;
background:url(http://images.carri.com/osmoz/interfaz/nav/nav_right.png) no-repeat;
}

#nav ul li.vert a:hover{
background: url(http://images.carri.com/osmoz/interfaz/nav/nav_over_vert.png) repeat-x;
color:#fff;
}

#nav ul li.bleu a:hover{
background: url(http://images.carri.com/osmoz/interfaz/nav/nav_over_bleu.png) repeat-x;
color:#fff;
}

#nav ul li.rose a:hover{
background: url(http://images.carri.com/osmoz/interfaz/nav/nav_over_rose.png) repeat-x;
color:#fff;
}

#nav ul li.or a:hover{
background: url(http://images.carri.com/osmoz/interfaz/nav/nav_over_or.png) repeat-x;
color:#fff;
}

#nav ul li.marron a:hover{
background: url(http://images.carri.com/osmoz/interfaz/nav/nav_over_marron.png) repeat-x;
color:#fff;
}

#nav ul li.rouge a:hover{
background: url(http://images.carri.com/osmoz/interfaz/nav/nav_over_rouge.png) repeat-x;
color:#fff;
}

#nav ul li.panier a:hover{
text-decoration:underline;
}

/*************************************** LOGIN ***********************************************/

#loginDIV{
background: url(http://images.carri.com/osmoz/interfaz/login_fond.jpg);
width:428px;
height:53px;
margin-left:540px;
position:absolute;
z-index:10;
display:block;
}

#loginDIV .mention, #loginDIV .mention a{
color:#c7c4a7;
}

#loginDIV table tr td {
font-size:11px;
}

#loginDIV table{
margin-top:3px;
margin-left:20px;
}

#loginDIV table tr td input{
font-size:11px;
width:100px;
}

/************************************** HOME *********************************************/

#colGauche{
position:relative;
left:2px;
width:130px;
float:left;
margin-left:30px;
margin-top:240px;
height:220px;
font-weight:bolder;
border:0px dashed #333;
background-image:url(http://images.carri.com/osmoz/offres/visuel-homme-zen.jpg);
background-position: -10px -20px;
z-index:1;
}

#colGaucheOffre{
/* *** OLD PROPERTIES ***
width:204px;
float:left;
margin-left:22px;*/
position:relative;
left:2px;
width:130px;
float:left;
margin-left:30px;
margin-top:240px;
height:220px;
font-weight:bolder;
border:0px dashed #333;
background-image:url(http://images.carri.com/osmoz/offres/visuel-homme-zen.jpg);
background-position: -10px -20px;
z-index:1;
}

#cadre{
width:800px;
margin-right:18px;
background:url(http://images.carri.com/osmoz/home/content_bg.jpg) left repeat-y; 
float:right;
border:0px dashed #333;
position:relative;
/*height:1500px;*/
z-index:2;
}

#cadreTop{
width:800px;
height:15px;
background:url(http://images.carri.com/osmoz/home/content_top.png); 
}

#cadreContentHome{
width:800px;
height:465px;
/*background:url(http://images.carri.com/osmoz/home/home_zen.gif) left bottom no-repeat;*/
}

#cadreBotHome{
width:800px;
height:220px;
margin-top:18px;
background:url(http://images.carri.com/osmoz/home/content_bot_home.jpg) bottom no-repeat; 
}

/* placement des icones centrales de la page d'accueil */
#cadreContentHome ul{
list-style-type:none;
margin-left:0px;
}

#cadreContentHome ul li{
width:179px;
float:left;
margin:10px 0px 0px 5px;
border:1px solid #ddd;
border-radius:6px 6px 42px 0px;
height:600px;
padding:0 2px 0 2px;
position:relative;
left:-22px;
}

#cadreContentHome ul li:hover{
background-color:#ddd;
}

#cadreContentHome a{
text-decoration:none;
}


#cadreContentHome ul li.clear{
clear:both;
width:0px;
height:0px;
margin-left:0px;
}

.HOMEvert{
background:url(http://images.carri.com/osmoz/home/simplicite.png) no-repeat;
background-position:34px 3px;
text-align:center;
}

.HOMEbleu{
background:url(http://images.carri.com/osmoz/home/tranquilite.png) no-repeat;
background-position:34px 3px;
text-align:center;
}

.HOMErose{
background:url(http://images.carri.com/osmoz/home/serenite.png) no-repeat;
background-position:34px 3px;
text-align:center;
}

.HOMErouge{
background:url(http://images.carri.com/osmoz/home/facilite.png) no-repeat;
background-position:34px 3px;
text-align:center;
}

.HOMEor{
background:url(http://images.carri.com/osmoz/home/home_or.jpg) no-repeat;
background-position:34px 3px;
text-align:center;
}

.HOMEmarron{
background:url(http://images.carri.com/osmoz/home/home_marron.jpg) no-repeat;
background-position:34px 3px;
text-align:center;
}

.TitreAnnonceOffre{
font-size:15px;
}

.AnnonceVERT{
color:#a1c423;
font-weight:bolder;
margin:40px 0 20px 0;
}

.AnnonceBLEU{
color:#23bec4;
font-weight:bolder;
margin:40px 0 20px 0;
}

.AnnonceROUGE{
color:#c42323;
font-weight:bolder;
margin:40px 0 20px 0;
}

.AnnonceROSE{
color:#c98988;
font-weight:bolder;
margin:40px 0 20px 0;
}
/********************** RAJOUT POUR LA HOME *******************************/
.APartirDe
{
  font-style:italic;
  font-weight:bolder;
  position:absolute;
  bottom:5px;
  text-align:center;
  width:100%;
  font-size:20px;
}

.DetailsOffre
{
  font-weight:bolder;
}

.CaractereVERT:first-letter{
text-transform: uppercase;
font-weight:bolder;
font-size:24px;
margin-top:0px;
padding:0px;
color:#a1c423;
}

.CaractereBLEU:first-letter{
text-transform: uppercase;
font-weight:bolder;
font-size:24px;
margin-top:0px;
padding:0px;
color:#23bec4;
}

.CaractereROSE:first-letter{
text-transform: uppercase;
font-weight:bolder;
font-size:24px;
margin-top:0px;
padding:0px;
color:#c98988;
}

.CaractereROUGE:first-letter{
text-transform: uppercase;
font-weight:bolder;
font-size:24px;
margin-top:1000px;
padding:0px;
color:#c42323;
}

#cadreContentHome ul li a span{
color:#fff;
margin-top:80px;
font-size:14px;
display:inline-block;
}

#cadreContentHome ul li a{
display:inline-block;
text-decoration:none;
color:#ffffff;
}

.HOMEvert a, .HOMEbleu a, .HOMErose a, .HOMEor a, .HOMEmarron a, .HOMErouge a{
display:block;
width:184px;
}
/****************************************************************************/

#cadreContentHome ul li a:hover{
text-decoration:underline;
}

#cadreContentHome ul li:hover a{
text-decoration:underline;
}

.h1Home{
margin:10px 10px 10px 10px;
padding:0;
font-size:26px;
font-weight:normal;
font-style:italic;
text-align:center;
}

.Contact{
margin:20px 0 0 280px;
font-size:18px;
font-style:italic;
}

.TexteContact{
font-size:16px;
color:#000000;
}

.TexteContactGras{
font-size:16px;
color:#000000;
font-weight:bolder;
}

.TitreContactGras{
font-size:18px;
color:#000000;
font-weight:bolder;
margin-left:50px;
margin-right:50px;
}

.h1Home strong{
font-size:21px;
color:#a1c423;
}

.logoProduits{
margin-top:270px;
}
/************************************** OFFRE *********************************************/

.titreVert{
color:#a1c423;
font-size:36px;
font-style:italic;
font-weight:lighter;
}

.titreBleu{
color:#23bec4;
font-size:36px;
font-style:italic;
font-weight:lighter;
}

.titreRose{
color:#c42363;
font-size:36px;
font-style:italic;
font-weight:lighter;
}

.titreOr{
color:#c49c23;
font-size:36px;
font-style:italic;
font-weight:lighter;
}

.titreMarron{
color:#c49c23;
font-size:36px;
font-style:italic;
font-weight:lighter;
}

.titreRouge{
color:#c42323;
font-size:36px;
font-style:italic;
font-weight:lighter;
}

.blanc{
color:#fff;
}


h1{
font-size:36px;
font-style:italic;
font-weight:lighter;
margin: 0 0 0 20px;
}

h2{
font-size:24px;
font-style:italic;
font-weight:lighter;
margin: 0 0 30px 20px;
}

hr{
width:675px;
margin:0 0 0 20px;
padding:0;
}

#cadreContent{
width:800px;
display:inline-block;
}

#cadreBot{
width:800px;
height:15px;
background:url(http://images.carri.com/osmoz/home/content_bot_home.jpg); 
}

.ongletActive, .onglet{
text-align:center;
}

.ongletActive a, .onglet a{
display:block;
padding-top:10px;
text-decoration:none;
}

#offreTop{
width:664px;
height:40px;
}

#offreContent{
width:664px;
display:inline-block;
}

#offreBot{
width:664px;
height:18px;
}

#ongletsLeft{
float:left;
width:10px;
height:40px;
}

#onglets{
float:left;
height:40px;
width:643px;
}

#onglets ul{
list-style-type:none;
margin:0;
padding:0;
}

#onglets ul li{
list-style-type:none;
width:101px;
height:40px;
float:left;
margin:0 10px 0 0;
}

#ongletsRight{
float:left;
width:11px;
height:40px;
}

.offreBleu, .offreVert, .offreRose, .offreOr, .offreMarron, .offreRouge{
margin-left:30px;
}

#packC{
text-align:center;
}

#packC table{
text-align:left;
}

.service{
width:297px;
float:left;
margin-top:20px;
padding-left:20px;
}

#serviceTop{
width:297px;
height:25px;
text-align:left;
}

#serviceTop p{
color:#fff;
padding: 0 0 0 10px;
margin:0;
font-size:20px;
}

#serviceContent{
width:297px;
text-align:left;
}

#serviceContent p{
padding: 10px 0 0 10px;
margin:0;
}

#serviceBot{
width:297px;
height:8px;
}

#prixAjout{
width:135px;
float:right;
margin-top:20px;
}

.prix{
width:135px;
height:48px;
color:#fff;
font-size:30px;
font-weight:bold;
}

.HT{
display:inline-block;
color:#fff;
font-size:11px;
font-weight:normal;
position:relative;
top:-5px;
}

#btAjouter{
width:88px;
height:30px;
margin-top:10px;
}
.clear{
clear:both;
}

#optionC{
text-align:center;
}

#optionC table tr td{
padding-top:5px;
padding-bottom:5px;
}

.titreProduit{
font-size:26px;
text-align:left;
}

.titreOption{
text-align:left;
display:block;
font-size:20px;
margin-left:30px;
margin-top:20px;
margin-bottom:10px;
}

.prixOption{
font-size:16px;
font-weight:bold;
margin-right:5px;
}

#optionC{
display:none;
}

.optionSepar{
width:662px;
height:1px;
margin:auto;
}

.plus{
width:662px;
height:21px;
margin:auto;
}

.PhotoNonContractuelle{
font-size:8px;
font-weight:bold;
}
/************************************** OFFRE BLEU (Tranquilité) *********************************************/
ul.menuTranquilite{
list-style-type: none;
margin:20px 0 0 0;
padding:0;
float:right;
}

ul.menuTranquilite li{
float:left;
margin-right:30px;
}

ul.menuTranquilite li a{
font-size:16px;
font-style:italic;
font-weight:normal;
color:#23eeee;
text-decoration:none;
}

ul.menuTranquilite li a:hover{
color:#23bec4;
}

ul.menuTranquilite li.active, ul.menuTranquilite li.active a{
font-size:16px;
font-style:italic;
color:#23bec4;
font-weight:bolder;
text-decoration:none;
}


.offreBleu #offreContent{
background:url(http://images.carri.com/osmoz/offres/bleu_bg_content.gif);
}

.offreBleu #offreBot{
background:url(http://images.carri.com/osmoz/offres/bleu_bot.gif) no-repeat;
}

.offreBleu #ongletsLeft{
background:url(http://images.carri.com/osmoz/offres/bleu_top_left.gif) no-repeat;
}

.offreBleu #onglets{
background:url(http://images.carri.com/osmoz/offres/bleu_top_bg.gif) repeat-x;
}

.offreBleu .ongletActive{
background:url(http://images.carri.com/osmoz/offres/bleu_onglet_on.gif) no-repeat;
}

.offreBleu .onglet{
background:url(http://images.carri.com/osmoz/offres/bleu_onglet_off.gif) no-repeat;
}

.offreBleu #ongletsRight{
background:url(http://images.carri.com/osmoz/offres/bleu_top_right.gif) no-repeat;
}

.offreBleu .ongletActive a{
font-weight:bold;
color:#23bec4;
}

.offreBleu .onglet a{
color:#ffffff;
}

.offreBleu #serviceTop{
background:url(http://images.carri.com/osmoz/offres/bleu_service_top.gif) no-repeat;
}

.offreBleu #serviceContent{
background:url(http://images.carri.com/osmoz/offres/bleu_service_bg.gif) repeat-y;
}

.offreBleu #serviceBot{
background:url(http://images.carri.com/osmoz/offres/bleu_service_bot.gif) no-repeat;
}

.offreBleu .prix{
background:url(http://images.carri.com/osmoz/offres/bleu_prix.gif) no-repeat;
}

.offreBleu .prixOption, .offreBleu .titreOption, .offreBleu .titreProduit {
color:#23bec4;
}

.offreBleu .optionSepar{
background:url(http://images.carri.com/osmoz/offres/bleu_separ.gif) no-repeat;
}

.offreBleu .plus{
background:url(http://images.carri.com/osmoz/offres/bleu_plus.gif) no-repeat;
}

/************************************** OFFRE VERT (Simplicité) *********************************************/
ul.menuSimplicite{
list-style-type: none;
margin:20px 0 0 0;
padding:0;
float:right;
}

ul.menuSimplicite li{
float:left;
margin-right:30px;
}

ul.menuSimplicite li a{
font-size:16px;
font-style:italic;
font-weight:normal;
color:#a1c423;
text-decoration:none;
}

ul.menuSimplicite li a:hover{
color:#a1c423;
}

ul.menuSimplicite li.active, ul.menuSimplicite li.active a{
font-size:16px;
font-style:italic;
color:#a1c423;
font-weight:bolder;
text-decoration:none;
}


.offreVert #offreContent{
background:url(http://images.carri.com/osmoz/offres/vert_bg_content.gif);
}

.offreVert #offreBot{
background:url(http://images.carri.com/osmoz/offres/vert_bot.gif) no-repeat;
}

.offreVert #ongletsLeft{
background:url(http://images.carri.com/osmoz/offres/vert_top_left.gif) no-repeat;
}

.offreVert #onglets{
background:url(http://images.carri.com/osmoz/offres/vert_top_bg.gif) repeat-x;
}

.offreVert .ongletActive{
background:url(http://images.carri.com/osmoz/offres/vert_onglet_on.gif) no-repeat;
}

.offreVert .onglet{
background:url(http://images.carri.com/osmoz/offres/vert_onglet_off.gif) no-repeat;
}

.offreVert #ongletsRight{
background:url(http://images.carri.com/osmoz/offres/vert_top_right.gif) no-repeat;
}

.offreVert .ongletActive a{
font-weight:bold;
color:#a1c423;
}

.offreVert .onglet a{
color:#ffffff;
}

.offreVert #serviceTop{
background:url(http://images.carri.com/osmoz/offres/vert_service_top.gif) no-repeat;
}

.offreVert #serviceContent{
background:url(http://images.carri.com/osmoz/offres/vert_service_bg.gif) repeat-y;
}

.offreVert #serviceBot{
background:url(http://images.carri.com/osmoz/offres/vert_service_bot.gif) no-repeat;
}

.offreVert .prix{
background:url(http://images.carri.com/osmoz/offres/vert_prix.gif) no-repeat;
}

.offreVert .prixOption, .offreVert .titreOption, .offreVert .titreProduit {
color:#a1c423;
}

.offreVert .optionSepar{
background:url(http://images.carri.com/osmoz/offres/vert_separ.gif) no-repeat;
}

.offreVert .plus{
background:url(http://images.carri.com/osmoz/offres/vert_plus.gif) no-repeat;
}

/************************************** OFFRE ROSE (Sérénité) *********************************************/

ul.menuSerenite{
list-style-type: none;
margin:20px 0 0 0;
padding:0;
float:right;
}

ul.menuSerenite li{
float:left;
margin-right:30px;
}

ul.menuSerenite li a{
font-size:16px;
font-style:italic;
font-weight:normal;
color:#c98988;
text-decoration:none;
}

ul.menuSerenite li a:hover{
color:#c42323;
}

ul.menuSerenite li.active, ul.menuSerenite li.active a{
font-size:16px;
font-style:italic;
color:#c42323;
font-weight:bolder;
text-decoration:none;
}



.offreRose #offreContent{
background:url(http://images.carri.com/osmoz/offres/rose_bg_content.gif);
}

.offreRose #offreBot{
background:url(http://images.carri.com/osmoz/offres/rose_bot.gif) no-repeat;
}

.offreRose #ongletsLeft{
background:url(http://images.carri.com/osmoz/offres/rose_top_left.gif) no-repeat;
}

.offreRose #onglets{
background:url(http://images.carri.com/osmoz/offres/rose_top_bg.gif) repeat-x;
}

.offreRose .ongletActive{
background:url(http://images.carri.com/osmoz/offres/rose_onglet_on.gif) no-repeat;
}

.offreRose .onglet{
background:url(http://images.carri.com/osmoz/offres/rose_onglet_off.gif) no-repeat;
}

.offreRose #ongletsRight{
background:url(http://images.carri.com/osmoz/offres/rose_top_right.gif) no-repeat;
}

.offreRose .ongletActive a{
font-weight:bold;
color:#c42363;
}

.offreRose .onglet a{
color:#ffffff;
}

.offreRose #serviceTop{
background:url(http://images.carri.com/osmoz/offres/rose_service_top.gif) no-repeat;
}

.offreRose #serviceContent{
background:url(http://images.carri.com/osmoz/offres/rose_service_bg.gif) repeat-y;
}

.offreRose #serviceBot{
background:url(http://images.carri.com/osmoz/offres/rose_service_bot.gif) no-repeat;
}

.offreRose .prix{
background:url(http://images.carri.com/osmoz/offres/rose_prix.gif) no-repeat;
}

.offreRose .prixOption, .offreRose .titreOption, .offreRose .titreProduit {
color:#c42363;
}

.offreRose .optionSepar{
background:url(http://images.carri.com/osmoz/offres/rose_separ.gif) no-repeat;
}

.offreRose .plus{
background:url(http://images.carri.com/osmoz/offres/rose_plus.gif) no-repeat;
}

/************************************** OFFRE OR (Mobilité) *********************************************/

ul.menuMobilite{
list-style-type: none;
margin:20px 0 0 0;
padding:0;
float:right;
}

ul.menuMobilite li{
float:left;
margin-right:30px;
}

ul.menuMobilite li a{
font-size:16px;
font-style:italic;
font-weight:normal;
color:#d4c084;
text-decoration:none;
}

ul.menuMobilite li a:hover{
color:#c49c23;
}

ul.menuMobilite li.active, ul.menuMobilite li.active a{
font-size:16px;
font-style:italic;
color:#c49c23;
font-weight:bolder;
text-decoration:none;
}

.offreOr #offreContent{
background:url(http://images.carri.com/osmoz/offres/or_bg_content.gif);
}

.offreOr #offreBot{
background:url(http://images.carri.com/osmoz/offres/or_bot.gif) no-repeat;
}

.offreOr #ongletsLeft{
background:url(http://images.carri.com/osmoz/offres/or_top_left.gif) no-repeat;
}

.offreOr #onglets{
background:url(http://images.carri.com/osmoz/offres/or_top_bg.gif) repeat-x;
}

.offreOr .ongletActive{
background:url(http://images.carri.com/osmoz/offres/or_onglet_on.gif) no-repeat;
}

.offreOr .onglet{
background:url(http://images.carri.com/osmoz/offres/or_onglet_off.gif) no-repeat;
}

.offreOr #ongletsRight{
background:url(http://images.carri.com/osmoz/offres/or_top_right.gif) no-repeat;
}

.offreOr .ongletActive a{
font-weight:bold;
color:#c49c23;
}

.offreOr .onglet a{
color:#ffffff;
}

.offreOr #serviceTop{
background:url(http://images.carri.com/osmoz/offres/or_service_top.gif) no-repeat;
}

.offreOr #serviceContent{
background:url(http://images.carri.com/osmoz/offres/or_service_bg.gif) repeat-y;
}

.offreOr #serviceBot{
background:url(http://images.carri.com/osmoz/offres/or_service_bot.gif) no-repeat;
}

.offreOr .prix{
background:url(http://images.carri.com/osmoz/offres/or_prix.gif) no-repeat;
}

.offreOr .prixOption, .offreOr .titreOption, .offreOr .titreProduit {
color:#c49c23;
}

.offreOr .optionSepar{
background:url(http://images.carri.com/osmoz/offres/or_separ.gif) no-repeat;
}

.offreOr .plus{
background:url(http://images.carri.com/osmoz/offres/or_plus.gif) no-repeat;
}

/************************************** OFFRE MARRON (Totalité) *********************************************/

.offreMarron #offreContent{
background:url(http://images.carri.com/osmoz/offres/marron_bg_content.gif);
}

.offreMarron #offreBot{
background:url(http://images.carri.com/osmoz/offres/marron_bot.gif) no-repeat;
}

.offreMarron #ongletsLeft{
background:url(http://images.carri.com/osmoz/offres/marron_top_left.gif) no-repeat;
}

.offreMarron #onglets{
background:url(http://images.carri.com/osmoz/offres/marron_top_bg.gif) repeat-x;
}

.offreMarron .ongletActive{
background:url(http://images.carri.com/osmoz/offres/marron_onglet_on.gif) no-repeat;
}

.offreMarron .onglet{
background:url(http://images.carri.com/osmoz/offres/marron_onglet_off.gif) no-repeat;
}

.offreMarron #ongletsRight{
background:url(http://images.carri.com/osmoz/offres/marron_top_right.gif) no-repeat;
}

.offreMarron .ongletActive a{
font-weight:bold;
color:#c49c23;
}

.offreMarron .onglet a{
color:#ffffff;
}

.offreMarron #serviceTop{
background:url(http://images.carri.com/osmoz/offres/marron_service_top.gif) no-repeat;
}

.offreMarron #serviceContent{
background:url(http://images.carri.com/osmoz/offres/marron_service_bg.gif) repeat-y;
}

.offreMarron #serviceBot{
background:url(http://images.carri.com/osmoz/offres/marron_service_bot.gif) no-repeat;
}

.offreMarron .prix{
background:url(http://images.carri.com/osmoz/offres/marron_prix.gif) no-repeat;
}

.offreMarron .prixOption, .offreMarron .titreOption, .offreMarron .titreProduit {
color:#c49c23;
}

.offreMarron .optionSepar{
background:url(http://images.carri.com/osmoz/offres/marron_separ.gif) no-repeat;
}

.offreMarron .plus{
background:url(http://images.carri.com/osmoz/offres/marron_plus.gif) no-repeat;
}

/************************************** OFFRE ROUGE (Facilité) *********************************************/

.offreRouge #offreContent{
background:url(http://images.carri.com/osmoz/offres/rouge_bg_content.gif);
}

.offreRouge #offreBot{
background:url(http://images.carri.com/osmoz/offres/rouge_bot.gif) no-repeat;
}

.offreRouge #ongletsLeft{
background:url(http://images.carri.com/osmoz/offres/rouge_top_left.gif) no-repeat;
}

.offreRouge #onglets{
background:url(http://images.carri.com/osmoz/offres/rouge_top_bg.gif) repeat-x;
}

.offreRouge .ongletActive{
background:url(http://images.carri.com/osmoz/offres/rouge_onglet_on.gif) no-repeat;
}

.offreRouge .onglet{
background:url(http://images.carri.com/osmoz/offres/rouge_onglet_off.gif) no-repeat;
}

.offreRouge #ongletsRight{
background:url(http://images.carri.com/osmoz/offres/rouge_top_right.gif) no-repeat;
}

.offreRouge .ongletActive a{
font-weight:bold;
color:#c42323;
}

.offreRouge .onglet a{
color:#ffffff;
}

.offreRouge #serviceTop{
background:url(http://images.carri.com/osmoz/offres/rouge_service_top.gif) no-repeat;
}

.offreRouge #serviceContent{
background:url(http://images.carri.com/osmoz/offres/rouge_service_bg.gif) repeat-y;
}

.offreRouge #serviceBot{
background:url(http://images.carri.com/osmoz/offres/rouge_service_bot.gif) no-repeat;
}

.offreRouge .prix{
background:url(http://images.carri.com/osmoz/offres/rouge_prix.gif) no-repeat;
}

.offreRouge .prixOption, .offreRouge .titreOption, .offreRouge .titreProduit {
color:#c42323;
}

.offreRouge .optionSepar{
background:url(http://images.carri.com/osmoz/offres/rouge_separ.gif) no-repeat;
}

.offreRouge .plus{
background:url(http://images.carri.com/osmoz/offres/rouge_plus.gif) no-repeat;
}

/******************************** PANIER **************************************/

.eco{
line-height:20px;
margin:10px 0 10px 0;
font-size:10px;
color:#6ba200;
}

.quantite{
width:30px;
}

#panier table tr td{
padding: 5px 5px 5px 5px;
}

#panier table{
margin-top:20px;
}

.totalArticle{
font-size:14px;
}

#Total{
width:280px;
height:76px;
background: url(http://images.carri.com/osmoz/panier/fondTotal.gif) no-repeat;
/*float:right;*/
margin-left:419px;
}

#Total table{
margin-top:8px;
}

.txtTotal{
font-size:20px;
color:#fff;
font-weight:bolder;
}

#Total table tr td{
padding:2px 5px 2px 5px;
}

.couleurPanier, #Total table tr td .mention{
color:#8f8a50;
}

.titrePanier{
color:#8f8a50;
font-size:36px;
font-style:italic;
font-weight:lighter;
}

.bordTotal{
border-left: 1px solid #8f8a50
}

.prixTotal{
font-size:18px;
font-weight:bold;
}

/* ********************* PRIX AJAX ********************* */
#TotalHT
{
  display:inline-block;
  color:#fff;
  font-size:24px;
  font-weight:bold;
  position:relative;
  padding-top:6px;
  top:-5px;
}
/*******************************************************/
/* Condition livraison gratuite */
.ConditionsLivraison
{
  font-size:10px;
  color:#aaa;
  text-align:center;
  height:15px;
}

/* Logos des offres */
.Logo
{
  width:60px;
  margin:5px 0 5px 0;
}

/* Placement des prix des offres sur la page d'accueil */
.TarifsOffres
{
  position:absolute;
  bottom:5px;
  text-align:center;
  width:100%;
}

/* ESPACEMENT INPUTS DU CONFIGURATEUR */
.Inputs
{
  margin:5px 0 5px 0;
}