* {border: 0;margin: 0;padding: 0;}

body{font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:12px;background:url(../images/fond-body.gif) repeat-x top left #202020; width:100%; height:100%;}


h1{display:block;float:left; font-weight:normal;  width:100%; color:#fff; margin:20px 0 20px 0; font-size:14px;  height:24px; line-height:23px; padding-left:20px}
h2{font-weight:bold; margin:0 0 20px 0; font-size:14px;}
h3{font-weight:bold; margin:0 0 20px 0; font-size:12px;}
h4{font-weight:normal; margin:0 0 20px 0; font-size:12px;}


h1.titre1{background:url(../images/fond-titre1.gif) no-repeat top left ;}
h1.titre2{background:url(../images/fond-titre2.gif) no-repeat top left ;}
h1.titre3{background:url(../images/fond-titre3.gif) no-repeat top left ;}
h1.titre4{background:url(../images/fond-titre4.gif) no-repeat top left ;}
h1.societe{background:url(../images/fond-titre5.gif) no-repeat top left ;}
h1.contact{background:url(../images/fond-titre5.gif) no-repeat top left ;}


p{border:0; padding:0; margin:0 0 8px 0; line-height:15px}
ul{border-style: none; border: 0; list-style-type: none; padding: 0 0 8px 0 ; margin-right: 0 0 8px 0;}
ul li {padding-left:15px;background: url(../images/puce.gif) no-repeat  0 .4em;margin: 4px 0 0 0;}

.margd{margin-right:15px; float:left;}
.margg{margin:0 0 10px 15px; float:right;}
.l40{width:40%;}
.l50{width:50%;}
.l60{width:60%;}
.l70{width:70%;}

/* ##########  ACCUEIL  ##########  */
.pageUne{display: block; float:none; margin:16px auto 0 auto; width:980px; height:672px; }
.photoUne{display:block; float:left;}

#pagecontentUne{display:block; float:left; position:relative; z-index:10; top:-634px; left:0; width:100%;}
*> #pagecontentUne {top:-630px; !top:-634px;}
#contentUne{height:630px; }

#ombreUne, #gaucheUne{display:block; position:absolute; left:0; top:0;width:460px; height:630px; }
#ombreUne{ background-color:#000; filter : alpha(opacity=50); -moz-opacity : 0.5; opacity : 0.5; }
#gaucheUne{color:#fff;}
#logoUne{display:block; float:left;width:460px; height:111px; margin:80px 0 20px 0 ; 
    background:url(../images/logoUne.png) no-repeat top center; _background:url(../images/logoUne.gif) no-repeat top center;}
    
#sslogo{display:block; float:left;width:460px; height:277px; margin:0 0 20px 0 ;
    background:url(../images/img_une.png) no-repeat top center; _background:url(../images/img_une.gif) no-repeat top center;}    

#gaucheUne .text{display:block; width:288px; margin:0 auto; font-weight:bold; text-align:center; letter-spacing:0.1em}
   
#centreUne{display:block; display:block; position:absolute; left:360px; top:0;height:630px; width:620px;}


/* ##########  MASTER  ##########  */
.page{display: block; float:none; margin:0 auto; width:980px; height:672px; color:#bec2c5;}
#content{display:block; float:left; width:100%; background-color:#272727; padding-bottom:20px;}
#ctl00_haut{display:block; float:left; background:url(../images/entete.jpg) no-repeat top left;width:980px; height: 148px}
#ctl00_haut.rub1{background:url(../images/header1.jpg) no-repeat top left;}
#ctl00_haut.rub2{background:url(../images/header2.jpg) no-repeat top left;}
#ctl00_haut.rub3{background:url(../images/header3.jpg) no-repeat top left;}
#ctl00_haut.rub4{background:url(../images/header4.jpg) no-repeat top left;}


#ctl00_haut #logo{display:block; float:left;width:193px; height:108px; margin:20px 0 0 20px ; 
    background:url(../images/logoUne.png) no-repeat top center; _background:url(../images/logoUne.gif) no-repeat top center;}
#ctl00_haut #logo a.logo {display:block;width:193px; height:108px;}
#ctl00_haut #contact{display:block; float:right;margin-top:115px}

