﻿body
{
    margin:0;
    padding:0;
    text-align:center;
    font-size:12px;
    font-family:"Tahoma",Arial, Sans-Serif;
    color:#434343;
    background:transparent url(../../images/interface/bg-body.gif) repeat-x left top;
}

.global
{
    text-align:left;
    position:relative;
    margin:auto;
    width:965px;
}

.header
{
    height:95px;    
}

.header img{margin-left:30px;}

.footer
{
    background:transparent url(../../images/interface/bg-footer.gif) repeat-x left top;
    height:79px;
}

.menu
{
    float:left;
    width:224px;
}

.menu a{text-decoration:none;color:#434343;}
.menu a:hover{font-weight:bold;}
.menu h2 a{color:White;}
.menu li a:hover
{
    padding-left:12px;
    background:transparent url(../../images/interface/bg-menu-itemlisthl.gif) no-repeat left top;
}

.menu h2 span
{
    padding-left:28px;
    padding-bottom:2px;
}

.menu h2
{
    margin:0;
    padding:5px 0 5px 4px;
    font-size:12px;
    color:white;
    background:transparent url(../../images/interface/bg-menu-title.gif) no-repeat left top;
}

.menu ul
{
    border:1px solid #F4F4F4;
    margin:2px 0 2px 4px;
    padding:0;
    width:214px;
    list-style:none;
    background:transparent url(../../images/interface/bg-menu-list.gif) repeat-y left top;
}

.menu li
{
    padding:5px 0 5px 15px;
    background:transparent url(../../images/interface/bg-menu-itemlist.gif) no-repeat center bottom;
}

.content
{
    float:left;
    width:730px;
    margin-left:5px;
}

h1
{
    margin:0;
    padding:0;
    font-size:12px;
    color:white;
    padding:5px 0 5px 30px;
    background:transparent url(../../images/interface/bg-box-title.gif) no-repeat left top;
}

.box
{
    border:1px solid #F4F4F4;
    margin:2px 11px 2px 4px;
}

.boxin
{
    border:1px solid white;
    background:white url(../../images/interface/bg-boxin.gif) repeat-x left bottom;
}

.btnvalid{width:108px;height:30px;border:0;background:transparent url(../../images/interface/btn-sinscrire.gif) no-repeat left top;}
.btnsinscrir{margin-left:35px;width:108px;height:30px;border:0;background:transparent url(../../images/interface/btn-sinscrire.gif) no-repeat left top;}
.boxcontact{padding-left:150px;}
.txtnewsletter{display:block;margin-left:15px;}

.boxin p,.boxin li,.boxin h3,.boxin h2 {margin:5px;}

.boxin a {text-decoration:none;color:#EB9A31;}
.boxin a:hover{text-decoration:underline;}

.footer p{padding-top:30px;text-align:center;}

.boxleft{float:left;width:7px;height:139px;background:white url(../../images/interface/bg-bann-left.gif) no-repeat left top;}
.boxright{float:left;width:7px;height:139px;background:white url(../../images/interface/bg-bann-right.gif) no-repeat left top;}
.boxmid{width:710px;float:left;height:139px;background:white url(../../images/interface/bg-bann-mid.gif) repeat-x left top;}

.boxflash{margin-bottom:10px;}

.boxin ul{list-style:none;margin:5px;padding:5px 5px 5px 25px;}
.boxin ul li{padding-left:20px;background:transparent url(../../images/interface/bg-boxin-itemlist.gif) no-repeat left top;}

.boxin h2{font-size:14px;color:#4C80A6;font-weight:normal;}
.boxin h3{color:#F5BC60;margin:0 0 0 10px;padding:0;background:transparent url(../../images/interface/bg-boxin-subtitle.gif) no-repeat left top;padding-left:25px;font-size:13px;font-weight:normal;padding-top:2px;}

.form label{float:left;width:120px;display:block;padding-top:4px;}
.form{margin:0;padding:0;}

.iludistrib{background:transparent url(../../images/interface/bg-title-distributeur.gif) no-repeat left top;}
.iluconnaitre{background:transparent url(../../images/interface/bg-title-nousconnaitre.gif) no-repeat left top;}
.ilumase{background:transparent url(../../images/interface/bg-title-arrow.gif) no-repeat left top;}
.iluconcept{background:transparent url(../../images/interface/bg-title-concept.gif) no-repeat left top;}
.ilunewsletter{background:transparent url(../../images/interface/bg-title-newsletter.gif) no-repeat left top;}

.commentf * {font-size:12px;}
.italic{font-style:italic;color:#AAAAAA;}

.col12{float:left;width:400px;margin-left:30px}
.col22{float:left;width:200px}
.clr{clear:both;}