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

body {background-image: url(../images/bg_body-nav.gif);}

#main .inner {min-height:600px;}
#header {position:relative;zoom:1;clear:both;height:88px;}
#header #macaron {/*width:746px;*/width:644px;height:599px;position:absolute;z-index:1000;top:0;left:-324px;}
#header #macaron #bg_macaron {background:url(../images/macaron.png) no-repeat;width:644px;height:599px;display:block;}
#logo{width:111px;height:90px; background:url(../images/logo-menu.gif) no-repeat;margin-left:336px;position:relative;zoom:1;top:10px;}
h1 {width:111px;height:90px;display:block;position:relative;}
h1 a {width:111px;height:90px;display:block;position:relative;}

#header #menu {padding-left:320px;}
#header ul {font-family:"Times New Roman", Times, serif;position:relative;}
#header ul#n1 {text-align:right;height:34px;}
#header ul li {display:inline;height:24px;line-height:24px;}
#header ul li a {color:#6e6e6e;font-size:1.8em;font-weight:bold;font-style:italic;text-decoration:none;}
#header ul#n1 li a {padding-left:20px;margin-left:25px; background:url(../images/puce_menu-niveau1_off.gif) no-repeat 0 center; height:24px;line-height:24px;}
#header ul li a:hover, #header ul li.on a {color:#eab2b2; }
#header ul#n1 li.on a {background-image:url(../images/puce_menu-niveau1_on.gif);}


#header ul#n2 {height:54px;}
#header ul#n2 li {height:54px;line-height:54px;}
#header ul#n2 li a {height:54px;line-height:54px;padding:16px 17px 16px 10px; background:url(../images/puce_menu-niveau2_off.gif) no-repeat right center;}
#header ul#n2 li.on a {background-image:url(../images/puce_menu-niveau2_on.gif);}

#header ul#n2 li ul#n3 {height:25px;line-height:25px;position:absolute;top:55px;left:0;background:none;}
#header ul#n2 li ul#n3 li {height:25px;line-height:25px;}
#header ul#n2 li ul#n3 li a {height:25px;line-height:25px;text-transform:uppercase;font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;font-size:1.2em;font-style:normal;margin-left:8px;padding:2px 0 0 21px;background:url(../images/puce_menu-niveau3_off.gif) no-repeat left center;color:#7d7d7d;}
#header ul#n2 li ul#n3 li a:hover {color:#eab2b2;}
#header ul#n2 li ul#n3 li.on a {background-image:url(../images/puce_menu-niveau3_on.gif);color:#eab2b2;}

ul.off, ul.off li {position:absolute;top:-99999em;}

#ruban {margin-top:64px;left:172px;width:160px;position:absolute;z-index:2000;}
#ruban ul{border-left:solid 12px #393939;padding-left:10px;padding-right:15px;}
#ruban ul li {padding:5px 0;line-height:14px;}
#ruban ul li a {color:#787978;font-size:1.2em;text-decoration:none;}
#ruban ul li.on ul li a {color:#787978;}
#ruban ul li.on ul li a:hover {color:#eab2b2;}
#ruban ul li a:hover, #ruban ul li.on a {color:#eab2b2;}
#ruban ul li ul {border-left:solid 1px #393939;}
#ruban .bottom {width:68px;height:74px; background:url(../images/menu-ruban_bottom.png) no-repeat;}

#ruban .sponsor {position:relative;margin-top:20px;padding:0 15px 0 0;}
#ruban .sponsor .etoiles {position:absolute; background:url(../images/etoiles2.png) no-repeat;width:50px;height:67px;z-index:-1;top:0;left:0;}
#ruban .sponsor p {padding-top:10px;padding-left:35px;font-size:1.2em;line-height:14px;text-transform:uppercase;font-weight:bold;color:#b8b8b8;z-index:2;padding-bottom:5px;}
#ruban .sponsor p a {color:#b8b8b8;}
#ruban .sponsor p a:hover {text-decoration:none;color:#eab2b2;}
#ruban .sponsor img {margin-left:20px;margin-top:5px;}


#contenu {margin-top:40px;padding-left:330px;padding-bottom:35px;position:relative;}
#contenu .etoiles { background:url(../images/etoiles.png) no-repeat;width:66px;height:52px;position:absolute;right:0;top:-5px;}
#contenu h2 {font-size:2.8em;text-transform:uppercase;line-height:30px;font-weight:normal;padding-bottom:5px;padding-top:5px;}
#contenu h3 {font-size:2em;font-weight:normal;margin-top:15px;line-height:22px;}
#contenu h4 {font-size:1.5em;font-weight:bold;margin-top:15px;margin-bottom:-15px;line-height:17px;}
#contenu p {margin-top:15px;font-size:1.3em;line-height:15px;color:#b8b8b8;text-align:justify;}
#contenu ul li {margin-top:5px;font-size:1.3em;line-height:15px;color:#b8b8b8; background: url(../images/puce.gif) no-repeat 0 7px;padding-left:10px;}
#contenu ul li.first {margin-top:18px;}
#contenu p a {text-decoration:underline;}
#contenu p a:hover {color:#fff;}
#contenu q {font-size:1.5em;font-weight:bold;line-height:18px;padding-bottom:10px;display:block;}
#contenu q.slogan {margin-top:15px;}
#contenu address {font-size:1.3em;}
#contenu strong {color:#eab2b2;}
#contenu .visuel {border:solid 2px #eab2b2;width:510px;position:relative;}
#contenu .visuel .copyright {background:url(../images/copyright-julie-damase.gif) no-repeat;display:block;width:7px;height:78px;position:absolute;bottom:-2px;right:-14px;text-indent:-99999em;}
#contenu .visuel .bordure {border:solid 1px #eab2b2;margin:1px;width:506px;}
#contenu .visuel .cadre {border:solid 2px #eab2b2;width:500px;margin:1px; background:url(../images/visuels/bg_default.gif) no-repeat;min-height:500px;}

#contenu .visuel .cadre p, #contenu .visuel .cadre ul li {color:#eab2b2;}
#contenu .visuel .cadre, #contenu .visuel .cadre p {color:#eab2b2;text-align:center;}
#contenu .visuel .cadre.philo ul {padding-top:5px;}
#contenu .visuel .cadre.philo ul li {font-weight:bold;font-size:1.3em;margin-top:15px;line-height:15px;background:none;}
#contenu .visuel .cadre.valeurs {background:none; padding:0 20px;width:460px;}
#contenu .visuel .cadre.valeurs p {text-align:justify; }
#contenu .visuel .cadre .tableau {background:url(../images/cadre.gif) no-repeat; width:384px;height:244px;padding-top:73px;margin:15px auto;}
#contenu .visuel .cadre .tableau img {border:solid 1px #fff;}
#contenu .visuel .cadre.default img {margin-top:150px;}
#contenu .visuel .cadre.qui {background-image:none; font-size:0.9em;}
#contenu .visuel .cadre.qui ul {padding-top:15px;}
#contenu .visuel .cadre.qui ul li {margin-top:15px;background:none;font-size:1.2em;}

#contenu table {text-align:left;font-size:1.2em;margin-top:15px;border:solid 1px #EAB2B2;color:#B8B8B8;}
#contenu table td, #contenu table th {padding:5px 10px;}
#contenu table th {background:#EAB2B2; color:#333;font-weight:bold;border-left:solid 1px #333;border-top:solid 1px #333;}
#contenu table td {border-left:solid 1px #EAB2B2;border-top:solid 1px #EAB2B2;}
#contenu table tr.first-line th {border-top:0;font-size:0.9em;}
#contenu table th.first {border-left:0;}