body {	
	background-color: #C8C8C8;
		font-family: arial;	
	text-decoration: none;
	font-size: 12px;
	margin-top:0px;
	padding-top:0px;
	}

a {	
	color:black;	
	font-family: arial;	
	text-decoration: none;
	font-size: 12px;		
}

a:hover {	
	color: #CC0000;
	font-family: arial;	
	text-decoration: none ;
	font-size: 12px;		
	}

div#bandeau {
	width:765px;
	height:100px;
	/*background-image: url(img/top.gif); */
	background-color:#C8C8C8;
	}
	
div#menutop {
	/*background-color:#800000*/;
	float:right;
	margin-top:50px;
	width:377px;
	padding:10px;	}

div#logo {
	float:left;
	margin-top:0px;
	margin-left:0px;
	}

.pub {
margin-top:15px;
	}

.pub2 {
float:left;
padding:0px;
margin:0px;
width:199px;
overflow:hidden;
margin-top:15px;
	}

div#centre {
	width:765px;
	background-color:#FFFFFF;
	height:600px;
	webkit-border-radius:10px;
	}

div#contenu {
	float:left;
	width:544px;
	background-color:#FFFFFF;
	overflow:inherit;
	text-align:justify;
	padding-top:0px;
	padding-left:8px;
	padding-right:14px;
	padding-bottom:4px;
	
	}
	
div#menu {

	float:right;
	width:199px;
	background-color:#EFEFEF;
	}

div#menuhaut {
	float:left;
	width:179px;
	background-color:#EFEFEF;
	color:#000000;
	padding-left:20px;
	}
	
div#menuhaut a{
	font-size:10px;
	color:#000000;

	}

.m10 {color:white;
	  text-decoration:none;
	  font-family:arial;
      font-size:11px;
	  width:66px;
	  float:right;
	  text-align:center;
	  margin:0px;
	  margin-right:2px;
	  margin-bottom:5px;
	  margin-top:30px;
	  margin-left:8px;
	  padding:0px;	
	  }
	  
	 .m10 a{
	 padding:0px;	
	 color:#000000;
	 text-decoration:none;
      font-size:12px;
	 }
	 
	 .m10 a:hover{
	 padding:0px;	 
	 color:#CC0000;
	 }


div#menuhaut a:hover{
	background-color:#CC0000;
	color:#FFFFFF;
	padding:3px;
}	

.une {
	float:left;
	background-color:#CC0000;
	color:#FFFFFF;
	font-weight:bold;
	float:left;
	width:189px;
	padding:5px;
	margin-top:5px;
	margin-bottom:3px;
	font-size:10px;
	}
	
.une a{
	font-size:10px;
	font-weight:bold;
	color:#FFFFFF;
	}

.une a:hover{
	font-weight:bold;
	background-color:#CC0000;
	color:#FFFFFF;
}

.txtmen {
margin-top:3px;
padding-bottom:2px;
	border-width:thin;
	border-bottom-style:dashed;
	border-bottom-color:#CCCCCC;
	border-bottom-width:thin;
}

.txtmen2 {
color:#666666;
padding-bottom:10px;
padding-top:5px;
	border-width:thin;
	border-bottom-style:solid;
	border-bottom-color:#CCCCCC;
	border-bottom-width:thin;
}

.txtmen2:hover {
background-color:#CCCCCC;
}

.txtmen2:first-letter {
color:#CC0000;
font-size:14px;
}

.txtmen3 {

color:#666666;
padding-left:15px;
padding:5px;
}



div#menubas {

	float:right;
	width:199px;
	height:123px;
	background-image: url(img/ecole.jpg); 
/*	border-top-style:solid;
	border-top-color:#666666;
	border-width:thin;*/
	}

div#piedpage {
	width:765px;
	height:20px;
	padding-top:3px;
	background-color:#CC0000;
	clear:both;
	}

.undd {
background-color:#EFEEE0;
padding:5px;
padding-bottom:15px;
	border-width:thin;
	}
	
.titrarticle {
	color:#000EAF;	
	font-family:Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-size: 23px;
	height:120px;
}

.titrarticle:hover {
	color:black;	
	font-family: arial;	
	text-decoration: none;
	font-size: 23px;
}

.cssform p{
width: 500px;
clear: left;
margin: 0;
padding: 5px 0 8px 0;
padding-left: 155px; /*width of left column containing the label elements*/
height: 1%;
}

.cssform label{
font-weight: bold;
float: left;
margin-left: -155px; /*width of left column*/
width: 150px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

.cssform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
width: 280px;
}

.cssform input[type="password"]{ /*width of text boxes. IE6 does not understand this attribute*/
width: 280px;
}

.cssform textarea{
width: 280px;
height: 150px;
font-family:Arial, Helvetica, sans-serif;
}


.admen{
text-align:left;
float: left;
width: 700px;
height:40px;
margin-top:10px;
margin-bottom:30px;
	border-width:thin;
	border-bottom-style:dashed;
}

