/*************** GENERAL */
html {background:#dddacf url(/fileadmin/templates/img/html-bg.gif) repeat-x fixed top; font-size: 100%;}
body {background: transparent url(/fileadmin/templates/img/body-bg.gif) no-repeat fixed center -2px; padding:0; margin:0 auto; width:984px; font-family:Arial, Helvetica, sans-serif; font-size:0.75em; color:#4a4a4a}
form{ margin:0; padding:0}
h1{ font-family:Georgia, Times, serif; text-transform:uppercase; font-weight:normal; font-size:1.2em; margin:0; padding:2px 0}
a{color:#4a4a4a; text-decoration:none}
a:hover{ color:#C43517; text-decoration:underline;}
acronym, abbr, a img{ border:none;}
input{color:#4a4a4a;}
textarea{ font-family:Arial, Helvetica, sans-serif; color:#4a4a4a; }
input.text{border:#9d9a93 solid 1px; background:#fff url(/fileadmin/templates/img/bg-inputtext.jpg) repeat-x top;}
input.ok{background:url(/fileadmin/templates/img/bg-input-header.gif) no-repeat top; border:none; padding: 4px 6px 7px 6px; cursor:pointer; height:27px}
input.ok:hover{color:#bf3712}
caption{ display:none}
.center{ text-align:center}
/*************** STRUCTURE */
#logoprint{ display:none}
#container{ width:980px; margin:0 auto; font-size: 100%; }
#headerleft{ float:left}
#headerright{ float:right}
#arianegauche{ float:left}
#arianedroite{ float:right}
#sousmenu{ float:left}
#cont{ float:right;}
#footerbottom{ clear:both}
#footerbottomleft{ float:left}
#footerbottomright{ float:right}
.clearboth{ clear:both; font-size:0em; margin:0; padding:0; width:1%; height:0px}
.right{ float:right}
.left{ float:left}
/*************** TETIERE */
/*************** TETIERE LEFT */
#header{ background:url(/fileadmin/templates/img/bg-tetiere.gif) repeat-y; font-size:0.8em; min-height:144px; border:0px solid red;display: inline-block;}
#header p{ margin:0; padding:0}
#headerleft{ float:left; width:760px; height:110px}
#menubartop{ clear:both}
#headerleft ul{ margin:3px 0 0 255px; padding:0; list-style:none;}
#headerleft ul li{ float:left; margin:0; padding:0; list-style:none; padding-right:5px}
#headerleft ul li a{ color:#4a4a4a}
#headerleft fieldset{ border:none; padding:19px 0 0 77px; margin:0;}
#headerleft fieldset p{ margin-top:0px; padding-top:0px}
#headerleft input.text{ padding:3px 0 3px 10px; width:245px; }
#headerleft fieldset legend{ display:none;}
#headerleft fieldset label{ display:block; float:left; margin-right:15px; padding-top:0; margin-top:6px; line-height:140%;}
#headerleft fieldset input.header-radio{ display:block; float:left; margin-left:0; margin-top:6px; line-height:100%; padding-top:0  }
#headerleft a img{ float:left;}
#headerleft label.label-search{ display:none}
/*************** TETIERE RIGHT */
#headerright{ float:left; min-height:110px;}
#headerright fieldset{ border:none; margin:6px 0 0 ; padding:0;}
#headerright input.text{ padding:5px 0 4px 5px; width:78px; font-size:0.9em }
#headerright fieldset p{ padding:0; margin:0;}
#headerright fieldset legend{ padding:0; margin:0;}
#headerright fieldset p.ident { padding: 5px 0 3px }
#headerright fieldset p.ident label{ display:none;}
#headerright fieldset p.memory { margin:0 0 3px 0}
#headerright fieldset p.memory input{ display:block; float:left; padding:0 3px 0 0; margin-left:0; line-height:100%}
#headerright fieldset p.memory label{ display:block; float:left; padding-top:0; font-size:0.9em; line-height:120%; height:14px}
#headerright fieldset p.memory label span{ display:block; padding-top:4px}
#headerright fieldset p.memory input#memory{ display:block; float:left; padding-top:0px; font-size:0.9em}
#headerright p.inscript{ clear:both; padding-top:5px; padding-bottom:0}
#headerright p.inscript a, div.onecol p.inscript a{ float:left; display:block; margin-right:20px; color:#B3310D}
#headerright p.inscript a.right{margin-left:14px; margin-right:0px; }
#headerright.connected p.inscript a.right{ float:right; display:block; margin-right:0px;}
#headerright fieldset input.header-radio{ display:block; float:left}

#headerright.connected{ max-width:210px;}
#headerright.connected #top{width:200px;}

#headerright.connected #top p{font-family:Georgia, Times, serif; font-size:1.3em; margin:7px 0 6px; width:190px; color:#72716b}
#headerright.connected #top p strong{font-family:Georgia, Times, serif;font-size:1.4em; text-transform:capitalize; display:block}
#headerright.connected #top p strong:first-letter{font-size:1.6em;}
#content{ clear:both}
/*************** TETIERE MENU */
.menu ul, .menu ul li{ margin:0; padding:0; list-style:none}
.menu ul li{ float:left}
.menu ul li a{ display:block; background: url(/fileadmin/templates/img/menu-bg.gif) no-repeat; height:34px; background-repeat:no-repeat }
.menu ul li a img{ color:#000;  }
.menu ul li.m-1 a{ width:92px; background-position:left  bottom }
.menu ul li.m-2 a{width:137px; background-position:-92px bottom }
.menu ul li.m-3 a{width:171px; background-position: -229px bottom}
.menu ul li.m-4 a{width:223px; background-position: -400px bottom}
.menu ul li.m-5 a{width:123px; background-position: -623px bottom}
.menu ul li.m-6 a{width:234px; background-position: right bottom; font-family:Georgia, Times, serif; font-size:1.4em; line-height:200%; color:#2a2f28; cursor:pointer }
.menu ul li.m-6 a img{ float:left;}
.menu ul li.m-6 a strong{ float:left; display:block; padding-top:3px}
.menu ul li.m-6 a:hover{ text-decoration:none; color:#C43517;}
.menu ul li.m-1 a:hover, .menu ul li.m-1 a.on{background-position: top left;}
.menu ul li.m-2 a:hover, .menu ul li.m-2 a.on{background-position: -92px top}
.menu ul li.m-3 a:hover, .menu ul li.m-3 a.on{background-position: -229px top}
.menu ul li.m-4 a:hover, .menu ul li.m-4 a.on{background-position: -400px top}
.menu ul li.m-5 a:hover, .menu ul li.m-5 a.on{background-position:-623px top }
/*************** CRUMB */
#crumb img{ display:none}
#crumb{ background:#e3dfcd url(/fileadmin/templates/img/crumb-bg.gif) repeat-x top left ; color:#3b3a36; min-height:45px; width:980px; }
#crumb #crumbleft{ width:700px; padding: 5px 0 0 10px; float:left }
#crumb #crumbleft h1{}
#crumb #crumbleft p{ padding:1px 0 4px; margin:0; font-size:0.9em}
#crumb #crumbleft a{color:#3b3a36;}
#crumb #crumbright{ width:216px; float:right; padding: 5px 0;}
#crumb #crumbright ul{ float:right; }
#crumb #crumbright ul, #crumb #crumbright ul li{ margin:10px 0; padding:0; list-style:disc}
body.js #crumb #crumbright ul, body.js #crumb #crumbright ul li{ margin:0; padding:0; list-style:none}
#crumb #crumbright div ul li{ margin:0; padding:0; list-style: disc;}
#crumb #crumbright ul li{ float:none; width:200px; height:auto; font-size:0.8em }
body.js #crumb #crumbright ul li{ float:left; width:35px; height:37px}
#crumb #crumbright ul li a.jsonly { display:none; }
body.js #crumb #crumbright ul li a{ display:block; background: url(/fileadmin/templates/img/bg-icones.gif) no-repeat; height:37px; background-repeat:no-repeat; width:35px }
body.js #crumb #crumbright div ul li a{ display:inline; background: none; height:auto; background-repeat:no-repeat; width:200px}
body.js #crumb #crumbright ul li a img{color:#000;}
body.js #crumb #crumbright ul li a.bookmark{background-position:left top}
body.js #crumb #crumbright ul li a.fontmore{background-position:-35px top}
body.js #crumb #crumbright ul li a.fontless{background-position: -70px top}
body.js #crumb #crumbright ul li a.mailing{background-position: -105px top}
body.js #crumb #crumbright ul li a.print{background-position: -140px top}
body.js #crumb #crumbright ul li a.rssfeed{background-position: -175px top}
body.js #crumb #crumbright ul li a.bookmark:hover{background-position:left bottom }
body.js #crumb #crumbright ul li a.fontmore:hover{background-position:-35px bottom }
body.js #crumb #crumbright ul li a.fontless:hover{background-position: -70px bottom}
body.js #crumb #crumbright ul li a.mailing:hover{background-position: -105px bottom}
body.js #crumb #crumbright ul li a.print:hover{background-position: -140px bottom}
body.js #crumb #crumbright ul li a.rssfeed:hover{background-position: -175px bottom}
/*************** FOOTER */

#menubottom.menu ul{ float:left; width:746px; padding-bottom:5px; background:url(/fileadmin/templates/img/bg-menu-bottom.gif) repeat-x left bottom; margin-top:-1px;}
#menubottom.menu fieldset{ float:right; background:url(/fileadmin/templates/img/bottom-filedset-bg.gif) no-repeat; width:234px; padding:0; margin:0; border:none; }
#menubottom.menu fieldset legend{ display:none;}
#menubottom.menu fieldset p.right{ margin-top:9px}
#menubottom.menu input.text{ padding:3px 0 0 10px; width:165px; margin:3px 0 5px 10px; float:left; height:19px; display:block }
#menubottom.menu p{ margin:2px 0 4px 0;  font-size:0.8em; clear:both; float:none; line-height:160%}
#menubottom.menu p.right{clear:both; float:right;}
#menubottom.menu label{ padding:0; margin:0; display:block; float:left; margin-right:15px; padding-top:0px; padding-bottom:0px; margin-top:2px}
#menubottom.menu input.header-radio{  margin:0; display:block; float:left; margin-left:10px; margin-top:2px; margin-right:4px}
#menubottom.menu input.ok{background:url(/fileadmin/templates/img/bg-input-footer.gif) no-repeat top; float:left; margin-top:3px; margin-left:4px}
#menubottom.menu label.label-search{ display:none}
#menubottom.menu #bottommenu{ float:left; padding-left:0px}
#menubottom.menu #bottommenu h3{ font-size:0.9em; margin:0; padding:10px 0 0 10px}
#menubottom.menu #bottommenu ul, #menubottom.menu #bottommenu ul li{ margin:0; padding:0; list-style:none; float:none; background:none}
#menubottom.menu #bottommenu ul{padding-top:2px; padding-left:10px}
#menubottom.menu #bottommenu ul li a{ display:inline; padding: 0 0 0 10px; background:url(/fileadmin/templates/img/bottomsousmenu-of.gif) no-repeat 3px 4px; height:auto; font-size:0.8em }
#menubottom.menu #bottommenu ul li a:hover{  background:url(/fileadmin/templates/img/bottomsousmenu-of.gif) no-repeat 3px -21px; height:auto; font-size:0.8em }
#menubottom.menu #bottommenu ul{ width:172px; }
#footer p.sign{ width:960px; text-align:center; margin:0 10px;  border-top:#f1f0f1 solid 1px; padding:10px 0; font-size:0.9em}

/* ajouts Greg à ranger... */

.jsonly {
	display:none;
}

body.js div.jsonly, body.js ul.jsonly, body.js li.jsonly {
	display:block;
}

body.js a.jsonly {
	display:inline;
}

body.js span.imgbutton {
	position:absolute;
	left:-5000px;
}

#content.twocolright .colright .newsletter fieldset p.newsletterFormText {
	margin-left:0;
}

#content.twocolright .colright .newsletter p.newsletterFormText {
	margin:10px;
}