body{
	font-family:Arial;
	background:url(/images/bg.jpg) repeat-x #FFFFFF;
	margin:0;
	padding:0;
}
#Global{
	position:absolute;
	width:954px;
	left:50%;
	margin-left:-477px;
	border-left:3px solid white;
	border-right:3px solid white;
}
#col_gauche{
	float:left;
	width:278px;
}
#col_droit{
	float:left;
	width:676px
}
#logo{
	
}
#header{
	float:left;
	background:url(/images/zone_campus.jpg) no-repeat;
	height:59px;
	width:100%;
	padding-top:105px;
	font-size:16px;
	font-weight:bold;
	color:white;
	font-family:verdana
}
#header a{
	color:white;
	text-decoration:none;
	margin-right:30px;
	margin-left:30px;
}
#headerDemo{
	float:left;
	background:url(/images/demonstrateur.jpg) no-repeat;
	height:59px;
	width:100%;
	padding-top:105px;
	font-size:16px;
	font-weight:bold;
	color:white;
	font-family:verdana
}

#headerDemo a{
	color:white;
	text-decoration:none;
	margin-right:30px;
	margin-left:30px;
}
#menu{
	float:left;
	background:url(/images/menu_quadrille.jpg) no-repeat;
	min-height:565px;
	padding-left:50px;
	padding-right:20px;
	width:208px;
}
#menu h5{
	width:100%;
	float:left;
	clear:both;
	margin:0;
	padding:0;
	padding-top:1em ;
	color:#5dc230;
	font-weight:bold;
	font-size:14px;
}
#menu a{
	float:left;
	width:100%;
	color:#838383;
	clear:both;
	text-decoration:none;
	font-size:12px;
}
#menu a:hover{
	color:#333;
	background-color:#A8E08F;
}

#menu a.zone {
	color:#333;
	/*padding-top:15px;*/
}

#menu a.zone:hover{
	margin:0;
	padding:0px;	
	background-color:#FFFFFF;
}

#menu h5.video_top{
	background:url("/images/video_top_campus.gif") no-repeat;
	width:227px;
	height:15px;	
	margin:0;
	float:left;
	padding:0px;
	border-right:1px solid #5DC230;			
}

#menu h5.video_titre{
	width:226px;
	float:left;
	clear:both;
	padding:0px;	
	padding-bottom:10px;	
	color:#5DC230;
	font-weight:bold;
	font-size:14px;
	background-color:#D1EEC3;
	border-left:1px solid #5DC230;	
	border-right:1px solid #5DC230;		
}
#menu h5.video{
	width:226px;
	float:left;
	clear:both;
	margin:0;
	padding:0;
	padding-top:10px;
	color:#ffffff;
	font-weight:bold;
	font-size:14px;
	background-color:#A8E08F;
	border-left:1px solid #5DC230;	
	border-right:1px solid #5DC230;	
}

#menu a.video{
	width:226px;
	float:left;
	clear:both;
	margin:0;
	padding:0;
	color:#000000;
	text-decoration:none;
	font-size:12px;
	background-color:#A8E08F;
	border-left:1px solid #5DC230;
	border-right:1px solid #5DC230;		
}

#menu h5.video_bottom{
	width:227px;
	height:14px;	
	float:left;
	clear:both;
	clear:both;
	margin:0;
	padding:0;	
	background:url("/images/video_bottom_campus.gif") no-repeat;
	border-right:1px solid #5DC230;				
}

#wrapper{
	float:left;
	background:url(/images/quadrille.jpg) no-repeat;
	min-height:632px;
	width:100%;
}
#content{
	width:642px;
	min-height:800px;	
	border:1px solid #999;
	background-color:#FFFFFF;
	padding:1px;
	color:#292929;
	font-size:12px;
}

#content a{
	color:#333333;
}


#content a.lien:hover{
	color:#333;
	background-color:#A8E08F;
}

#content h1{
	background:#a8e08f;
	padding:0;
	margin:0;
	padding:10px;
	padding-left:30px;
	margin-bottom:2em;
	/*width:602px;*/
	font-size:15px;
	text-transform:uppercase;
	color:white;
}
#content h2{
	padding:0;
	margin:0;
	margin-bottom:1em;
	padding-left:30px;
	color:#5dc230;
	font-size:16px;
}

#content h3{
	padding:0;
	margin:0;
	margin-top:25px;
	margin-bottom:1em;
	padding-left:30px;
	font-size:15px;
	color:#5dc230;
}

