/* CSS COMMON */
/* Société Préférences */
/* intégration : Thomas Roy */

/*common*/

/*global*/
#global{min-height:100%;background:url(../images/bg_main.png) repeat-y top left;width:950px;margin:0 auto;padding:0 10px;}
* html #global{height:100%;}

/*
HEADER
*/

#header{background:url(../images/bg_header.png) no-repeat top left;min-height:130px;position:relative;}
* html #header{height:130px;}
#header ul{list-style:none;}

/*menu level1*/
#menu_level1{float:left;width:715px;margin:12px 0 0 0;}
#menu_level1 li{text-align:right;padding:3px 0;}
#menu_level1 a{font-weight:bold;font-size:0.91em;color:#fff;text-decoration:none;padding:4px 7px;}
#menu_level1 a:hover, #menu_level1 .active a{background-color:#333333;padding:4px 7px;}

/*lien home*/
#link_home{position:absolute;top:0;left:0}
#menu_level1 #link_home a{font-weight:normal;font-size:0.91em;color:#999;padding:0;display:block;width:93px;height:20px;text-align:right;line-height:20px;}
#menu_level1 #link_home a:hover{background:none;padding:0;text-decoration:underline;}

/*outils*/
#outils{float:left;margin:12px 0 0 10px;font-size:0.91em;font-weight:bold;line-height:14px;}
*+html #outils{margin-top:12px;}
#outils li{padding:3px 0;}
#outils a{color:#000;text-decoration:none;padding:4px 7px;}
#ressources a{display:block;margin-top:-3px;}
#outils a:hover{background-color:#333333;color:#FFFFFF;padding:4px 7px;}
#outils #sitemap{margin-top:0px;}
#outils #sitemap a{color:#999999;font-weight:normal;}
#outils #sitemap a:hover{text-decoration:underline;background:none;}
#outils .print{margin-top:22px;}
#outils .print {background:url(../images/icon_print.png) no-repeat center right;margin-right:10px;}
#outils .print a{color:#999999;font-weight:normal;padding:5px 15px 5px 7px;}
#outils .print a:hover{text-decoration:underline;background:none;color:#999999;}

/*path*/
#path{color:#999;font-size:0.82em;margin:5px 0 0 20px;position:relative;}
#path dt{left:-2000px;position:absolute;}
#path dd{display:inline;margin:0;padding:0;}
#path a{color:#999;text-decoration:none;}
#path a:hover{text-decoration:underline}


/*maincontent*/
#maincontent{float:left;width:450px;margin-left:40px;display:inline;margin-bottom:30px;}
#maincontent a{color:#0099bf;}
#maincontent a span{color:#000;}
#maincontent a:hover{color:#000;}
#maincontent p{margin:0 0 25px 0;line-height:16px;text-align:justify;}
#maincontent blockquote{display:block;margin:0 100px;padding:10px;background:#eee}
#maincontent h1 sup{line-height:12px;}
.header h2 sup{line-height:7px;vertical-align:top}

/*rightcontent*/
#rightcontent{float:right;width:222px;margin:0 0 30px 0;display:inline;}
#leftcontent h2, #rightcontent h2{text-transform:uppercase;color:#333;font-size:1.09em;border-bottom:1px solid #333;font-weight:normal;padding-bottom:5px;margin:30px 0 10px 0;clear:both;font-weight:bold;}


/*
FOOTER
*/

#footer{clear:both;border-top:1px solid #333333;padding-bottom:50px;position:relative;}
#ico_top{clear:both;padding-bottom:30px;padding-top:10px;position:relative;}
#footer a.totop{display:block;position:absolute;text-decoration:none;color:#333;padding:0 10px;background-color:#FFF;top:-8px;font-size:0.91em;right:130px;}

/*
Plan du site
*/

#planmain { padding: 30px 20px 20px 206px; }
#planmain a { text-decoration: none; }
#planmain a:hover { text-decoration:underline; }
#planmain h1 { margin-bottom: 25px; }
#planmain dl, #planmain dt, #planmain dd { margin: 0px; padding: 0px;}
#planmain dl dt { color: #00A8C9; font-size: 1.36em; text-transform: uppercase; font-weight: bold; margin: 25px 30px 10px 0px;}
#planmain dl dt a { color: #00A8C9; }
#planmain dl dd dl { margin: 0px; padding: 0px;}
#planmain dl dd dl dt { color: #000; font-size: 1em; text-transform: none; font-weight: bold; margin: 0px 0px 5px 0px;}
#planmain dl dd dl dt a { color: #000; }
#planmain dl dd dl dd { color: #4D4D4D; font-size: 1em; text-transform: none; font-weight: normal; margin: 0px 0px 5px 20px;}
#planmain dl dd dl dd a { color: #4D4D4D; }
#planleft { width: 360px; float: left; }
#planright { width: 360px; float: left; }
