BODY {
	margin : 0;
	padding : 0;
	background : #bbcced;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 12px;
	color : #333;
}
A:link {
	color : #ff6600;
}
A:visited {
	color : #ff9900;
}
A:hover {
	color : #cc6600;
}
P {
	margin-top : 0;
	margin-bottom : 10px;
}
TR {
	vertical-align : top;
}
#header {
	width : 950px;
	margin : 0;
	padding : 0;
}
#main {
	text-align : left;
	width : 950px;
	background : #ffffff url(../images/bg.jpg) no-repeat;
}
#left {
	width : 175px;
	text-align : left;
}
#left H2 {
	width : 100% !important;
	height : 25px;
	background-color : #00baff;
	font-family : "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size : 16px;
	font-weight : bold;
	text-align : left;
	padding-left : 5px;
	color : #ffffff;
	line-height : 25px;
	float : left;
	margin-bottom : 5px;
	margin-top : 0;
	letter-spacing : -1px;
	text-transform : uppercase;
}
#center {
	width : 775px;
	margin : 0;
	padding : 0;
}
#right {
	width : 250px;
	background : url(../images/under-menu.jpg) no-repeat top;
	padding-top:20px;
}
#content {
	width : 525px;
	margin-right : 10px;
	text-align : left;
}
#bouee {
	width : 175px;
	height : 330px;
	background : #ffffff url(../images/bouee_bg.jpg) no-repeat top;
}
#bouee .titre {
	padding-top : 15px;
	text-transform : uppercase;
	color : #333;
	font-size : 13px;
	font-weight : bold;
	padding-left : 10px;
	width : 130px;
	font-family : "Trebuchet MS", Arial, Helvetica, sans-serif;
}
#bouee .sstitre {
	text-transform : uppercase;
	color : #0aa76b;
	font-size : 12px;
	font-weight : bold;
	padding-left : 10px;
	width : 140px;
}
#bouee .texte {
	margin-top : 5px;
	color : #333;
	font-size : 11px;
	padding-left : 10px;
	width : 120px;
	vertical-align : middle;
}
#bouee IMG {
	margin-top : 5px;
	padding-left : 10px;
}
#bouee DIV.more {
	margin-top : 5px;
	padding-left : 10px;
}
#bouee A.more {
	background : url(../images/btn_more.png) no-repeat left;
	padding-left : 15px;
}
#contact {
	margin-top : 10px;
	width : 160px;
	height : 160px;
	background : #ffffff url(../images/contact.jpg) no-repeat top;
}
#contact .texte {
	padding : 32px 0 0 34px;
	width : 90px;
	text-align : center;
	font-size:11px;
}
#content h1 {
	width : 525px !important;
	width : 520px;
	height : 35px;
	margin : 20px 0 0 0;
	background-color : #00baff;
	font-family : "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size : 22px;
	color : #ffffff;
	line-height : 35px;
	font-weight : bold;
	text-transform : uppercase;
}
#content H2 {
	margin-top : 20px;
	margin-left : 15px;
	font-family : "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size : 18px;
	color : #00baff;
	text-transform : uppercase;
	clear:both;
}
#content H2 a {
	color : #00baff !important;
}
#content H3 {
	margin-top : 20px;
	font-family : "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size : 14px;
	color : #333333;
	text-transform : uppercase;
}
#content H4 {
	margin-top : 15px;
	font-family : "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size : 13px;
	font-weight:bold;
	color : #333333;
	text-transform : uppercase;
}
#content .chapo {
	font-weight : bold;
	margin-top : 10px;
	margin-left : 20px;
	text-align : justify;
	margin-right : 10px;
}
#content .text {
	margin-top : 10px;
	margin-left : 20px;
	text-align : justify;
	margin-right : 10px;
}
#content .thumb {
	float : right;
	margin-left : 10px;
}
#content IMG.thumb {
	padding : 3px;
	border : 1px solid #000;
}
#content A IMG {
	border : 1px solid #000;
}
#content .more {
	margin-left : 20px;
	margin-top : 10px;
	background : url(../images/btn_more.png) no-repeat left;
	padding-left : 15px;
	margin-bottom : 20px;
}
#content .externalink {
	margin-left : 0px;
	margin-top : 10px;
	background : #ffffff url(../images/btn_more.png) no-repeat left;
	padding-left : 15px;
	margin-bottom : 20px;
}
#portail-public h2 a, #portail-peda h2 a, #portail-pro h2 a {
color:#ffffff !important;
text-decoration:none;
}
#bloc-bleu, #bloc-jaune, #bloc-orange, #bloc-vert, #bloc-violet, #bloc-rouge {
margin:15px 0px 10px 0px !important;
margin:15px 0px 5px 0px;
width:222px;
/*float:left;*/
padding-bottom:10px;
}
/*
#bloc-bleu, #bloc-orange, #bloc-violet {
clear:left;
}
*/
#bloc-bleu H2, #bloc-jaune H2, #bloc-orange H2, #bloc-vert H2, #bloc-violet H2, #bloc-rouge H2 {
font-family:Trebuchet MS;
text-transform:uppercase;
text-align:center;
line-height:24px;
font-size:14px;
color:#FFFFFF;
height:30px;
margin:0;
padding:0;
}
#bloc-bleu a.plus, #bloc-jaune a.plus, #bloc-orange a.plus, #bloc-vert a.plus, #bloc-violet a.plus, #bloc-rouge a.plus {
	background-image:url(../images/btn_more.png);
	background-repeat:no-repeat;
	background-position:left;
	padding-left:12px;
	font-size:10px;
	line-height:15px
}
#bloc-bleu {
background:url(../images/bg-bloc-bleu-bottom.png) bottom no-repeat;
}
#bloc-bleu H2 {
background:url(../images/bg-bloc-bleu-top.png) no-repeat;
}
#bloc-bleu div.texte {
background-color:#e5f5ff;
border-right:#0099ff 1px solid;
border-left:#0099ff 1px solid;
padding:0 5px 0 5px;
vertical-align:top;
font-size:12px;
}
#bloc-jaune {
background:url(../images/bg-bloc-jaune-bottom.png) bottom no-repeat;
}
#bloc-jaune H2 {
background:url(../images/bg-bloc-jaune-top.png) no-repeat;
}
#bloc-jaune div.texte {
background-color:#fffae5;
border-right:#ffcc00 1px solid;
border-left:#ffcc00 1px solid;
padding:0 5px 0 5px;
}
#bloc-orange {
background:url(../images/bg-bloc-orange-bottom.png) bottom no-repeat;
}
#bloc-orange H2 {
background:url(../images/bg-bloc-orange-top.png) no-repeat;
}
#bloc-orange div.texte {
background-color:#fff0e5;
border-right:#ff6600 1px solid;
border-left:#ff6600 1px solid;
padding:0 5px 0 5px;
}
#bloc-vert {
background:url(../images/bg-bloc-vert-bottom.png) bottom no-repeat;
}
#bloc-vert H2 {
background:url(../images/bg-bloc-vert-top.png) no-repeat;
}
#bloc-vert div.texte {
background-color:#eef7d3;
border-right:#99cc00 1px solid;
border-left:#99cc00 1px solid;
padding:0 5px 0 5px;
}
#bloc-violet {
background:url(../images/bg-bloc-violet-bottom.png) bottom no-repeat;
}
#bloc-violet H2 {
background:url(../images/bg-bloc-violet-top.png) no-repeat;
}
#bloc-violet div.texte {
background-color:#fdeaf7;
border-right:#990066 1px solid;
border-left:#990066 1px solid;
padding:0 5px 0 5px;
}
#bloc-rouge {
background:url(../images/bg-bloc-rouge-bottom.png) bottom no-repeat;
}
#bloc-rouge H2 {
background:url(../images/bg-bloc-rouge-top.png) no-repeat;
}
#bloc-rouge div.texte {
background-color:#ffefef;
border-right:#cc0000 1px solid;
border-left:#cc0000 1px solid;
padding:0 5px 0 5px;
}
#bloc-bleu P, #bloc-jaune P, #bloc-orange P, #bloc-vert P, #bloc-violet P, #bloc-rouge P {
margin:0;
padding:0;
}

