﻿/*
@font-face {
    font-family: "Eurostyle";
    src: url("/_include/font/Eurosti4.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: "GillSansStdBold";
    src: url("/_include/font/GillSan4.ttf") format("opentype");
    font-weight: normal;
    font-style: normal;
}
*/

body
{
    font-family: GillSansStdBold, Arial;
    font-size: 12px;
    color: #58585a;
    
    padding:0;
    margin:0;
}
.form 
{
    width:1003px;
    margin:auto;
}

p {
    margin:0;
}

a img {
    border:0;
}


h1 {
    font-family:Arial;
    font-size:18px;
/*
    font-family:Eurostyle, Arial;
    font-size:18px;
*/
}

h2 {
/*
    font-family:Eurostyle, Arial;
*/
    font-size:15px;
    padding:0;
    margin:0;
}

h3 {
/*    font-family:GillSansStdBold, Arial;

*/
}

a {
    color: #58585a;
    text-decoration:none;
}
.contenu a,
.Contenufiche a,
.modeleDroit a
{
    color:#d32e2c;
    text-decoration:none;
}
.contenu a:hover,
.Contenufiche a:hover,
.modeleDroit a:hover
{
    text-decoration:underline;
}

ul {
    padding:0;
    list-style:none;
}

.logo 
{
    height:58px !important;
    height:82px;
    padding-top:24px;
    margin-left:30px;
    display:block;
}
.colonneDroite 
{
    float:right;
    width:182px;
}

.modeleDroit 
{
    padding-left:13px;
    background:url(../Images/droite.png) no-repeat left top;
}

.modeleDroit h2
{
    font-family:Trebuchet MS;
    font-weight:bold;
    color:#dcdcdd;
    font-size:30px;
    
}
.modeleDroit h3
{
    font-family:Trebuchet MS;
    font-weight:bold;
    color:#58585a;
    font-size:14px;
    
}
.modeleHautDroit
{
    width:181px;
    height:322px;
    display:block;
    
    background:url(../Images/hautedroite.jpg) no-repeat left top;
	color:white;
}

.modeleColonne
{
    width:779px;
    height:222px;
    display:block;
    
    background:url(../Images/accueil.png) no-repeat left top;
    color:White;
}
.modeleColonne a
{
    color:White;
}
.modeleColonne .item 
{
    float:left;

    width:172px;
    height:222px;
    display:block;
    padding-left:11px;
    margin-right:11px;
}

.modeleColonne .item h2
{
    font-family:Trebuchet MS;
    font-size:22px;
    font-weight:normal;
    width:176px;
    height:46px;
    text-align:center;
    padding-top:14px;
}
.modeleColonne .item li
{
    background:url(../Images/puceBlanche.png) no-repeat 12px 12px;

}

*+html .modeleColonne .item ul
{
    margin-top:5px;
}

*+html .modeleColonne .item li
{
    margin-left:-35px;
}

.modeleColonne .item li a
{
    padding:6px 0 6px 20px;

    display:block;
    font-family:Verdana;
    font-size:12px;
    color:white;

    overflow:hidden;
}

.fckbody .item 
{
    padding-left:5px;
    margin-right:10px;

}
.fckbody .modeleColonne .item h2
{
    width:176px;

}
.fckbody .modeleColonne .item ul
{
    padding:0px;
    margin:0px;
}
.fckbody .modeleColonne .item li
{
    padding:0px;
    margin:0px;
    padding-left:10px;
    margin-left:5px;
    margin-right:5px;
    background:none;
}


.modeleColonne .item a:hover
{
    color:#000000;
    background:url(../Images/puceNoire.png) no-repeat 12px 12px;
    background-color:white;
}

.contenu
{
    width:756px !important;
    width:796px;
    margin-top:20px;
    padding-left:20px;
    padding-right:20px;
    padding-top:27px;
    background:url(../Images/contenu.gif) no-repeat left top;
}
.contenuAccueil 
{
    padding-left:15px;
}
.fiche 
{
    display:none;
}
.titreRubrique 
{
    width:731px !important;
    width:777px;
    height:50px;
    line-height:50px;
    vertical-align:middle;
    
    display:block;
    background:url(../Images/niveau3.png) repeat-y;
    background-color:#6c6c6c;
    
    font-size:19px;
    font-family:Trebuchet MS;
    font-weight:bold;
    color:White;
    padding-left:47px;
}

/* Menus */

ul.menuNiv1 
{
    height:40px;
    float:right;

}
ul.menuNiv1 li,
ul.menuNiv2 li,
ul.menuNiv3 li,
ul.menuNiv4 li
{
    float:left;
}
ul.menuNiv1 li a,
ul.menuNiv2 li a,
ul.menuNiv3 li a,
ul.menuNiv4 li a
{
    display:block;
}