#content h4{
	padding:0;
	margin:0;
	margin-top:25px;
	margin-bottom:1em;
	padding-left:30px;
	color:#292929;
	font-size:14px;
}

#content h5{
	padding:0;
	margin:0;
	margin-top:25px;
	margin-bottom:1em;
	padding-left:30px;
	color:#292929;
	font-size:14px;
}

#content h6{
	font-size:9px;
	padding-left:27px;
	color:#b4b4b4;
	margin-top:-20px;
	margin-bottom:5px;
}

#content p{
	padding:30;
	margin:0;
	margin-bottom:1em;
	padding-left:30px;
	padding-right:30px;
}

#content p.GlossaireAlpha a{
	margin-bottom:1em;
	padding-left:3px;
	padding-right:3px;
	color:#015000;
	font-weight:bold;
}

#content ul.ref{
	padding-right:35px;
	/*padding-left:10px;*/
	padding-left:60px;
	margin:0;
	list-style-image:url('/images/flecheUp.jpg');
}

#content ul.description{
	padding-right:35px;
	/*padding-left:10px;*/
	padding-left:30px;
	margin:0;
}

#content ul.description li{
	margin-bottom:5px;
}

#content ul.ssliste{
	padding-right:35px;
	/*padding-left:10px;*/
	padding-left:30px;
	margin:0;
}

#content ul.sslite li{
	margin-bottom:1px;
}
#content ul.table{
	margin-top:0;
	padding-right:0px;
	padding-left:20px;
}

#content ul.table li{
	margin-top:0;
	padding-right:0px;
	padding-left:0px;
}

#content ol.description li{
	margin-bottom:5px;
}

#content ol.description {
	padding-right:45px;
	padding-left:60px;
	margin:0;
}

#content ul {
	padding-right:45px;
	/*padding-left:10px;*/
	padding-left:60px;
	margin:0;
}

#content ul li{
	margin-bottom:1em;
}

#content b.glossaire{
	padding:0;
	margin:0;
	margin-bottom:1em;
	color:#292929;
	font-size:13px;
	padding-left:2px;
	padding-right:2px;
	background:#D5D5D5;
	font-weight:none;
}

#content ol.documentaire{
	padding:10px;
	margin-left:55px;
	margin-bottom:10px;
}

#content ol.documentaire li{
	margin-bottom:10px;
}

#content a.light{
	padding:0;
	margin:0;
	margin-bottom:1em;
	color:#333;
	font-size:12px;
	text-decoration:none;
}

#content a.light:hover{
	background:#A8E08F;
	color:#333333;
}

#content li a{
	padding:0;
	margin:0;
	margin-bottom:1em;
	color:#333;
	font-size:12px;
	text-decoration:underline;
}

#content li a:hover{
	background:#A8E08F;
	color:#333333;
}

#content table{
	padding:0;
	margin:0;
	margin-left:30px;
	margin-right:30px;
	margin-bottom:1em;
	color:#292929;
}


#content td{
	color:#292929;
}

#content td.titre
{
	font-size : 8pt;
	font-weight : bold;
	background-color : #008700;
	color : #FFFFFF;
}


.table_matiere, .table_matiere ol{
	margin:0;
	padding:0;
	list-style:none;
	margin-left:25px;
	margin-top:5px;
	margin-bottom:10px;
}


.content_menu {
	float:left;
	clear:both;
	width:622px;
	padding-left:20px;
	margin-bottom:1em;
}
.content_menu a{
	float:left;
	text-align:center;
	width:120px;
	padding:5px;
	background:#b4b4b4;
	margin-left:2px;
	color:white;
	text-decoration:none;
}

.content_menu a.petit{
	float:left;
	text-align:center;
	width:60px;
	padding:5px;
	background:#b4b4b4;
	margin-left:2px;
	color:white;
	text-decoration:none;
}
.content_menu a:hover, .content_menu .sel{
	background:#838383;
}
.reponse
{
	font-size : 10pt;
	border-style : solid;
	border-color : Black;
	border-width : 1px;
	font-weight : bold;
	background-color : #D1EEC3;
}


#Bottom{
	float:left;
	width:646px;
	text-align:right;
}
#BottomLogo{
	float:left;
	width:646px;
	text-align:right;
}

.clear {
    clear:both;
    height:1px;
    overflow:hidden;
  }