/* CSS Document */
* {
margin:0;
padding:0;
border: 0;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size: 12px;
font-weight: normal;
font-style: normal;
text-decoration: none;
list-style-type: none; 
}

body {
background:#90125E;
text-align:center;
margin:0;
}

#fond-blanc{
background:#fff url(../img/bg-body.gif) repeat-x left top;
}


#content{
position:relative;
width:980px;
margin:0 auto;
text-align:left;
background:#fff url(../img/bg-content.gif) repeat-y left top;
}

#head{
height:173px;
background:url(../img/head.gif) no-repeat left top;
}

#logo{
padding-left:42px;
float:left;
}

#flash{
width:398px;
height:102px;
float:left;
padding-left:254px;
}

#top-menu{
float:right;
padding-top:15px;
padding-right:28px;
}

#top-menu ul{
float:left;
padding-top:0;
}


#top-menu li{
float:left;
padding:0 25px;
border-right:1px solid #FFF;
}

#top-menu li a{
color:#fff;
}


#top-menu li a:hover{
color:#90125E;
}

#ariane{
position:absolute;
left:280px;
top:145px;
font-size:10px;
background: url(../img/puce-fleche-fil.gif) no-repeat left center;
padding-left:12px;
color:#90125E;
}

#ariane a{
font-size:10px;
color:#000;
}

#ariane h1{
font-size:10px;
color:#90125E;
display:inline;
}

#left-menu{
width:224px;
padding-bottom:50px;
float:left;
}



#img-menu{
padding:15px 0;
}

#top-menu li a.aktif{
color:#90125E;
}

a.sub-menu{
cursor:pointer;
display:block;
font-weight:bold;
font-family:Verdana;
}

ul.navigation li a.sub-menu{
background: url(../img/puce-croix.gif) no-repeat 0 3px;
padding-left:15px;
}

ul.sub1,ul.sub2,ul.sub3,ul.sub4,ul.sub5,ul.sub6,ul.sub7,ul.sub8,ul.sub9{
width:172px;
padding-top:6px;
}

ul.sub1 li,ul.sub2 li,ul.sub3 li,ul.sub4 li,ul.sub5 li,ul.sub6 li,ul.sub7 li,ul.sub8 li,ul.sub9 li{
background: url(../img/puce-fleche.gif) no-repeat left 5px;
margin-left:15px;
padding-left:15px;
margin-bottom:2px;
}


ul.sub1 li a,ul.sub2 li a,ul.sub3 li a,ul.sub4 li a,ul.sub5 li a,ul.sub6 li a,ul.sub7 li a,ul.sub8 li a,ul.sub9 li a{
color:#a0a0a0;
}

ul.sub1 li a:hover,ul.sub2 li a:hover,ul.sub3 li a:hover,ul.sub4 li a:hover,ul.sub5 li a:hover,ul.sub6 li a:hover,ul.sub7 li a:hover,ul.sub8 li a:hover,ul.sub9 li a:hover{
color:#90125E;
}

.separation-menu{
width:172px;
height:25px;
padding-left:35px;
background:url(../img/separation-menu.gif) no-repeat center center;
}

ul.sub1 li a.aktif,ul.sub2 li a.aktif,ul.sub3 li a.aktif,ul.sub4 li a.aktif,ul.sub5 li a.aktif,ul.sub6 li a.aktif,ul.sub7 li a.aktif,ul.sub8 li a.aktif,ul.sub9 li a.aktif{
color:#90125E;
}




#top-menu li.noborder{
border:none;
}



#main-content{
width:740px;
float:right;
}

#main-content .page{
width:674px;
height:141px;
border:1px solid #dcdcdc;
background:url(../img/bg-cadre-produit.gif) repeat-x top left;
}

#main-content .cadre{
width:649px;
height:117px;
border:1px solid #90125e;
margin:11px 0 0 11px;
background-color: #fff;
}

#main-content .separation-produit{
width:687px;
height:31px;
background:url(../img/separation-produit.jpg) no-repeat center center;
border:none;
}