.menu{display:block; float:left;width:100%;height:77px;list-style-type:none;}
.menu li{display:inline;  height:77px;margin: 0;padding: 0;}
.menu li a{display:block; float:left; color:#fff; line-height:77px; height:77px; text-decoration:none; font-size:120%; font-weight:bold;  text-align:center}
.menu .li1 a{background:url(../images/bt01.jpg) no-repeat top center; width:246px }
.menu .li2 a{background:url(../images/bt02.jpg) no-repeat top center; width:245px }
.menu .li3 a{background:url(../images/bt03.jpg) no-repeat top center; width:245px }
.menu .li4 a{background:url(../images/bt04.jpg) no-repeat top center; width:244px }


a{color:#bec2c5; text-decoration:none}
a:hover{ text-decoration:underline}


/* ##########  MENU  ##########  */
.menu .li1 a.selected{background:url(../images/bt01_over.jpg) no-repeat top center;  }
.menu .li2 a.selected{background:url(../images/bt02_over.jpg) no-repeat top center; }
.menu .li3 a.selected{background:url(../images/bt03_over.jpg) no-repeat top center; }
.menu .li4 a.selected{background:url(../images/bt04_over.jpg) no-repeat top center; }

/* ##########  SSMENU  ##########  */
.ssmenu{width:244px; margin-left:20px; margin-bottom:20px; padding:0; border:0;}
.ssmenu td{width:244px; height:40px;padding:0 20px 0 20px}
.ssmenu td a{/*display: block; float:left;width:227px; height:40px; padding:0 10px 0 20px;  */color:#fff; text-decoration:none; font-size:12px; font-weight:bold;}

.ssmenu td.selected{background:url(../images/ico-fleche.png) no-repeat 220px center; _background:url(../images/ico-fleche.gif) no-repeat 220px center ;}
.ssmenu td.selected2{background:url(../images/ico-fleche2.png) no-repeat 215px center; _background:url(../images/ico-fleche2.gif) no-repeat 215px center ;}
.ssmenu td.prselected{background:url(../images/ico-fleche3.png) no-repeat 5px center; _background:url(../images/ico-fleche3.gif) no-repeat 5px center ; padding-left:30px}
.ssmenu td.pr{ padding-left:30px}


.ssmenu td.cat2 {background-color:#672380; }
.ssmenu td.cat2.selected, .ssmenu td.cat2.selected2{background-color:#351141;}
.ssmenu td.cat3 {background-color:#e0081d; }
.ssmenu td.cat3.selected, .ssmenu td.cat3.selected2{background-color:#840411;}
.ssmenu td.cat4 {background-color:#f5a713; }
.ssmenu td.cat4.selected, .ssmenu td.cat4.selected2{background-color:#b77e0d;}
.ssmenu td.cat5 {background-color:#91bd10; }
.ssmenu td.cat5.selected, .ssmenu td.cat5.selected2{background-color: #5d770c;}

/* ##########  ARIANE  ##########  */
.ariane {display:block; float:left;margin:0;background:url(../images/fond-ariane.jpg) repeat-x;width:100%; height:41px; color:#a4a4a4 }
.ariane p{margin:5px 0 0 20px;}
.ariane a {color:#a4a4a4; text-decoration:none; padding:0 8px 0 0;}
.ariane a:hover {text-decoration: underline}

.ariane .cat1{color:#682380}
.ariane .cat2{color:#e0081d}
.ariane .cat3{color:#f5a713}
.ariane .cat4{color:#91bd10}

#gauche{display:block; float:left;width:300px;}
#droite{display:block; float:left;width:660px;}


.tel{display:block; float:left;width:244px; margin-left:20px;_margin-left:10px; margin-bottom:20px;}
.tel .content{display:block; float:left;width:214px;background-color:#393a3b;  color:#fff; padding:0 10px 0 20px}
.tel .content ul{ font-size:11px; font-weight:bold;padding-left:35px}

.tel .content p{color:#9fa1a2; padding-top:5px}
.tel .content span{ font-size:14px; font-weight:bold}
.tel .content .titre{ font-size:14px; font-weight:bold; color:#fff}
.tel .content img{display:block; float:left;margin-right:10px; margin-top:-5px}

/*.tel .content ul.cat1 li {background: url(../images/puce1.gif) no-repeat  0 .4em; }
.tel .content ul.cat2 li {background: url(../images/puce2.gif) no-repeat  0 .4em; }
.tel .content ul.cat3 li {background: url(../images/puce3.gif) no-repeat  0 .4em; }
.tel .content ul.cat4 li {background: url(../images/puce4.gif) no-repeat  0 .4em; }*/

/*.listecat{display:block; float:left;width:125px;margin:0 30px 10px 0;}
.listecat dt {display:block; float:left; width:100%; height:130px;  text-align:center}
.listecat dt div{display:block; float:left; width:117px; height:117px; border:4px solid #cacaca; background-color:#fff}
.listecat dd {display:block; float:left; width:100%; height:50px; text-align:center}
.listecat dd a {color:#bec2c5; text-decoration:none;}*/

.listecat{float:left;width:125px;margin:0 30px 10px 0;}
.listecat .img{width:125px; height:125px;  text-align:center; vertical-align:middle; background-color:#fff; border:2px solid #666;}
.listecat .nom{width:100%; height:50px;  text-align:center; vertical-align:middle; }
.listecat .nom a {color:#bec2c5; text-decoration:none;}


.detail {display:block; float:left;width:618px; margin-bottom:20px; margin-top:5px;}
.detail .content{display:block; float:left;width:578px;background-color:#403e3f;  color:#bec2c5; padding:5px 20px; }
.margintopdetail{margin-top:-15px}
.detail .imprimer{display:block; float:left;width:578px;height:30px;line-height:30px;background-color:#403e3f; color:#bec2c5; padding:0px 20px; border-top:2px solid #272727; font-size:11px; clear:both}
.detail .imprimer span{display:block; float:right;width:380px; height:100%;border-left:2px solid #272727; padding-left:20px;}
.detail .imprimer a{ color:#bec2c5;text-decoration:none}
.detail .imprimer a:hover{text-decoration:underline}
.detail .imprimer a img{margin-right:5px}
.detail h2 {color:#fff}
.detail .prdetail {display:block; float:left;width: 350px;}

.detail .diaporama table{display:block; float:left;margin:6px 6px 0 0;}
.detail .diaporama td{ background-image:none; border:4px solid #cacaca;width:90px; height:90px; background-color:#fff;text-align:center; vertical-align:middle}

.detail a.cadrephoto1{display:block; float:left; border:4px solid #cacaca; width:195px; background-color:#fff; text-align:center; vertical-align:middle}


.cat1 li {background: url(../images/puce1.gif) no-repeat  0 .4em; }
.cat2 li {background: url(../images/puce2.gif) no-repeat  0 .4em; }
.cat3 li {background: url(../images/puce3.gif) no-repeat  0 .4em; }
.cat4 li {background: url(../images/puce4.gif) no-repeat  0 .4em; }

/* ##########  FOOTER  ##########  */
.footer{display:block; float:left; clear:both; width:980px; background-color:#2d2d2d; color:#aaa8a8; height:130px; padding:10px 0 20px 0}
.footer span{ font-size:110%; font-weight:bold;}
.footer div{display:table; float:left; background:url(../images/separation.jpg) no-repeat top left ;}
.footer div img.picto{display:block; float:left; margin:0 30px 0 20px}
.footer div p.text{ font-size:11px; height:60px;; margin-top:5px}
.footer div p.lien{ text-align:right; margin:0;padding:0;}
.footer div.societe { background-image:none; width:350px; height:70px; margin:20px 20px 20px 0; }
.footer div.contact {width:350px; height:70px; margin:20px 20px 20px 0;}
.footer div.coordonnees {width:200px; height:70px; margin:20px 20px 20px 0; padding-left:20px}
.footer div.contact img.picto, .footer div.newsletter img.picto{margin-top:10px}

.footer2{display:block; float:left; clear:both; width:980px;  color:#aaa8a8; text-align:center ; font-size:11px; margin:15px 0 }
.footer2 a{ color:#aaa8a8;}
.footer3{display:none; }

/* ##########  GENERAL  ##########  */
.block{display:block}

.clear{clear:both}
.floatleft {float:left}
.floatright {float:right}
.textcenter{text-align:center;}
.textleft{ text-align:left;}
.textright{ text-align:right;}
.center{display:block;margin:0 auto;}

.margintop5 {margin-top:5px}
.margintop7 {margin-top:7px}
.margintop10{margin-top:10px}
.margintop15{margin-top:15px}
.margintop20{margin-top:20px}

.marginbottom10{margin-bottom:10px}

.marginright10{margin-right:10px}
.marginright15{margin-right:15px}

.textright{text-align:right}

u{display: block; text-decoration:none; font-size:1px; clear:both;}

.citation{ font-style:italic}

.champcontact{ background-color:#535353}

/* ##########  FORMULAIRE  ##########  */
form{border:0; padding:0; margin:0; }
/*select {font-family: Arial; border: 1px #3c3c3c solid; color:#3c3c3c;font-size:10px;}
textarea{font-family:Arial; border: 1px #3c3c3c solid; color:#3c3c3c;font-size:10px;}
input{font-family: Arial; border: 1px #3c3c3c solid; color:#3c3c3c;font-size:10px;}*/

.champcontact{background-color:#535353;margin:2px 2px 0 0; border: 1px solid #434343; /*font-family:Arial, Helvetica, sans-serif;*/ color:#fff }
.champcontacterreur{background-color:#C8C8C8;border:1px solid #3BB6A8;color:#FFF;margin:2px 2px 0 0; }
.erreur{color:#3BB6A8; /*font-family: Arial, Helvetica, sans-serif;*/font-weight:bold}
.send{text-align: center; font-weight: normal; /*font-family: Arial, Helvetica, sans-serif; */color:#b7b7b7; background-color:#4a4a4a; font-size:12px;
    border-top:1px solid #757575;  border-left:1px solid #757575; border-right:1px solid #141414;border-bottom:1px solid #141414; padding:0 10px 2px 10px;}


.labelfor{display:block; float:left; margin:8px 10px 0 0; padding:0; border:0; text-align:right; /*border-left:1px solid #e6efea;border-right:1px solid #e6efea*/}
.bloq{display:block; float:left; margin-right:2px; padding:0; }
.groupe{display:block; float:left; margin:15px 0 0 0; padding:0; width:100%;}

.formcontact {display:block; float:left; margin:8px 0 0 0; width:400px }


/* ---------- ACCORDEON  ---------- */
#basic-accordian{width:355px;margin-left:220px;z-index:2;}
.accordion_headings{padding:13px 0 13px 50px;color:#FFF;cursor:pointer;font-weight:bold; font-size:110%}

#test1-header{background-color:#652280; background:url(../images/accordion_headings1.png) no-repeat top left;_background:url(../images/accordion_headings1.gif) no-repeat top center;}
#test2-header{background-color:#e0071d; background:url(../images/accordion_headings2.png) no-repeat top left;}
#test3-header{background-color:#f5a711; background:url(../images/accordion_headings3.png) no-repeat top left;}
#test4-header{background-color:#91bd0f; background:url(../images/accordion_headings4.png) no-repeat top left;}

.accordion_child{padding:15px;background:#fff; height:385px; font-size:11px}
.accordion_child li{color:#424242}
.accordion_child a{color:#424242}


.color1 .accordion_child{border:5px solid #49185b; border-bottom:0; color:#66227f}
.color2 .accordion_child{border:5px solid #b10516; border-bottom:0; color:#b10516}
.color3 .accordion_child{border:5px solid #ba7e0c; border-bottom:0; color:#ba7e0c}
.color4 .accordion_child{border:5px solid #64810a; border-bottom:0; color:#64810a}

.color1 .accordion_child li{background: url(../images/puce1.gif) no-repeat  0 .4em; }
.color2 .accordion_child li{background: url(../images/puce2.gif) no-repeat  0 .4em;}
.color3 .accordion_child li{background: url(../images/puce3.gif) no-repeat  0 .4em;}
.color4 .accordion_child li{background: url(../images/puce4.gif) no-repeat  0 .4em;}


.accordion_headings:hover{/*background:#00CCFF;*/}
.header_highlight{}