#blocs-left, #blocs-right {
margin:15px 15px 10px 25px !important;
margin:15px 25px 5px 10px;
width:222px;
float:left;
}
div.link {
margin-top:5px;
padding-top:3px;
border-top:solid 1px #cccccc;
}

.bloc .pict {
	float : right;
	margin-left : 10px;
	text-align : center;
}
DIV.zoom {
	margin-left : 15px !important;
	margin-top : 5px;
	margin-bottom : 10px;
	background : url(../images/picto_zoom.png) no-repeat left;
	width : 90px;
}
#conexzone {
	width:240px !important;
	width:235px;
	float:right;
	clear:both;
	margin-bottom : 10px;
	border-left : 1px solid #ccc;
	padding-left:0px !important;
	padding-left:10px;
}
#conexzone H2 {
	width : 225px !important;
	width : 230px;
	height : 25px;
	background-color : #00baff;
	font-family : "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size : 16px;
	font-weight : bold;
	text-align : right;
	padding-right : 5px;
	color : #ffffff;
	line-height : 25px;
	float : right;
	margin-bottom : 5px;
	margin-top : 0;
	letter-spacing : -1px;
	text-transform : uppercase;
}
#conexzone H3 {
	display:block;
	font-family : "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-transform : uppercase;
	font-size : 12px;
	font-weight : bold;
	text-align : left;
	padding : 0 0 0 10px !important;
	padding : 0 0 0 0px;
	margin : 0 0 5px 0;
	color : #333333;
	line-height : 25px;
}
#conexzone H3 A {
	color : #333333;
	text-decoration:none;
}
#conexzone .text {
	margin-left : 10px !important;
	margin-left : 0px;
	margin-bottom : 10px;
	margin-right : 5px;
}
#conexzone .more {
	margin-left : 20px !important;
	margin-left : 10px;
	margin-top : 10px;
	background : #ffffff url(../images/btn_more.png) no-repeat left;
	padding-left : 15px;
	margin-bottom : 20px;
}
#conexzone .morerss {
	margin-left : 0px;
	margin-top : 10px;
	background : #ffffff url(../images/btn_more.png) no-repeat left;
	padding-left : 15px;
}
#conexzone .thumb {
	float : right;
	margin-left : 5px;
}
#conexzone .thumb IMG {
	padding : 0;
}
#navig {
	clear : both;
	margin-left : 25px;
	margin-top : 15px;
	padding-bottom : 25px;
	padding-top : 5px;
	border-top : 1px dashed #333333;
}
.prev {
	float : left;
	text-align : left;
	background : #ffffff url(../images/picto_prev.png) no-repeat left;
	padding-left : 15px;
	width : 220px;
}
.next {
	float : right;
	text-align : right;
	background : #ffffff url(../images/picto_next.png) no-repeat right;
	padding-right : 15px;
	margin-right : 5px;
	width : 220px;
}
#footer {
	text-align : center;
	width : 950px;
}
#footer DIV {
	width : 900px;
	border-top : 1px solid #333;
	text-align : center;
}
#footer TABLE {
	width : 950px;
	margin : 0;
	padding : 0;
}
#footer TABLE TR {
	vertical-align : middle;
	margin-top : 15px;
}
#footer TABLE TD {
	text-align : center;
	text-transform : uppercase;
}
#pathway{
	margin-top : 5px;
	color : #666666;
	padding-bottom : 5px;
	border-bottom : 1px dashed #666666;
	font-size:10px;
}
#citation {
	font-family : "Trebuchet MS", Arial, Helvetica, sans-serif;
	padding-top : 15px;
	padding-left : 5px;
	text-align : left;
}
#citation .text {
	width : 140px;
	font-size : 14px;
}
#citation .auteur {
	width : 120px;
	font-size : 14px;
	font-weight : bold;
	margin-top : 5px;
}
#citation .source {
	width : 120px;
	font-size : 12px;
	font-style : italic;
	font-weight : normal;
	margin-top : 5px;
}
TABLE.competitions {
	width : 100%;
}
TABLE.competitions TR {
	vertical-align : top;
}
div.dailymotion {
	clear:both;
}