ul.menuNiv1 li 
{
    height:40px;
}
ul.menuNiv1 li a
{
    padding-top:8px;
    padding-left:8px;
    padding-right:18px;
    border-left:solid 1px #959595;
    
    height:32px !important;
    height:40px;
    line-height:32px;
    vertical-align:middle;

}
ul.menuNiv1 li a:hover,
ul.menuNiv1 li a.selected
{
    color:White;
    background:url(../Images/menuHover.png) repeat-y;
}
ul.menuNiv2 
{
    height:55px;
}
ul.menuNiv2 li a
{
    font-family:Trebuchet MS;
    font-size:16px;
    color:white;
    text-align:center;
    
    padding-top:18px;
    margin-right:6px;
    height:37px !important;
    height:55px;
    width:190px;
    display:block;
    background:url(../Images/niveau2.png) no-repeat left -56px;
}
ul.menuNiv2 li a:hover
{

}
ul.menuNiv2 li a.selected,
ul.menuNiv2 li a.selected:hover
{
    background:url(../Images/niveau2.png) no-repeat left top;
}
ul.menuNiv2 li a:hover
{
    background:url(../Images/niveau2.png) no-repeat left -111px;
}
ul.menuNiv3 
{
    height:38px;
    background:url(../Images/niveau3.png) repeat-y;
}
ul.menuNiv3 li a
{
    width:88px !important;
    width:110px;
    height:32px !important;
    height:35px;
    vertical-align:middle;
    
    padding-top:3px;
    margin-top:3px;
    margin-left:8px;
    padding-left:10px;
    padding-right:12px;
    display:block;
    color:White;
    font-weight:bold;
    font-family:Verdana;
    font-size:11px;
    text-align:center;
}

ul.menuNiv3 .liMenuNiveau1_Selected
{
    /*
background:url(../Images/niveau3_selected.png) no-repeat 5px 6px;
*/
}

ul.menuNiv3 li a:hover
{
    height:29px !important;
    height:29px;
    color:white;
    background:none;
    background-color:#e2001a;
}

ul.menuNiv3 li a.selected:hover,
ul.menuNiv3 li a.selected
{
    height:32px !important;
    height:35px;
    color:White;
    background:url(../Images/niveau3_selected.png) no-repeat right top;
}

/* Petit spécifique pour un élément sur 2 lignes niveau 2 : */

/* Noeud Outils chargeurs / télescopiques */
#li_270 a
{
    padding-top:7px;
    height:48px !important;
    height:55px;
}

/* Petit spécifique pour un élément sur 1 ligne niveau 3 : */
#li_351 a:hover, #li_339 a:hover, #li_324 a:hover
{
    height:24px !important;
    height:29px;
    vertical-align:middle;
    
    padding-top:8px;
}
#li_351 a, #li_351 a.selected:hover, #li_351 a.selected,
#li_339 a, #li_339 a.selected:hover, #li_339 a.selected,
#li_324 a, #li_324 a.selected:hover, #li_324 a.selected
{
    height:27px !important;
    height:35px;
    vertical-align:middle;
    
    padding-top:8px;
}

ul.menuNiv4 
{
    position:relative;
    height:55px;
    margin-bottom:-50px !important;
    margin-left:10px !important;
    padding-left:10px !important;
    z-index:1;
}

ul.menuNiv4 li a
{
    width:150px;
    height:42px;
    line-height:55px;
    text-align:center;
    vertical-align:middle;
    display:block;
    background:url(../Images/niveau4.jpg) no-repeat left -85px;
}
ul.menuNiv4 li a:hover
{
    background:url(../Images/niveau4.jpg) no-repeat left -42px;
}
ul.menuNiv4 li a.selected
{
    background:url(../Images/niveau4.jpg) no-repeat left 1px;
}

ul.menuNiv1, 
ul.menuNiv2, 
ul.menuNiv3,
ul.menuNiv4 
{
    display:block;
    margin:0;
    padding:0;
}

.footer 
{
    padding-top:43px;
    clear:both;
}

.modelefooter 
{
    float:left;
    width:1000px;
    display:block;

    padding-top:30px;

    background:url(../Images/footer.jpg) no-repeat left top;
}

.modelefooter .item 
{
    float:left;
    width:275px;
    display:block;
    margin-right:24px;
    margin-left:30px;
}

.modelefooter .item h2
{
    font-size:14px;
    font-weight:normal;    
}
.modelefooter .item ul
{
    list-style-type:disc;
}

.centrale,
.centraleMenu
{
    width:796px !important;
    width:809px;
    display:block;
    padding-top:5px;
    padding-bottom:8px;
    padding-left:13px;
    background:url(../Images/centrale.png) no-repeat right bottom;

}
.centraleMenu
{
    background:url(../Images/centrale.png) no-repeat right bottom;
}
#slider {
    width: 777px;
    height: 271px;
    overflow:hidden;
}
.modeleContenu h1
{
    font-family:Arial;
    font-size:18px;
    font-weight:bold;
    color:#575759;
}