.icon{
font-weight: bold;
	padding-left:2px;
float: left;
width: 32px;}

.icontext{
text-align:left;
font-size:16px;
margin-top:10px;
	padding-top:0px;
	padding-left:5px;
	padding-right:0px;
	padding-bottom:0px;
}

.icontext2{
width:150px;
height:32px;
text-align:left;
font-size:16px;
margin-top:10px;
	padding-top:0px;
	padding-left:5px;
	padding-right:0px;
	padding-bottom:0px;
	float:left;
}

.pressource {
margin-top:10px;
font:"Times New Roman", Times, serif;
font-size:9px;
color:#0099FF;
}

.pressource a{
font:"Times New Roman", Times, serif;
text-transform:capitalize;
font-size:9px;
}

.prestitre {
font-family:Helvetica, sans-serif;
font-size:16px;
font-weight:bold;
text-align:left;
}

.prestitre a{
font-family:Helvetica, sans-serif;
font-size:16px;
font-weight:bold;
text-align:left;
}

.presdes {
color:#333333;
border-width:thin;
border-bottom-style:dotted;
border-bottom-color:#999999;
padding-bottom:10px;
}

.presdes a{
color:#333333;
padding-bottom:0px;
}


div#diplome {

	float:right;
	width:200px;
	height:200px;
	background-image: url(img/diplome.jpg);
	border-style:solid;
	border-width:thin;
	border-top-color:#663300;
	}
div#homework {

	float:right;
	width:200px;
	height:200px;
	background-image: url(img/homework.jpg);
	margin-left:10px;
	margin-top:10px;
	border-style:solid;
	border-width:thin;
	border-top-color:#663300;
	}
div#prof {

	float:right;
	width:200px;
	height:200px;
	background-image: url(img/prof.jpg);
	margin-top:10px;
	margin-bottom:10px;
	margin-left:10px;
	border-style:solid;
	border-width:thin;
	border-top-color:#663300;
	}
	
div#etudiant {
	float:right;
	width:200px;
	height:200px;
	background-image: url(img/etudiant.jpg);
	margin-left:10px;
	border-style:solid;
	border-width:thin;
	border-top-color:#663300;
	}

div#etudiante {
	float:right;
	width:200px;
	height:250px;
	background-image: url(img/etudiante.jpg);
	margin-left:10px;
	}

div#dico {
	float:right;
	width:250px;
	height:146px;
	background-image: url(img/dico.jpg);
	margin-left:10px;
		}

h1 {
font-size:18px;
font-weight:bold;
color:#5F5847;
font-family:arial;
text-align:left;
} 

h2 {
font-size:15px;
color: black;
font-family:arial;
} 

.h12 {
background-color:#000000;
color:#00FF00;
font-size:17px;
font-family:Verdana, Arial, Helvetica, sans-serif;
margin:10px;
padding:10px;
border-color:#009900;
border-style:solid;
border-width:medium;
}

.mod1{
width:250px;
float:left;

}

.mod2{
background-color:#F0F0F6;
width:710px;
padding:10px;
padding-top:2px;
padding-bottom:14px;
color:#CC0000;
border-bottom-style:dotted;
border-left-style:dotted;
border-left-width:thin;
border-bottom-width:thin;
margin-bottom:20px;
}

.twitter {
background-image:url(img/twitter6.png);
background-repeat: no-repeat;
margin-left:5px;
padding-top:11px;
padding-left:32px;
height:23px; 
float:left;
width:196px;
text-align:left;
}

.twitter a{
padding:5px;
color:#333333;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:bold;
}

.publications {
background-image:url(img/anc-pub.png);
background-repeat: no-repeat;
margin-left:5px;
margin-top:20px;
padding-top:5px;
padding-left:40px;
height:38px; 
float:left;
text-align:left;
}

.publications a{
color:#CC0000;
font-size:16px;
font-weight:bold;
}

.video {
background-image:url(img/video.png);
background-repeat: no-repeat;
height:60px; 
float:right;
width:60px;
margin-bottom:20px;
}

.facebook {
background-image:url(img/facebook3.png);
background-repeat: no-repeat;
margin-left:5px;
padding-top:11px;
padding-left:32px;
height:23px; 
float:left;
width:196px;
text-align:left;
}

.facebook a{
padding:5px;
color:#333333;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:bold;
}

.sommaire {
background-image:url(../img/toptop.gif); 
padding-top:8px;
height:21px;
}

.sommaire a{
color:#EFEFEF;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:bold;
}

.twitter2 {
padding:2px;
padding-left:15px;
height:72px; 
float:left;
}

.mini {

	float:left;
	width:50px;
	height:50px;
	margin-top:10px;
	margin-right:10px;
	border-style:solid;
	border-width:thin;
	border-top-color:#663300;
	}

.news {
width:550px;
	}
	
.illus {
overflow:hidden;
height:70px;
width:150px;
float:left;
}