#banner {
	margin-top:10px;
	margin-left:30px !important;
}

div.note {
	margin: 10px 0px 10px 0px;
	padding: 5px 10px 5px 10px;
	border: 1px solid #dcdcdc;
	background: #f0f0f0;
	text-align:justify;
}
div.source {
	margin: 10px 0px 10px 0px;
	padding: 7px 10px 7px 35px;
	border: 1px solid #dcdcdc;
	background: #f0f0f0 url(../images/div_download.png) 3px 3px no-repeat;
	text-align:justify;
}
div.info {
	margin: 10px 0px 10px 0px;
	padding: 7px 10px 7px 35px;
	border: 1px solid #dcdcdc;
	background: #f0f0f0 url(../images/div_info.png) 3px 3px no-repeat;
	text-align:justify;
}
div.tip {
	margin: 10px 0px 10px 0px;
	padding: 7px 10px 7px 35px;
	border: 1px solid #dcdcdc;
	background: #f0f0f0 url(../images/div_tip.png) 3px 3px no-repeat;
	text-align:justify;
}
div.thumb-video, #video_actu.thumb {
	float : right;
	margin-left:10px;
	padding-right:0px !important;
	padding-right:20px;
	width:248px !important;
	width:228px;
	height:188px;
	background:url(../images/bg-videos.jpg) no-repeat;
	text-align:center !important;
	vertical-align:top;
}