.modeleContenu h2
{
    font-family:Arial;
    font-weight:bold;
    color:#d32e2b;
    padding-bottom:7px;
    
}

.modeleContenu h3
{
    font-family: Arial;
    font-weight:bold;
    font-size:14px;
    color:#6c6c6c;
    padding-bottom:7px;
    background:url(../Images/titre1.gif) repeat-x left bottom;
}

.modeleContenu h4
{
    font-family:Arial;
    font-weight:bold;
    font-size:12px;
    color:#d32e2b;
    margin-left:35px;
    text-decoration:underline;
    padding-top:10px;
    padding-bottom:15px;
 
}

.modeleContenu li
{
    margin-left:60px;
    padding-left:11px;
    background:url(../Images/puceRouge.gif) no-repeat left 5px;
}

.vignette 
{
    float:left;
    height:49px;
    display:block;
    cursor:pointer;
    margin-left:6px;
    border:solid 2px white;

}

.divLarge
{
    width:773px;
    height:332px;
    display:block;
    text-align:center;
    background:url(../Images/imgLarge.png) repeat-y center center;

}
.imgLarge
{
    height:332px;
    display:block;
}

.divVideo
{
    position:relative;
    clear:left;
    float:left;
    width:375px;
    padding-right:26px;
    z-index:1;
}
.divVignettes
{
    height:49px;
    clear:both;
    display:block;
    margin-top:6px;
    padding-bottom:6px;
}
.Contenufiche 
{
    position:relative;
    float:left;
    background:url(../Images/backMX.png) no-repeat left bottom;
    width:420px;
    min-height:390px;
    padding-left:135px;
    
    z-index:0;
}
.video  
{
    margin-top:15px;    
}
.plusVideo 
{
    width:340px;
    margin-left:-135px;
}

.popup 
{

}

.ListingProduit 
{
    float:left;
    width:760px;
    display:block;
    background:url(../Images/pixred.gif) repeat-y 380px top;

}

.ListingProduit .item
{
    float:left;
    width:362px;
    margin-right:16px;

    display:block;
}
.ListingProduit .item a
{
	color:#58585A;
}
.ListingProduit .item h2 a
{
	color:#D32E2C;
}
.ListingProduit .item .text
{
    float:left;
    width:246px;
    display:block;

    margin:0 0 0 10px;
}

.item img
{
    float:left;
    display:block;
    margin:5px 0 0 10px;
}
.ListingProduit .item h2
{
    font-size:12px;
    font-family:Verdana;
    color:#d32e2b;
    
    line-height:18px;
    margin-top:3px;
    padding-left:8px;
    background:url(../Images/redcircle.gif) no-repeat left 10px;
}
.ListingProduit .item p
{
    
}

.fckbody .ListingProduit
{
    border: 1px dotted #000080;
}
.fckbody .ListingProduit .item
{
    border: 1px dotted #008080;
}
.fckbody .ListingProduit .text
{
    border: 1px dotted #d32e2b;
}

.Langue 
{
    float:right;
    height:40px;
    display:block;
    padding-left:9px;
    border-left: solid 1px #959595;
	text-transform:uppercase;
}

.Langue a
{
    float:left;
	font-size:11px;
    height:14px;
    width:19px;
    display:block;
    text-align:center;
    padding:0 0 0 0;
    height:14px;
    margin-top:14px;    
    margin-right:1px;
    
}
.Langue a.selected,
.Langue a:hover
{
    background-color:#d22f2a;
    color:white;
}

.moteurRecherche
{
    float:right;
    height:30px !important;
    height:55px;
    width:177px;
    display:block;
    margin-top:20px;
    padding-top:25px;
    background:url(../Images/loupe.gif) no-repeat 7px top;

}
.tbRecherche
{
    float:left;
    margin-top:2px;
    height:15px;
    border:solid 1px #959595;
}
.btnRecherche 
{
    float:left;
    height:19px;
    width:19px;
    display:block;
    margin-top:2px;
    border:0;
    background:url(../Images/btnRecherche.gif) no-repeat top left;
}

.Contenufiche h2 {
    font-family:Arial;
    font-size:18px;
    color:#575759;
    padding-bottom:7px;
}

.Contenufiche h3 {
    font-size:15px;
    color:#d32e2b;
    background:none;
    padding:0;
    margin:0;
    padding-bottom:7px;
}

.resultitem h2 {
    color:#D32E2C;
}

.DivFormulaire 
{
    width:750px;
}
.DivFormulaire h1
{
    padding-top:20px;
    width:700px;
    clear:left;
}

.btn {
    background: url("../Images/btn.gif") no-repeat;
    border:0;
    width:92px;
    height:23px;
    display:block;
    margin-left:275px;
}
