/* ************* */
 /* redef balises */
/* ************* */

/****** coleurs par thématiques ********/
/* equipe 32228 #f27793		*/
/* reussite	32226 #f47b2c	*/
/* choix 32229 #ffde15		*/
/* sens 32225 #b6d44e		*/
/* temps 32227 #9bd2bb		*/

/* bleu école 00adef */

*/
* {margin:0; padding:0;}
body {font-family:Helvetica,Arial,sans-serif; font-size:62.5%; /* Resets 1em to 10px */ text-align:left; }
h1 {color:#000; font-family:Helvetica,Arial,sans-serif; font-size:58px; font-weight:bold; letter-spacing:-0.03em; line-height:0.9em; margin:0 0 35px; padding:0;}
h2 {font-family:Helvetica,Arial,sans-serif; font-size:24px; letter-spacing:-0.01em; font-weight:bold; color:#000000; margin:3px 0 1.0em 0; padding:0; line-height:0.9em;}
h3 {font-family:Helvetica,Arial,sans-serif; font-size:18px; font-weight:bold;  line-height:1.1em;  margin:10px 0 7px 0; padding:0;}
h4 {font-family:Helvetica,Arial,sans-serif; font-size:14px; font-weight:bold; color:#000; margin:0 0 14px; padding:0;}
h5 {font-family:Helvetica,Arial,sans-serif; font-size:13px; font-weight:bold;  color:#000000; margin:0;  padding:0;}
p {font-family:Helvetica,Arial,sans-serif; font-size:13px; font-weight:normal;  color:#000000; margin:0 0 6px 0;  padding:0;}
em {color:#000; font-family:Helvetica,Arial,sans-serif; font-size:1em; font-style:normal; font-weight:bold;}
a {color:#00adef; font-weight:bold; text-decoration:none;}
a:hover {text-decoration:underline;}
ul {list-style-type:square;}
img {border: none;}

.ms_32228 #main_content a, .ms_32228 #sub_navigation a.active{background-color:#f27793; color:black; text-decoration:none;}
.ms_32226 #main_content a, .ms_32226 #sub_navigation a.active{background-color:#f47b2c; color:black;  text-decoration:none;}
.ms_32229 #main_content a, .ms_32229 #sub_navigation a.active{background-color:#ffde15; color:black;  text-decoration:none;}
.ms_32225 #main_content a, .ms_32225 #sub_navigation a.active{background-color:#b6d44e; color:black;  text-decoration:none;}
.ms_32227 #main_content a, .ms_32227 #sub_navigation a.active{background-color:#9bd2bb; color:black;  text-decoration:none;}

.Minisite #sub_navigation ul.sub_navigation, .Minipage #sub_navigation ul.sub_navigation {width:150px; margin-left:74px; font-size:12px;}
.Minisite #sub_navigation ul.sub_navigation li, .Minipage #sub_navigation ul.sub_navigation li {list-style:none; text-align:left; }
.Minisite #sub_navigation ul.sub_navigation li a, .Minipage #sub_navigation ul.sub_navigation li a {color:black;}

  /* ********* */
 /* container */
/* ********* */
#container {background:#FFFFFF none repeat scroll 0 0; padding:15px; margin-bottom:80px;}

  /* *********************** */
 /* TOP = logo + navigation */
/* *********************** */
#top{height:100px;}
#logo{float:left; margin: 0 15px 0 120px;}
.Website #logo {margin: 0 20px 0 160px;}
#navigation {float:left; font-family:Helvetica,Arial,sans-serif; font-size:13px;}
#navigation ul li {display:block; font-weight:bold; margin-bottom:3px; padding:0;}
#navigation ul li a {padding:1px 4px; width:60px;}
#navigation li.ms_32228 a:hover, #navigation li.ms_32228 a.active{background-color:#f27793; text-decoration:none;}
#navigation li.ms_32226 a:hover, #navigation li.ms_32226 a.active{background-color:#f47b2c; text-decoration:none;}
#navigation li.ms_32229 a:hover, #navigation li.ms_32229 a.active{background-color:#ffde15; text-decoration:none;}
#navigation li.ms_32225 a:hover, #navigation li.ms_32225 a.active{background-color:#b6d44e; text-decoration:none;}
#navigation li.ms_32227 a:hover, #navigation li.ms_32227 a.active{background-color:#9bd2bb; text-decoration:none;}
#navigation ul li a {font-size: 13px; color:black; text-decoration: none;}
#navigation ul li a:hover {text-decoration: underline;}

#tools {float:right; font-weight:normal; width:195px;}
#tools ul li {list-style:none; display:block; float:left; margin-right:10px; }
#tools a {color:#999; font-weight:normal;}
#tools a:hover {color:#666; text-decoration:underline;}

 /* langues */ 
ul li.langue {float:right; margin-right:5px;}
ul li.langue a {color:#999; text-decoration:none;}

  /* ***************************** */
 /* MIDDLE = Sub_menu and content */
/* ***************************** */
 /* menu left_content and side_content > MEDIATYPE > Shortcut, Menu, Page */

#top_side_content{background:transparent url(images/stroke_03_top.gif) no-repeat;float:left; clear:right; height:6px; width:6px;}
#bottom_side_content{background:transparent url(images/stroke_03_bottom.gif) no-repeat;float:left; clear:right; height:6px; width:6px;}
#side_content {float:left; border-left:6px solid #00adef; width:162px;}
#left_content div, #side_content div {background:transparent url(images/stroke_03.gif) no-repeat scroll right bottom; margin-bottom:10px; padding-bottom:5px; padding-left:5px;}
#left_content div h3, #side_content div h3 {margin:7px 0; font-size:16px; line-height:16px; color:#000000; font-family:Helvetica,Arial,sans-serif; font-weight:bold; letter-spacing:0;}
#left_content div:first-child h3, #side_content div h3:first-child {margin:0 0 7px 0;}
#side_content div div {border-bottom: none; margin:0; padding:0;}
#left_content div p, #side_content div p {padding: 0; line-height: 13px; color:#000000; font-size:11px; font-weight:normal;}
#side_content .boule {margin: 0 0 14px 0; border: none;}
#side_content .boule p {line-height: 1.3em;}
#left_content {margin: 15px 15px 15px 0; float:left; width:168px;}
#side_content h3 a,
#left_content h3 a:hover {text-decoration: none; color:#000;}
#side_content h3 a:hover {text-decoration: none; color:#00adef;}

/* style specifique à la page activité */
#side_content .activity_side {border:none;}
#side_content .activity_side h3 {color:#000;}
#side_content .activity_side div.shortcut {border-bottom: 2px solid #000; margin: 0 0 20px;}
#side_content .activity_side div.shortcut:last-child {border:none; margin: 0 0 5px;}
#side_content .activity_side {margin: 0 0 20px;}

 /* menu sub_navigation */
#sub_navigation {float:left;}
#sub_navigation div {text-align:right; margin-bottom:30px;}
#sub_navigation div p.more {margin-top:5px;}
#sub_navigation div p{font-size:11px; margin-left:15px; margin-right:15px;}
#sub_navigation div h3:first-child {margin:0 0 7px 0;}
#sub_navigation div h3 {margin:7px 0; font-size:16px; line-height:16px; color:#000000; font-weight:bold; letter-spacing:0;}
#sub_navigation div div {border-bottom: none; margin:0; padding:0;}
#sub_navigation .boule {margin: 0 0 14px 0; border: none;}
#sub_navigation .boule p {line-height: 1.3em;}
#sub_navigation h3 a {text-decoration: none; color:#000;}
#sub_navigation h3 a:hover {text-decoration: none; color:#00adef;}

#sub_navigation p.more a {padding:1px 4px; color:black; text-decoration:none;}
#sub_navigation div.ms_32228 p.more a{background-color:#f27793; }
#sub_navigation div.ms_32226 p.more a{background-color:#f47b2c; }
#sub_navigation div.ms_32229 p.more a{background-color:#ffde15; }
#sub_navigation div.ms_32225 p.more a{background-color:#b6d44e; }
#sub_navigation div.ms_32227 p.more a{background-color:#9bd2bb; }
#sub_navigation p.more a:hover{text-decoration:underline;}


/* style specifique à la page activité */

#sub_navigation div img {margin:0px 5px 5px 0;}
#side_content div img {margin:0 5px 0px 0;}
#main_content div img {margin:0 15px 15px 0;}
  /* ************** */
 /* content CENTER */
/* ************** */
#content {float:left; }
#main_content{float:left; margin-right:71px; margin-bottom:60px;}
#main_content .styled_text * { line-height:1.4em;}
#main_content h3 {color:#000; font-family:Helvetica,Arial,sans-serif; font-size:18px; font-weight:bold; margin:20px 0 7px;}
#main_content div:first-child h3 {margin:0 0 7px;}
#main_content ul {font-weight:normal; margin:0 0 0 20px; padding:0;}
#main_content ul li.bullets {font-family: Helvetica,Arial,sans-serif;}
#main_content ul li {list-style-position:outside; margin:0 0 0.25em; padding:0;}

.ThreeCols {width: 656px;}
.Cols {width: 208px; margin: 0 15px 0 0; float:left;}
.Cols:last-child {margin: 0;}

.div_col {clear:both;}
.col_txt {width:290px; float:left; margin: 0 15px 0 0;}
.col {width:168px; margin: 0 15px 0 0; float:left; font-weight:bold; font-family:Helvetica,Arial,sans-serif; font-size:18px;}
.col a:hover {text-decoration:underline;}
.col div {border-bottom:2px solid #000; margin:0 0 4px; padding:0 0 4px; display:block;}
.col div:first-child h3 {margin:0 0 5px 0;}
.col:last-child {margin: 0; clear:right;}

  /* ************ */
 /* divers class */
/* ************ */
.boule {background:transparent none no-repeat scroll 0 0; height:180px; border:none;}
li.bullets {font-size:12px; list-style-position: outside; margin:0 0 4px 14px;}
.blue {color:#00adef; font-weight: normal;}
.bold {font-weight: bold;}

body.Agenda #container #content #main_content div.browser_tools,
.browser_tools {clear:both; height: 20px; margin-top: 0;}
.browser_tools ul {float:right;}
.browser_tools ul li {display: inline-block;}
.browser_tools ul li a.active {color:#000;}
.press_list_by_year h2 {margin: 30px 0 0 0;}
.press_list_by_category h3 {color:#000000; margin:23px 0 8px;}
a.light_Link, .light_Link {border-bottom:1px solid #00adef; color:#000000; font-weight:normal;}
a.light_Link:hover, .light_Link:hover {border-bottom:1px solid #00adef; color:#00adef; text-decoration:none;}
.news {border-bottom:1px solid #000; margin-bottom:1.5em; padding-bottom:1em;}
#main_content .Sondage {width:412px;}
#main_content .Sondage ul {margin:0;}
#main_content .Sondage ul.labels { background:transparent url(images/sondage_fleche.gif) no-repeat scroll center center; height:40px; list-style-image:none; list-style-position:outside; list-style-type:none;}
#main_content .Sondage ul.labels img {margin:0; padding:0;}
#main_content .Sondage ul.answers {clear:both; font-size:16px; margin-top:-5px; }
#main_content .Sondage ul.answers li:first-child, #main_content .Sondage ul.answers li:last-child {background:none;}
#main_content .Sondage ul.answers li {background:transparent url(images/sondage_graduation.gif) no-repeat scroll center top; float:left; list-style-image:none; list-style-position:outside; list-style-type:none; padding-top:12px; text-align:center; width:10%;}
#main_content .Sondage ul.labels li.label_1 {float:left; padding:10px 20px 0; margin:0;}
#main_content .Sondage ul.labels li.label_10 {float:right; padding:10px 20px 0; margin:0;}
#main_content .Sondage ul.labels li {margin-top:10px;}
#main_content .Sondage ul.answers a {color:#F7DE34;}
#main_content .Sondage ul.answers a:hover {color:#000;}
#VideoFolder {clear:both; height: 257px;}
#VideoPlayList {float:left; margin: 0;}
#VideoPlayList h2 {margin: 0 0 0.5em;}
#videoCanvas {float:left; width:412px; height: 257px; display:block;}
#playlist {clear:both; width:412px; margin: 0 0 15px;}
#playlist .video {display:inline-block; margin:0 0 0 -2px; padding:0;}
#playlist button {background:white none repeat scroll 0 0; border:0 none; color:#00AAD5; cursor:pointer; font-family:Helvetica,Arial,sans-serif; font-size:16px; font-weight:bold; padding:0; text-align:left; margin: 0 5px 0 0;}
#playlist #video1 button {color:#ED7717;}
#playlist #video2 button {color:#9FCB4E;}
#playlist #video3 button {color:#9EB1D9;}
#playlist #video4 button {color:#FFDD0E;}
#playlist #video1 button:hover,
#playlist #video2 button:hover,
#playlist #video3 button:hover,
#playlist #video4 button:hover,
#playlist button:hover {color: black;}
hr.clearboth {border:medium none; clear:both; height:0; visibility:hidden;}
.Sondage h2 {margin: 0 0 0.5em; text-align:center; color:#000;}
.sub_navigation_item a {color:black; font-weight:normal;}
p.more {text-align: right;}
  /* ******************** */
 /* Styles by body Class */
/* ******************** */
body.Agenda #container #content #main_content div, body.Bourses #container #content #main_content div {border-bottom:1px solid #000; margin:10px 10px 0 0;}
body.Agenda div.browser_tools, body.News_home div.browser_tools, body.Bourses div.browser_tools  {border-bottom:1px solid #000; margin:10px 0;}

body.Website #side_content h3 a {color:#000;}
body.Website #side_content h3 a:hover {color:#00adef;}
body.Website #main_content .Sondage{margin-bottom:40px;}

body.Faq #questions {margin-bottom:6em; margin-top:4em;}
body.Faq #main_content ul.listingQuestions li.question {color:#00adef; font-size:14px; font-weight:normal; margin-bottom:0.8em;}
body.News_home #container #content #main_content h1 {font-size:30px; margin:0 0 15px;}

body.Press #container #content ul {font-weight:normal; margin:0 0 0 20px; padding:0;}
body.Press #container #content ul li {border:medium none; font-family:Helvetica,Arial,sans-serif; font-size:12px; font-weight:normal; list-style-position:outside; list-style-type:square; margin:0 0 7px 23px;}

  /* ************************** */
 /* Bottom - map + breadcrumbs */
/* ************************** */
#bottom { clear:both; font-size:11px; background: transparent url(images/stroke_01_6px.gif) no-repeat; padding-top:15px; color:#999;}
#bottom p {font-size:11px; color:#999;}
/*#bottom a {color:#000; text-decoration:none;}
#bottom a:hover {color:#fff; text-decoration:none;}
#bottom a.active {color:#fff; font-weight:bold; text-decoration:none;}
#bottom a.active:hover {color:#fff; text-decoration:underline}*/

#breadcrumbs {border-bottom:1px solid #000; color:#000; font-family:Helvetica,Arial,sans-serif; font-size:12px; font-weight:bold; line-height:15px; margin:0 15px 10px 0; padding:7px 0;}

#sitemap ul {list-style-image:none; list-style-position:outside; list-style-type:none;}
#sitemap li {margin-bottom:4px;}
#sitemap h4 {color:#000; font-size:20px; margin:0 0 10px;}
#sitemap a.active, #sitemap .section a.active {color:#FFDD15; font-weight:bold; text-decoration:none;}

#sitemap .section_container {}
#sitemap .section {color:#000; float:left; margin:0 15px 0 0;  width:270px;}
#sitemap .section:last-child {margin:0;}
#sitemap .section_container {}
#sitemap .section li {display:block; line-height:11px; margin:0 0 7px;}
#sitemap .section h3 {border-bottom:1px solid #000; font-family:Helvetica,Arial,sans-serif; font-size:12px; font-weight:bold; line-height:1.1em; padding:0 0 3px; margin:7px 0 5px 0;}
#sitemap a {font-weight:normal;}
#sitemap .section h3 a {font-weight:bold;}
#section {margin: 0 0 30px 0; height:350px;}
#section h1 {color:#000000; font-size:50px; margin:0; padding:15px 30px 0 370px;}
#section h4 {color:#000000; font-size:13px; margin:0; padding:15px 30px 0 370px;}
#section h4 p {line-height:1.1em;}

  /* ********************************* */
 /* Grande image de décoration droite */
/* ********************************* */
#picture {background:#FFFFFF none repeat scroll 0 0; height:100%; left:870px; position:fixed; top:0;}