/*Sample CSS to style the two tickers in the demo*/

.voileclass{
margin-left:5px !important;
margin-left:0px;
margin-right:5px !important;
margin-right:10px;
font-size:11px;
padding: 5px !important;
padding: 0px;
border: 0px solid #000000;
margin-bottom: 1em;
text-align:justify;
opacity: 0.8; /*Specify fade effect in Firefox. Remove if desired.*/
}

.voileclass a{
text-decoration: none;
}

.rsstitle{ /*shared class for all title elements in an RSS feed*/
font-weight: bold;
}

.rssdate{ /*shared class for all date elements in an RSS feed*/
color:#999999;
font-size: 85%;
margin-bottom:5px;
}

.rssdescription{ /*shared class for all description elements in an RSS feed*/
}

/* ESPACES - MENU */
#espaces {
width:355px;
height:130px;
background:url(../images/bg-header-public-04.jpg) no-repeat;
}
#espaces A {
color:#ffffff;
text-decoration:none;
}
#espace-public A:hover {
color:rgb(51, 153, 255);
text-decoration:none;
}
#espace-peda A:hover {
color:rgb(255, 102, 0);
text-decoration:none;
}
#espace-pro A:hover {
color:rgb(0, 153, 0);
text-decoration:none;
}
#espaces A img {
border:none !important;
text-decoration:none !important;
}
#espace-public {
margin-top:35px !important;
margin-left:4px !important;
margin-top:35px;
margin-left:4px;
width:100px;
text-align:center;
float:left;
}
#espace-peda {
margin-top:42px !important;
margin-left:-1px !important;
margin-top:41px;
margin-left:3px;
width:100px;
text-align:center;
float:left;
}
#espace-pro {
margin-top:13px !important;
margin-left:-2px !important;
margin-top:11px;
margin-left:-4px;
width:100px;
text-align:center;
float:left;
}
#espaces h1 {
background:none;
font-size:9px;
color:#ffffff;
font-weight:bold;
text-transform:uppercase;
line-height:10px;
margin:0;
padding:0;
letter-spacing:0px;
}
#espaces a.active {
color:rgb(51, 153, 255);
}
#menu {
background:url(../images/bg-menu-public.jpg) no-repeat;
width:255px;
height:330px;
}
#menu1, #menu2, #menu3, #menu4, #menu5, #menu6 {
font-family:'Trebuchet MS', Arial, Helvetica, sans-serif;
font-size:11px;
text-transform:uppercase;
color:#ffffff;
font-weight:bolder;
background:url(../images/menu-arrow.gif) no-repeat left;
padding-left:10px;
line-height:15px;
margin-top:15px;
}
#menu1 {
margin-top:115px;
margin-left:65px;
width:130px;
}
#menu2 {
margin-left:50px;
width:140px;
}
#menu3 {
margin-left:40px;
width:150px;
}
#menu4 {
margin-left:40px;
width:160px;
}
#menu5 {
margin-left:45px;
width:140px;
}
#menu6 {
margin-left:60px;
width:100px;
}
#menu1 a, #menu2 a, #menu3 a, #menu4 a, #menu5 a, #menu6 a {
color:#ffffff;
text-decoration:none;
}
#menu1 a:hover, #menu2 a:hover, #menu3 a:hover, #menu4 a:hover, #menu5 a:hover, #menu6 a:hover {
color:#000000;
text-decoration:none;
}

/* PEDAGOGIE */
#content h1 {
	background-color:#FF9900;
}
#right h2 {
	background-color:#FF9900;
}
#left h2 {
	width : 100% !important;
	height : 25px;
	background-color : #FF9900 !important;
	font-family : "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size : 16px;
	font-weight : bold;
	text-align : left;
	padding-left : 5px;
	color : #ffffff;
	line-height : 25px;
	float : left;
	margin-bottom : 5px;
	margin-top : 0;
	letter-spacing : -1px;
	text-transform : uppercase;
}
#bouee {
	background:#FFFFFF url(../images/bouee_bg-peda.jpg) top no-repeat;
}
#menu {
background:url(/images/bg-menu-peda.jpg) no-repeat;
width:255px;
height:330px;
}

#espaces a.active {
color:rgb(255, 102, 0);
}