@charset "utf-8";
/* CSS Document */

/*tete*/
div#tete{
/*margin-top :-20px;
margin-left :-11px;*/
float:left;
width:955px;
}
div#tete #header {width:955px; float:left; background-color: transparent}
div#tete #header #logo {
	float:left;
	width:227px;
	margin-top:28px;
}
div#tete #header #logo h1 {
	float:left;
	width:150;
	margin-left: 35px;
}
* html div#tete #header #logo h1 {display:inline;}

div#tete #header #logo:after {
    content: ".";
    overflow:hidden;
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
div#tete #header #logo {zoom:1;}

div#tete #header #logo h1 img {display:block;}
div#tete #header #logo h1 a { display:block; width:150px; height:65px;background: none}
div#tete #header #logo h1 a:hover  {background: url(../images/montage/tete/retour-accueil.png) center top no-repeat}
div#tete #header #logo h1 a:hover img {display:none}
div#tete #header #logo h2 {
	float:left;
	margin: 8px 0 0 0;
}
div#tete #header #logo h2 img {display:block;}

div#tete #header #publicite { float:right; width:728px; margin-top:10px;}
div#tete #header #publicite p { text-align:right; font-size:.7em; color:#FFF}

div#tete #mainnav {width:955px; height:auto; position:relative;float:left; margin-top:16px; border-bottom: none 0px;background: #000000 url(../images/montage/fd-mainnav.jpg) left top repeat-x;}
div#tete #mainnav ul.jd_menu { display:inline; width:955px; float:left;}
div#tete #mainnav ul.jd_menu li { display: inline; font-size:1.05em }
div#tete #mainnav ul.jd_menu li a { display:block; float:left; height: auto;padding:13px 15px; color:#FFFFFF; text-decoration:none;background:url(../images/montage/sep-menu.gif) right 12px no-repeat}
div#tete #mainnav ul.jd_menu li.noborder a { background:none}
div#tete #mainnav ul.jd_menu li ul li a { display:block; float:left; height: auto;padding:13px 15px; color:#FFFFFF; text-decoration:none;background:}
div#tete #mainnav ul.jd_menu li.noborder a, div#tete #mainnav ul.jd_menu li ul li.noborder a { background:none}

div#tete #mainnav ul.jd_menu li a:hover, 
ul.jd_menu li.jdm_hover,
ul.jd_menu li.jdm_active {color:#FFFFFF;}
div#tete #mainnav ul.jd_menu li.active a { color:#FFFFFF; font-weight:bold}
div#tete #mainnav ul.jd_menu li.active ul.jdm_events li a { color:#FFFFFF; font-weight:normal !important; background: none}

div#tete #mainnav ul.jd_menu li ul li a {height: auto;padding:8px 12px; background:url(../images/montage/sep-menu.gif) right 7px no-repeat}
div#sousmenus { display:block; width:940px; float:left; text-align:right; background-color:#FFF; padding-right: 15px;border-bottom: none 0px; }

div#charger, div#personaliser {float:left; padding: 15px; background-color:#5a5a5a; text-align:center; width:925px;}
div#charger a, div#personaliser a { color:#FFF; text-decoration:none; float:right; margin-right:12px; cursor:pointer}
div#charger a:hover,div#charger a.enregistrer, div#personaliser a:hover { background-color:#FFF; color:#333; padding: 0px 4px;}

div#personaliser table {width:850px; overflow:hidden;}
div#personaliser table td{ padding:5px 2px 0px 2px; text-align:center}
div#personaliser table tr.fond{ /*background-color:#CCC*/}

div#personaliser h3 { color:#FFF; font-size:1.3em; font-weight:bold; }
div#charger h3 { color:#FFF; font-size:1.3em; font-weight:bold; margin-bottom:10px}


div.persocolor { color:#FFF; padding-top:2px; line-height:1em; font-size:.9em;}

#teteG{
width:17px;
background-repeat:no-repeat;
}


#menu p{
font-weight:bold;
color:white;
}

#teteM table{
/*height:140px;*/
}

.boutton:hover p{
margin-top:-5px;
}

.bouttonon p{
vertical-align:middle;
text-align:center;
}

#corp .boutton p{
text-align:center;
margin-top:5px;
}

#teteD{
width:20px;
height:140px;
background-repeat:no-repeat;
}

/*boutton*/

.boutton:hover .btm{
background-image:url(../images/montage/bouttons/bton.png);
}

.btmon{
background-image:url(../images/montage/bouttons/bton.png);
padding-top:-8px;
}

/* ssmenu */

.ssmenu a:hover{
padding-top:3px;
height:19px;
}


.sousmenu{
height:20px;
}

.ssmenuG{
height:29px;
width:18px;
background-repeat:no-repeat;
}
.ssmenuM{
height:25px;
padding-bottom:4px;
padding-left:10px;
}
.ssmenuD{
height:29px;
width:18px;
background-repeat:no-repeat;
}


/* personalisation */

.persoG{
width:18px;
}
.persoM{

}
.persoD{
width:18px;
}

.perso{
background-repeat:no-repeat;
cursor:pointer;
font-size:12px;
height:25px;
text-indent:-9999px;
width:84px;
}

.personalise{
cursor:pointer;
}

.btpersoG, .btpersoGon{
float:left;
height:35px;
width:34px;
display:block;
}

.btpersoM, .btpersoMon{
color:#FFFFFF;
height:35px;
width:90px;
float:left;
display:block;
}
.btpersoM p, .btpersoMon p{
padding-left:5px;
padding-right:5px;
padding-top:10px;
}

.btpersoD, .btpersoDon{
float:left;
display:block;
height:35px;
width:9px;
}

/*boutton*/

.btg, .btgon{
/*float:left;*/
height:20px;
width:4px;
}

.btm, .btmon{
/*float:left;*/
height:17px;
padding-left:5px;
padding-right:5px;
padding-top:3px;
}

.btd, .btdon{
float:right;
height:20px;
width:8px;
}


.boutton, .bouttonon{
cursor:pointer;
vertical-align:bottom;
}


.bouttonon{
font-weight:bold;
}