@charset "utf-8";

/*#######    Chapitre 0    ########## DEFINITIONS GENERALES ########## */
body
{
	padding: 0px; margin:0px;
	font-size: 13px;
	font-family:Verdana, Geneva, sans-serif;
	color: #000000;
	background-color:#4D4D4D;
	line-height:17px;
}

table { border-collapse: collapse; font-size:12px;}
p { text-align:left;}
a { color:#232B04;}
a:hover { color:#7FA801; }

a img{ border:0}
hr { border:0; border-bottom: 1px dashed #A4A4A5; height:0px}
div { border-width:0; padding:0;}
.clear {clear:both;} 
div.clear { height:0; font-size:0;}



/*#######    Chapitre 1    ########## PanelSiteGlobal ########## */ 

/*zones travaillant sur la largeur*/

#PanelSiteGlobal {}

/*div qui recouvre toute la largeur du fond*/
.bckLarg { background-color:#FFFFFF;}

/*centrer la div et largeur 1000px*/
.larg1000 { width:960px;  
            left: 50%;
            margin:0 0 0 -480px;
            position:relative;}

/*Cas Particuliers*/


	/* bckLarg : cas particuliers*/
	#bckBanniere{background:#494A4B url(../Image/DESIGN/BanBck.gif) repeat-x top;}
	#bckPiedPage{ position:relative; background:#4D4D4D url(../Image/DESIGN/back-pied.png) repeat-x  0 0}
		/*positionner le menu horizontale en haut*/
	#bckMenuOnglets {background:url(../Image/DESIGN/MnHoriz.gif) repeat-x top; width:100%;}
	
	/* larg1000 : cas particuliers */
	#PanelBanniere { height:103px; overflow:hidden}
	#PanelZoneCorps { background-color:#FFF;}
	#PanelPiedPage{position:relative; }
	#SubPiedBack{background:#4D4D4D}
	#SubPied{padding:3px 0; font-size:8px;}
	#LogosPied {height:81px; line-height:81px; text-indent:-9999px; background:url(../Image/DESIGN/logos-pied.png) no-repeat 50% 50%}

/*#######    Chapitre 2    ########## PanelBanniere ########## */	
/*Banniere*/
#PanelBanniere h1 {margin:8px 0 0 18px; font-size:10px; color:#666}
.Logo {position:absolute; top:18px; left:6px}
.ServiceCo {position:absolute; top:0; right:151px}
.leblog {position:absolute; top:0; right:81px}
.lien-aide {position:absolute; top:0; right:3px}
	
/*#######    Chapitre 3    ########## PanelZoneCorps ########## */
/* sur 3 colonnes*/
#PanelZone1 {display:none}
#PanelZone2 {float:right; width:960px; overflow:hidden; padding:0; }

/*#######    Chapitre 4    ########## PIED DE PAGE ########## */
/*Pied de page*/
.blocPiedPage {text-align:center;}
#PanelPubDeveloppeur {display:none}
#PanelPartenaires {display:none}
#TitrePage {margin:0 8px; color:#111}

/*#######    Chapitre 5    ###########PanelOnglets ########## */
/*le menu horizontale haut catalogue par ONGLETS*/
#MenuOnglets {height:41px;}
#MenuOnglets .Lema {float:left; padding:10px 0 8px 1px; color:#fff; font-size:16px;}
#MenuOngletsBoutonsAction{float:right; width:380px; padding:0 3px 0 0}
#MenuOngletsBoutonsAction a{display:inline-block; height:41px; overflow:hidden; position:relative}
#MenuOngletsBoutonsAction a img {position:relative; top:0; left:0}
#MenuOngletsBoutonsAction a:hover img {top:-41px}

 /* !!!!!!!!!En attendant de remettre bouton DEMO!!!!!!!!! */
#MenuOngletsBoutonsAction {text-align:right}

/*#######    Chapitre 6    ########## #PanelMnPanierConex ########## */
#PanelMnPanierConex {display:none}


/*#######    Chapitre 7    ########## MENUS ########## */
/*Menus : titre*/
#AccueilBlocs {width:980px}

.TitMenu {font-size:17px; text-transform:uppercase; color:#c72f36; display:block; padding:20px 0 20px 0; margin:0; font-family:Arial, Helvetica, sans-serif; }
.elmt1 .TitMenu {background:url(../Image/DESIGN/AccueilPicto1.gif) no-repeat 0 13px; padding-left:35px}
.elmt2 .TitMenu {background:url(../Image/DESIGN/AccueilPicto2.gif) no-repeat 0 13px; padding-left:40px}
.elmt3 .TitMenu {background:url(../Image/DESIGN/AccueilPicto3.gif) no-repeat 0 13px; padding-left:45px}
.elmt4 .TitMenu {background:url(../Image/DESIGN/AccueilPicto4.gif) no-repeat 0 13px; padding-left:36px}

.AccueilBlocs_elmt{width:195px; height:250px; float:left; margin:0 6px 0 0; position:relative; background:url(../Image/DESIGN/AccueilBlocs_elmt.png) repeat-x 0 0; overflow:hidden; padding:0 20px}

.TxtMenu, .UlMenu {margin:0 0 20px 0; height:110px; padding:0;}
.UlMenu {margin:0 -20px 20px -20px; }
.UlMenu li {list-style:none;}
.UlMenu li img {margin:-4px 0}
* html .UlMenu li{height:1%}
.UlMenu li a{padding:3px 25px 3px 30px; display:block; text-decoration:none; color:#000; background:url(../Image/DESIGN/Menu_Item.gif) no-repeat 20px 7px; }
* html .UlMenu li a{padding:0 25px 0 30px;}
.UlMenu li a:hover {background-color:#DBDBDB; color:#000}
* html .IE_TxtMenu {height:130px; overflow:hidden}

a.Bouton, a.BoutonPlus {background:url(../Image/DESIGN/BoutonLeft.png) no-repeat 100% 0; display:block; float:left; width:auto;  color:#FFF; font-size:12px; text-decoration:none; font-weight:bold; margin:15px 0; font-family: Arial, sans-serif;}
a.Bouton span, a.BoutonPlus span {background:url(../Image/DESIGN/BoutonFleche.gif) no-repeat 0 0; display:block; padding:1px 15px 2px 25px;}
a.BoutonPlus span  {background:url(../Image/DESIGN/BoutonPlus.gif) no-repeat 0 0;}
a.Bouton:hover, a.BoutonPlus:hover {Filter: alpha(opacity=90); -moz-opacity: 0.9; opacity: 0.9; -khtml-opacity: 0.9; color:#333}


/*#######    Chapitre 8    ########## Les listes de liens des menus ########## */
/*Les listes de liens des colonnes droite et gauche et listes liens du pied de page*/

/*les listes de liens verticales*/
ul.menuligne { text-align:right; margin:0; padding:0; width:730px; position:absolute; top:70px; right:3px}
ul.menuligne li {display:inline; list-style-type:none;}
ul.menuligne li a{display:inline-block; text-decoration:none; height:25px; line-height:25px; font-size:14px; color:#FFF; padding:0 10px; background:#282828; font-family:Arial, Helvetica, sans-serif; -moz-border-radius: 14px;-webkit-border-radius: 14px;border-radius: 14px;}	
ul.menuligne li a:hover {color:#8cc247}
ul.menuligne img.img {float:left}

/*MenuPied*/

ul.MenuPied {text-align:center; margin:0; width:100%; padding:25px 0 }
ul.MenuPied li { line-height:20px; display:inline; list-style-type:none; border-left:1px solid #818080; margin:0}
ul.MenuPied li a{ border-left:1px solid #000; padding:0 8px 0 10px; width:auto; text-decoration:none; font-size:12px; color:#FFF; font-family:Arial, Helvetica, sans-serif}	
ul.MenuPied li a:hover {text-decoration:underline; }
ul.MenuPied li:first-child, ul.MenuPied li:first-child a {border:none}

/*les listes de liens horizontaux*/
ul.sansListStyle { padding:0 0 0 8px; margin:0 0 0 0; }
ul.sansListStyle li {list-style:none;  background: url(../Image/DESIGN/Menu_Item.gif) no-repeat 0 4px; font-size:0;}
ul.sansListStyle li a{ padding: 5px 0 8px 0 ; text-decoration:none; color:#000000; font-size:12px; display:block; }	
ul.sansListStyle li a:hover {font-weight:bold; color:#45872C}


/*#######    Chapitre 14    ########## Fil d'ariane ########## */
/*fil d ariane*/
#filAriane  {margin:0 0 -5px 0; padding-top:8px}
#filAriane a { color:#000; text-decoration:none; font-size:11px} 
#filAriane a:hover {color:#333333; text-decoration:underline}

/*#######    Chapitre 15    ########## Infobulle ########## */
    /*infobulle*/
.infobulle2Top { background:transparent url(../Image/DESIGN/infobulle2Top.png) no-repeat top left; height:14px; width:196px; font-size:0; }
.infobulle2Mdl { background:transparent url(../Image/DESIGN/infobulle2Mdl.png) repeat-y left; width:160px; padding:0 18px 0 18px; }
.infobulle2Mdl p, .infobulle2Mdl p font { margin:0; padding:0; display:block; width:156px; text-align:left;}/*neutraliser la mise en forme des textes*/
.infobulle2Btm { background:transparent url(../Image/DESIGN/infobulle2Btm.png) no-repeat bottom left;width:196px; height:25px;}
* html .infobulle2Top{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='../Image/DESIGN/infobulle2Top.png'); background: none;}
* html .infobulle2Mdl{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='../Image/DESIGN/infobulle2Mdl.png'); background: none;}
* html .infobulle2Btm{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='../Image/DESIGN/infobulle2Btm.png'); background: none;}

/*#######    Chapitre 16    ########## Lightbox ########## */
	/*Lightbox*/
#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#lightbox img{ border: none; } 
#overlay img{ border: none; }
#overlay {background-color:#000000; FILTER:alpha(opacity=50); -moz-opacity:0.5; opacity:0.5; -khtml-opacity: 0.5;}

* html #overlay{
	background-color: #000;
	background-color: transparent;
	background-image: url(blank.gif);
}
#DIV_LigneArticleCommentaire {Z-INDEX:1100; FILTER:alpha(opacity=50); LEFT: 0pt; WIDTH: 100%; position:absolute; TOP: 0pt; BACKGROUND-COLOR:#000000; -moz-opacity: 0.5; opacity: 0.5; -khtml-opacity: 0.5;}
#DIV2_LigneArticleCommentaire {Z-INDEX:1101; BORDER-RIGHT: rgb(0,0,0) 1px solid; BORDER-TOP: rgb(0,0,0) 1px solid; BORDER-LEFT: rgb(0,0,0) 1px solid; BORDER-BOTTOM: rgb(0,0,0) 1px solid; position:absolute; TOP: 50%; BACKGROUND-COLOR: white; padding: 3px 3px 3px 3px; overflow:auto; overflow-x:none }

/*#######    Chapitre 19    ########## POPUP: TERMINER LA COMMANDE ET MOT DE PASSE OUBLIE ########## */	
.PopupTerminerCommande {padding:120px 15px 50px 150px; background:url(../Image/DESIGN/ArticleAjoute.png) no-repeat 15px 30px; }
#MotDePassOublie {padding:65px 15px 50px 150px; background:url(../Image/DESIGN/ImgMotDePasseOublie.png) no-repeat 15px 50px; }
.PopupTerminerCommande p, #MotDePassOublie p { text-align:center; font-size:15px; font-weight:bold;}
.PTC_Bt1{float:left; margin-left:20px }
.PTC_Bt2{float:right; margin-right:20px }

/*#######    Chapitre 20    ########## PAGES STATIQUES DANS LE POPUP########## */
/*pages statiques DANS LE POPUP*/
/* ATTENTION CSS SIMILAIRE AUSSI PRESENT DANS PageStatique.css avec #PanelZoneCentrale  */
#lbl_101 #DIV2_LigneArticleCommentaire {border:5px solid #555555}
#ZonePopup101 {display:block; padding:15px;}
#ZonePopup101, #ZonePopup101 p { text-align:justify; font-size:12px; line-height:16px; margin: 5px 5px 0 5px; }
#ZonePopup101 ul {margin:0; padding:15px 0 0 20px}
#ZonePopup101 blockquote {margin:0; padding:0 0 0 15px}
#ZonePopup101 h4 {font-size:24px; color:#45872C; text-align:left; padding:0; margin: 5px 0 25px 5px; font-family:Verdana, Arial, Helvetica, sans-serif ; font-weight:normal}
#ZonePopup101 h5 {font-size:14px; color:#000000; text-align:left; padding:0; margin: 25px 0 10px 5px; font-family:Verdana, Arial, Helvetica, sans-serif ; clear:both}
#ZonePopup101 h6 {font-size:13px; color:#444444; text-align:left; padding:0; margin: 25px 0 10px 5px; font-style: italic; font-family:Verdana, Arial, Helvetica, sans-serif ; }
#ZonePopup101 hr.clear {clear:both; border-color:#FFFFFF; background-color:#FFFFFF}
#ZonePopup101 input, #ZonePopup101 textarea { border:1px solid #666666; color:#000000; text-align:left; }
#ZonePopup101 img.img {margin:0 0 5px 8px; float:right; padding:2px; border:1px solid #61B12A; }

/*Une question ? - CHANGER L'HOTESSE*/

#idz_chatbar .idz_face_inner { background:url(../Image/DESIGN/Hotesse.png) no-repeat 6PX 0; padding-top:120px}
#idz_chatbar .idz_face_inner img {display:none}
* html #idz_chatbar .idz_face_inner {filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='../Image/DESIGN/../Image/DESIGN/Hotesse.png'); background: none;}




/*************************************************
* colorbox
-----------------------------------------------------------------*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:hidden;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
#cboxOverlay{background:url(../Image/colorbox/overlay.png) repeat 0 0;}
#colorbox{}
    #cboxTopLeft{width:21px; height:21px; background:url(../Image/colorbox/controls.png) no-repeat -100px 0;}
    #cboxTopRight{width:21px; height:21px; background:url(../Image/colorbox/controls.png) no-repeat -129px 0;}
    #cboxBottomLeft{width:21px; height:21px; background:url(../Image/colorbox/controls.png) no-repeat -100px -29px;}
    #cboxBottomRight{width:21px; height:21px; background:url(../Image/colorbox/controls.png) no-repeat -129px -29px;}
    #cboxMiddleLeft{width:21px; background:url(../Image/colorbox/controls.png) left top repeat-y;}
    #cboxMiddleRight{width:21px; background:url(../Image/colorbox/controls.png) right top repeat-y;}
    #cboxTopCenter{height:21px; background:url(../Image/colorbox/border.png) 0 0 repeat-x;}
    #cboxBottomCenter{height:21px; background:url(../Image/colorbox/border.png) 0 -29px repeat-x;}
    #cboxContent{background:#fff;}
        #cboxLoadedContent{margin-bottom:28px;}
        #cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;}
        #cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;}
        #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
        #cboxPrevious{position:absolute; bottom:0; left:0px; background:url(../Image/colorbox/controls.png) no-repeat -75px 0px; width:25px; height:25px; text-indent:-9999px;}
        #cboxPrevious.hover{background-position:-75px -25px;}
        #cboxNext{position:absolute; bottom:0; left:27px; background:url(../Image/colorbox/controls.png) no-repeat -50px 0px; width:25px; height:25px; text-indent:-9999px;}
        #cboxNext.hover{background-position:-50px -25px;}
        #cboxLoadingOverlay{background:url(../Image/colorbox/loading_background.png) no-repeat center center;}
        #cboxLoadingGraphic{background:url(../Image/colorbox/loading.gif) no-repeat center center;}
        #cboxClose{position:absolute; bottom:0; right:0; background:url(../Image/colorbox/controls.png) no-repeat -25px 0px; width:25px; height:25px; text-indent:-9999px;}
.cboxIE #cboxTopLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../Image/colorbox/internet_explorer/borderTopLeft.png, sizingMethod='scale');}
.cboxIE #cboxTopCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../Image/colorbox/internet_explorer/borderTopCenter.png, sizingMethod='scale');}
.cboxIE #cboxTopRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../Image/colorbox/internet_explorer/borderTopRight.png, sizingMethod='scale');}
.cboxIE #cboxBottomLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../Image/colorbox/internet_explorer/borderBottomLeft.png, sizingMethod='scale');}
.cboxIE #cboxBottomCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../Image/colorbox/internet_explorer/borderBottomCenter.png, sizingMethod='scale');}
.cboxIE #cboxBottomRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../Image/colorbox/internet_explorer/borderBottomRight.png, sizingMethod='scale');}
.cboxIE #cboxMiddleLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../Image/colorbox/internet_explorer/borderMiddleLeft.png, sizingMethod='scale');}
.cboxIE #cboxMiddleRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../Image/colorbox/internet_explorer/borderMiddleRight.png, sizingMethod='scale');}
.MessageAttente {text-align:center; padding:10px} .MessageAttente img {margin:0 0 35px}


/*ACCUEIL*/
#AcceuilSlide {position:relative; background:url(../Image/DESIGN/PageAccueilAccroche.jpg) 0 100%}
.AcceuilSlide_bt {position:absolute; top:200px; left:560px}
a.AcceuilSlide_bt:hover img {Filter: alpha(opacity=90); -moz-opacity: 0.9; opacity: 0.9; -khtml-opacity: 0.9;}

 #Accueil-test-actu .titre, #Accueil-Agenda .titre, #Accueil-offres-fonc-solution .titre  {height:60px; line-height:60px; font-size:18px ; color:#333; padding:0 5px 0 17px; font-weight:normal; font-family:Arial, Helvetica, sans-serif;}
 #Accueil-test-actu .titre .rouge, #Accueil-Agenda .titre .rouge, #Accueil-offres-fonc-solution .titre .rouge {color:#c62f36; text-transform:uppercase}

#Accueil-Agenda {height:70px; background:#e4e4e4; border-bottom:1px solid #bbb; margin:0 -25px 0 0 }
 #Accueil-Agenda .titre {float:left; height:70px; width:85px; padding:0 0 0 15px; line-height:40px} 
 #Accueil-Agenda .crop {width:860px; height:70px; overflow:hidden; float:left; }
 #Accueil-Agenda ul {width:2500px; padding:0; margin:0 }
 #Accueil-Agenda li {width:848px; height:58px; list-style:none; padding:6px 6px 6px 6px; float:left}
 #Accueil-Agenda li:hover {background:#DBDBDB}
 #Accueil-Agenda li a {text-decoration:none; color:#000; font-size:11px}
 #Accueil-Agenda .txt {float:left; width:370px; line-height:14px}
 #Accueil-Agenda .img  {float:right; width:470px;}
 #Accueil-Agenda strong {font-weight:normal; color:#c62f36}

#Accueil-test-actu {height:260px; margin:0 -10px 0 0; }
#Accueil-test-actu .col1, #Accueil-test-actu .col2 {float:left; height:260px; border-bottom:1px solid #bbbaba; border-TOP:1px solid #bbbaba}
#Accueil-test-actu .test {border-right:1px solid #bbbaba; width:494px; background: url(../Image/DESIGN/home-mrs-octave.jpg) no-repeat 0 100%}
#Accueil-test-actu .actu {width:464px}

   #Accueil-test-actu .txt {margin:0 15px 0 290px; }
   #Accueil-test-actu p, #Accueil-Agenda p, #Accueil-offres-fonc-solution p {font-size:11px; line-height:16px; margin:0}
   #Accueil-test-actu .test a.Bouton {margin:20px 0 5px 0!important; float:left}
   
   .actu-elmt {height:75px; margin:-10px 0 10px 0; padding:10px 5px 0 20px}
     .actu-elmt a {text-decoration:none; color:#000}
     .actu-elmt:hover {background:#EFEFEF}  
     .actu-elmt img {width:72px; height:53px; float:left; background:#FFF}
     .actu-elmt .left {padding:0 0 0 82px}
        .actu-elmt .tit-info {font-size:12px; display:block;font-weight:bold}
        .actu-elmt .date {font-weight:normal; color:#c62f36; font-size:11px}
        .actu-elmt p {height:35px; overflow:hidden} 
     .actu a.Bouton {margin:-6px 0 0 260px !important; float:left}   

#Accueil-offres-fonc-solution {background: #FFF url(../Image/DESIGN/Accueil-offres-fonc-solution.png) repeat-x 0 1px; } 
#Accueil-offres-fonc-solution-OMBRE {background: url(../Image/DESIGN/Accueil-offres-fonc-solution-OMBRE.png) repeat-x 50% 1px; height:250px}   
#Accueil-offres-fonc-solution .col {padding:0 40px 0 25px; width:250px; float:left}   
#Accueil-offres-fonc-solution .col .titre {padding:0}
#Accueil-offres-fonc-solution p {min-height:60px}
  #Accueil-offres-fonc-solution .solution p {width:200px; height:135px}
#Accueil-offres-fonc-solution ul {margin:0; padding:0;}
#Accueil-offres-fonc-solution li {list-style:none;}
#Accueil-offres-fonc-solution li a{padding:1px 0 1px 15px; width:195px; display:block; text-decoration:none; color:#000; background:url(../Image/DESIGN/Menu_Item.gif) no-repeat 7px 5px; }
 #Accueil-offres-fonc-solution .fonctions li a {width:165px}
#Accueil-offres-fonc-solution li a:hover {background-color:#DBDBDB; color:#000}
#Accueil-offres-fonc-solution a.Bouton {margin:18px 0 0 0!important; float:none; display:inline-block} 
#Accueil-offres-fonc-solution .offres {background: url(../Image/DESIGN/picto-offres.png) no-repeat 250px 120px }
#Accueil-offres-fonc-solution .fonctions {background: url(../Image/DESIGN/picto-fonction.png) no-repeat 215px 130px }
#Accueil-offres-fonc-solution .solution {background: url(../Image/DESIGN/picto-solution.png) no-repeat 230px 115px }

#PanelCarousel {height:425px; overflow:hidden; position:relative}
#bckBanniere2 {background:url(../Image/DESIGN/caroussel.png) no-repeat 50% 420px;}
#carousel-wrapper {
    width: 250px;
    height: 400px;
    overflow: hidden;   
}
#carousel-content {
    width: 2500px;
}
#carousel-content .slide {
    float: left;
    width: 250px;
    height: 400px;
}

#PanelCarousel .left {width:682px; position:relative; float:left; margin-top:25px }
#PanelCarousel .left img {position:absolute; top:405px; left:0; z-index:0; }
#PanelCarousel .left img.Shadow {-moz-box-shadow: 2px -1px 3px #000000;-webkit-box-shadow: 2px -1px 3px #000000;box-shadow: 2px -1px 3px #000000;filter: progid: DXImageTransform.Microsoft.Shadow(strength = 2, direction = 67.5, color = '#000000');-ms-filter: "progid: DXImageTransform.Microsoft.Shadow(strength = 2, Direction = 67.5, Color = '#000000')";}
#PanelCarousel .left .ombre {width:682px; height:81px; top:320px; position:absolute; left:0; background:url(../Image/DESIGN/caroussel.png) no-repeat -321px -112px; z-index:10}
#PanelCarousel .right {width: 250px; height:300px; float:right; position:relative; margin-top:25px }


#PanelCarousel .ss-titre {font-size:24px; line-height:24px; height:50px; text-shadow:2px 2px 6px #222; font-weight:normal; color:#FFF}
#PanelCarousel .sss-titre {margin:35px 35px 0 0; font-size:26px; line-height:40px; text-shadow:2px 2px 6px #222; font-weight:normal; color:#FFF; text-align:center}
#PanelCarousel .ss-txt {color:#eee; font-family:Arial, Helvetica, sans-serif; line-height:18px}
#PanelCarousel .ss-info {margin:3px 0; padding:0}
#PanelCarousel .ss-info li {list-style:none; font-size:11px; color:#0B0B0B; line-height:15px; text-transform:uppercase; margin:3px 0}
#PanelCarousel .ss-info li.lien {height:41px; line-height:41px}
#PanelCarousel .ss-info li.lien a {font-size:10px; color:#d2d2d2; text-decoration:none}
#PanelCarousel .ss-info li.lien a .picto{display:inline-block; width:12px; height:12px; background:url(../Image/DESIGN/caroussel.png) no-repeat -218px -129px; margin:0 0 0 2px; vertical-align:-2px}
#PanelCarousel .ss-info li.lien a:hover {color:#FFF; }
#PanelCarousel .ss-info li.lien a:hover .picto {background-position: -232px -129px}

#PanelCarousel #carousel-onglets a {display:inline-block; width:13px; height:13px; background:url(../Image/DESIGN/caroussel.png) no-repeat -217px -113px; margin:0 2px 0 0}
#PanelCarousel #carousel-onglets a.carousel-selected {background-position: -231px -113px}

#PanelCarousel a.bigButton {top:345px; left:0; position:absolute; width:216px; height:36px; line-height:36px; color:#fff; font-size:12px; letter-spacing:0.03em; text-align:center; background:url(../Image/DESIGN/caroussel.png) no-repeat 0 -111px; text-decoration:none}
#PanelCarousel a.bigButton2 {top:300px}
#PanelCarousel a.bigButton:hover {color:#FFF; text-shadow:0 0 3px #FFF; background-position:0 -147px}