#main-content .img-droite {
border:1px solid #dcdcdc;
width:137px;
height:93px;
margin:11px 0 0 11px;
float:left;
}


#main-content img{
border:3px solid #fff;
}

#main-content .texte-gauche {
position:relative;
border-left:1px dashed #dcdcdc;
width:477px;
height:95px;
margin:11px 11px 0 0;
float:right;
}

#main-content h2{
padding-left:11px;
}

#main-content h2 a{
font-family:Verdana;
font-weight: bold;
color:#000;
}

#main-content p{
margin:11px;
}

#main-content img.detail{
border:none;
position:absolute;
bottom:0;
right:0;
}

#main-produit{
width:740px;
float:left;
margin-left:15px
}


#main-right{
float:left;
width:426px;
margin:40px 0 0 20px;
}

#main-right #cadre{
width:421px;
height:265px;
border:1px solid #dcdcdc;
}

#cadre img{
border:3px solid #fff;
}

#small-cadre img{
border:3px solid #fff;
}



#small-cadre li{
width:137px;
height:93px;
border:1px solid #dcdcdc;
float:left;
margin:3px 3px 0 0;
}

#main-left{
float:left;
width:240px;
}

#main-left h2{
color:#90125e;
font-size:16px;
margin-bottom:10px;
}

#main-produit p{
padding:5px 15px;
}

#main-produit ul{
padding-bottom:10px;
}

img#angle{
padding-left:50px;
}

#main-left ul{
margin-left:15px;
width:214px;
}

#main-left ul li{
background:#fff url(../img/puce-losange.gif) no-repeat left 11px;
padding:5px 0 5px 9px;
}
strong{
font-weight:bold;
}
#bottom{
margin-top:30px;
}

#bottom-left{
float:left;
width:450px;
margin-right:10px;
}

table{
width:450px;
border:1px solid #90125e;
}

tr.ligne1 td{
background-color:#90125e;
color:#fff;
text-align:center;
padding:1px 3px;
width:90px;
}

tr.ligne2 td{
border:1px solid #000;
text-align:center;
padding:1px 3px;
}

#bottom-right{
float:left;
width:215px;
background:#fff url(../img/option.gif) no-repeat left top;
padding-top:47px;
margin-left:20px;
margin-bottom:25px;
}

#bottom-right ul{
border:1px solid #a0a0a0;
background-color:#fff;
width:185px;
margin-left:9px;
padding:5px 5px 20px 5px;
}

#bottom-right ul li{
background:#fff url(../img/puce.gif) no-repeat left 6px;
padding-left:12px;
margin-left:3px;
}

#main-topmenu{
width:740px;
float:left;
margin-left:15px;
}

#main-topmenu h1{
color:#90125e;
font-size:16px;
margin-bottom:10px;
margin-right:70px;
padding-bottom:5px;
border-bottom:1px solid #90125e;
}
#main-topmenu h2,#main-topmenu h2 a{
color:#90125e;
font-size:14px;
}

#main-topmenu p{
width:670px;
margin:15px 0;
}

#main-topmenu a{
color:#90125e;
}

#main-topmenu .par{
width:300px;
float:left;
}

#main-topmenu .par p{
width:300px;
}

#main-topmenu .img-topmenu{
float:left;
margin-left:40px;
border:1px solid #DCDCDC;
}

#main-topmenu img{
border:4px solid #fff;
}
#main-metier{
width:670px;
float:left;
margin-left:15px;
}

#main-metier h1,#main-metier h2{
color:#90125e;
font-size:14px;
margin-bottom:10px;
padding:5px 0;
border-bottom:1px solid #90125e;
}

#main-metier h2,#main-metier h2 a{
color:#90125e;
font-size:14px;
text-decoration:none;
}

#main-metier p{
margin:15px 0;
}

#main-metier a{
text-decoration:underline;
color:#000;
}


#main-topmenu .par{
width:300px;
float:left;
}

#main-topmenu .par p{
width:300px;
}

#main-topmenu ul{
width:450px;
}

#main-topmenu ul li{
padding:5px 15px;
background:#FFFFFF url(../img/puce-fleche2.gif) no-repeat left 11px;
}

#main-topmenu ul li a:hover{
color:#6bb021;
}

#main-metier .par-metier{
width:420px;
float:left;
}

#main-metier .img-metier{
border:1px solid #dcdcdc;
width:225px;
height:154px;
float:right;
}

#main-metier .img-metier img{
border:4px solid #fff;
}

p{
text-align:justify;
line-height:16px;
}


#main-topmenu table{
width:600px;
}

#main-topmenu td{
text-align:center;
line-height:17px;
padding:5px;
}

#main-societe{
width:678px;
height:663px;
background:#90125E url(../img/soc.gif) repeat-x left top;
}
#titre-par1{
padding-left:10px;
background: url(../img/puce-los-violet.gif) no-repeat left 7px;
}

#par1 p{
width:300px;
margin-left:0px;
line-height:18px;
}

#titre-par2{
padding-left:10px;
background: url(../img/puce2-los-violet.gif) no-repeat left 7px;
}

#par2{
width:300px;
float:left;
margin-top:60px;
margin-left:20px;
}
#par3{
width:300px;
float:left;
margin-top:60px;
margin-left:40px;
}

#par2 p{
width:300px;
margin-left:0px;
line-height:16px;
}
#titre-par3{
padding-left:10px;
background: url(../img/puce-los-vert.gif) no-repeat left 7px;
}

#par3 p{
width:300px;
margin-left:0px;
line-height:16px;
}
#main-societe h2{
font-size:12px;
}

#main-content .separation-produit img{
position:relative;
top:10px;
left:676px;
border:none;
}

#contract{
font-size:9px;
font-style:italic;
position:absolute;
bottom:0px;
right:47px;
}

.clear{
clear:both;
}


#footer{
height:132px;
background:#90125E url(../img/bg-footer.gif) repeat-x left top;

}

#footer ul li{
font-size:10px;
color:#fff;
}

#footer ul li a{
font-size:10px;
color:#fff;
}

#footer ul li a:hover{
color:#90125E;
}


#content-foot{
margin:0 auto;
text-align:left;
height:132px;
width:980px;
background:#90125E url(../img/footer.gif) no-repeat left top;
}

#content-foot ul li{
float:left;
margin:45px 0 0 0;
padding:0 5px;
}

#right{
float:right;
padding-right:80px;
position:relative;
}


#left{
float:left;
padding-left:172px;
}

#main-contact{
position:relative;
width:666px;
height:438px;
background: url(../img/bg-contact.gif) no-repeat left 6px;
float:left;
margin-left:15px;
padding:0 0 0 17px;
}

#main-contact h1{
color:#90125e;
font-size:16px;
line-height:0;
padding:6px  0 35px 3px;
}

#main-contact #carte{
position:absolute;
top:-13px;
right:3px;
border:1px solid #dcdcdc;
}

#main-contact small{
background:#fff url(../img/puce-croix.gif) no-repeat 10px 9px;
padding:5px 10px 5px 25px;
position:absolute;
top:346px;
left:270px;
border:1px solid #dcdcdc;
border-top:none;
}

#main-contact a{
text-decoration:underline;
color:#90125e;
font-weight:bold;
}

ul#faq-left{
width:430px;
float:left;
margin-left:15px;
}
#faq-right{
float:left;
}
img#faq-right{
border:none;
}


#carte iframe{
border:4px solid #fff;
}



button:focus::-moz-focus-inner { border-color: transparent; }

button::-moz-focus-inner,
  input[type="reset"]::-moz-focus-inner,
  input[type="button"]::-moz-focus-inner,
  input[type="submit"]::-moz-focus-inner,
  input[type="file"] > input[type="button"]::-moz-focus-inner {
  border: 1px dotted transparent;
}
a:focus { outline-offset: 0px; outline:none; }