* { padding: 0; margin: 0; }

html { height: 101%; }
 
body {
color: white;
background:#404047;
font-family:, Verdana, Arial, Helvetica, sans-serif;  
font-size: small;
cursor:url(images/cur/crayon.cur),default;
}

img.centre{
display:block;
clear:both;
padding:10px;
text-align:center;
margin-left:auto;
margin-right:auto;
border:0;
}

img{
text-align:center;
border:0;}

#icone{
padding-left:2em;
text-align:center;
border-color:white;
background-color:white;
border:0;

}
.nb
{text-align:center;
font-style:italic;


}

#bandeau {

  color: white; 
  text-align:right;
  background-color: #1d1c6a;
  background-image:url(images/bandeauphoto.jpg);
  background-position: top left;
	height:130px;  
	padding-top: 10px;
	padding-right: 20px; 
	padding-bottom:0px; 
	padding-left: 20px;
	margin-top:-10px;
}
    #bandeau img {
      background-color: white;
      padding: 3px;
      border: 1px solid #d9d9d9;
    }
	
    #bandeau p {
	position:absolute;
	top :25px;
	left: 50;
	      
	      margin-bottom: 0;
	    }
#zone_de_navigation{
color:#2c2626; 
  text-align: right;
  font-size:70%;
  font-family:verdana,arial,Comic Sans MS,sans-serif;
  font-weight:bold;
  background-image: url(images/bandeau2.jpg);
  background-repeat: repeat-y;
  background-position: top left;
  padding: 4px 0px 4px 0px; 
  border-bottom: 1px solid #1d1c6a;
} 
	#zone_de_navigation ul {
	    margin-bottom: 0;
	  }
    #zone_de_navigation li {
      display: inline; 
      list-style-type: none;
      margin: 0 ; 
    }
    #zone_de_navigation a { 
      color: black; 
    background-color: #cdcde8;
	background-image: url(images/gris.jpg);	  
	    padding: 4px 8px 4px 8px; 
	    border: 1px solid #edecbb;
    }
    #zone_de_navigation a:hover{/* survol*/
	color: white;
	text-decoration:none;
	background-image: url(images/metaltitrepetit.jpg);
	padding-bottom: 6px; /* un pixel de plus qu'en haut */ 
	border-bottom: none;} 
	
    
    #page_accueil #navi01 a
     
    {
	    text-decoration: none; /* soulignement désactivé */ 
	    color: white; 
		background-image: url(images/bleunav.jpg);
	    padding-bottom: 6px; /* un pixel de plus qu'en haut */ 
	    border-bottom: none; /* ligne de cadre inférieure désactivée */ 
	  }
    #zone_de_navigation a:active { background-color: white; }
	
}
.menu {
	
	background-image: url(images/bleu3.jpg);
	font-size:75%;
	color:#990099;
	font-family:verdana,arial,Comic Sans MS,sans-serif;
	font-weight:normal;
	padding: 7px 6px 6px 7px;
	border: 1px solid #edecbb;
	border-bottom: none;
	text-align:center;
	}

#menu {
	
	background-image: url(images/bleu3.jpg);
	font-size:75%;
	color:#990099;
	font-family:verdana,arial,Comic Sans MS,sans-serif;
	font-weight:normal;
	padding: 7px 6px 6px 7px;
	border: 1px solid #edecbb;
	border-bottom: none;
	text-align:center;
	}


#menu  img
{margin-top:-4px;
}
	
#menu a
	{padding-left: 3px;
	padding-right: 4px;	
	color:white;}
#menu a:hover{color:#ffffff;font-weight:bold;}
#menu a:visited{color:#93bfdb;}

#wrapper {
  color: black;
  background:url(images/carreaux.gif);
  width: 900px;
  margin-top: 10px;
  margin-right: auto;
  margin-left: auto;
  margin-bottom:10px;}
  
#zone_de_texte { 
clear:both;
  padding-top:20px ;
  padding-right:10px; 
  padding-bottom:20px;
  padding-left: 10px; 
}
#menucool h3 { 
clear:both;
padding: 10px; 
}
/* deux colonnes*/ 
#zone_de_texte1 
{
float:left;
width:364px; 
padding-top:20px ;
padding-right: 10px;   
padding-bottom:20px;
padding-left: 30px;
margin-left: 20px;
margin-top: 20px;
margin-bottom:10px;

}
#zone_de_texte1 object{
position:relative;
width:300px;
height:400px;
border-width: 2px;
border-color:black;
border-style:solid;
overflow:auto;}


#zone_de_texte2

{ width:364px; 
float:right; 
  padding-top: 20px ;
  padding-right: 10px; 
  padding-bottom: 20px;
  padding-left: 30px;
  margin-right: 20px;
  margin-top: 20px;
  margin-bottom:10px;
border-left: 2px solid #edecbb;
}

#zone_de_texte2 object{
position:relative;
width:300px;
height:400px;
border-width: 2px;
border-color:black;
border-style:solid;
overflow:auto;}

#zone_de_texte_bleu1
{
float:left;
width:420px; 
padding-top:20px ;
padding-right: 5px;   
padding-bottom:20px;
padding-left: 5px;
margin-left: 5px;
margin-top: 20px;
margin-bottom:10px;

}
#zone_de_texte_bleu2
{
float:right;
width:420px; 
padding-top:20px ;
padding-right: 10px;   
padding-bottom:20px;
padding-left: 5px;
margin-left: 5px;
margin-top: 20px;
margin-bottom:10px;


}
/* trois colonnes*/ 
#zone_de_texte_gauche
{ 
  float:left;
  width:22.3%;
  padding-top:10px;
margin-bottom:10px;
 text-align : center;
 border-right: 2px solid #91b7de;


}

#zone_de_texte_gauche h3 
{ font-size: 110%;
margin-left: 0.5em;
margin-right: 0.75em;
padding:0.2em;
text-align:left;
background: url(images/metaltitrepetit.jpg);
background-image: url(images/metaltitrepetit.jpg);}

#zone_de_texte_centre
{ 
  float:left;
  width:45%;
color: black;
margin-left: 1%;
margin-right: 1%;
  margin-bottom:10px; 
  text-align:justify;
}
#zone_de_texte_centre h3
{ 
  padding:0.55em;
  background: url(images/metaltitre.jpg);
background-image: url(images/metaltitre.jpg);
}

/* deux colonnes asymetrique*/ 
#zone_de_texte_gauche1
{ 
  float:left;
  width:64%;
  padding-top:10px;
  margin-left:20px;
margin-bottom:10px;
 text-align:justify;
 }
 


#zone_de_texte_droite
{ 
float:right;
  width: 28%;
  margin-bottom:10px;
  padding:10px;
 


}
.frame {
margin-right:15px;
width: auto;
height: 160px;
overflow:auto; /*  le scroll de ce bloc */



}
#frame {
margin-right:15px;
width: auto;
height: 140px;
overflow:auto; /*  le scroll de ce bloc */


}
#box{
background-image:url(images/milieu.gif);
background-repeat:repeat-y;
margin-top:-15px;
}
#box  h3 
{ font-size: 130%;

margin-left: 0.5em;

margin-right: 0.75em;
background: url(images/cremetitre.jpg);
background-image: url(images/cremetitre.jpg);}

#corps{
background-image:url(images/milieu_bleu.gif);
color:#ffffff;
margin-left:1px;
background-repeat:repeat-y;
margin-top:-16px;
/*spécial FF arg la compatibilité semble ignoré par IE 7*/
padding-bottom:15px;
}
#corps a:link {color: #ffffff;}
#corps a:hover{color:#ffffff;font-weight:bold;}
#corps a:visited{color:#f1efd0;}
#corps b{color:#e5dea5;}
#corps ul{list-style-image:url(images/puce10.png);}

#pied_de_page {
	clear:both;
	/*réglage largeur badeau*/
  padding: 10px;
    margin-top: 3em ;
  margin-bottom: 0.5em ;
  margin-right: 2em ;
  margin-left: 2em ;
  border-top: 1px solid #8c8c8c; 
  
}
.symbole {font-family:"wingdings"; font-size:10pt}
.hommes {font-family:"wingdings"; font-size:10pt; color:navy; text-align:right}
.femmes {font-family:"wingdings"; font-size:10pt; color:red ; text-align:left }
.annee  {text-align:center}
.etroit {text-align:center;font-family:'arial narrow';font-size:9pt}
.dap    {text-align:center;background-color:#00FFFF}
.dac    {text-align:center;background-color:#FF00FF}
.fiche  {text-align:center;background-color:#FFFF00}
.divers {text-align:center;background-color:#00FF00}
.neutre {text-align:center}
.st     {font-style:italic}
.important{color:red;}
dt                {font-weight:bold}
dd                {margin-bottom:10pt;}

h1 { font-size: 140%;text-align:center;margin: 1em; }
h2 { font-size: 130%; margin: 1em;}  
h3 { font-size: 125%; 
margin: 0.5em;
padding:0.2em;
background: url(images/metaltitre.jpg);
background-image: url(images/metaltitre.jpg);}
h3: img{
border:20px;
border-color:pink;
}
h4 { font-size: 110%; margin-bottom: 1em;margin-top: 1em; text-align:center;}
h5{ margin:1em;font-size: 105%;color:#2c2c6f;}
h6 { font-size: 78%;color:#ededc6;padding-left: 140px;text-align:left;}
strong { color: #4e9b88; }

object{
clear:both;
position:relative;
width:845px;
height:700px;
border-width: 2px;
border-color:black;
border-style:solid;
overflow:auto;

}
#video object{ 
clear:both;
width:352px;
height:288px;

position:relative;
 border-width: 30px;
border-color:#8eabd7;
border-style:solid;
overflow:auto;
}

table{

padding:20px;
text-align:center;
margin-left:auto;
margin-right:auto;
border-color :#1d1c6a;
background-color :#d8d4ea;
border-width:2px;
border-style:double;
border-collapse:separate;
caption-side:top;}

hr
{width: 90%;
color:#cdcc82;
background-color:#cdcc82;
height: 2px;
 margin-top: -0.6em ;
  margin-bottom: 0.6em ;
  margin-right: 0 em ;
  margin-left: 2em ; }
  
div.hr {
  height: 15px;
  background: #fff url(images/ww.jpg) no-repeat scroll center;
  background-repeat:repeat-x;
}
div.hr hr {
  display: none;
}

a { text-decoration: none;
 outline: none;
cursor:url(images/cur/Hand.cur),pointer; } 
a:link { color: #1515b5;}
a:visited { color: #2b76c3; }
a:hover, a:focus { text-decoration: underline; }
a:active { color: white; background-color: #275f93; }
.skiplink { display: none; }

p{ 
  margin-top: 1em ;
  margin-right: 2em ;
  margin-left: 3em ; 
  text-align:justify;
}
p.centre{
 display:block;
clear:both;
  margin-top: 1em ;
  margin-right: 3em ;
  margin-left: 3em ; 
  text-align:center;
}  


address { text-align: center;font-size: 78%;font-style: normal;letter-spacing: 2px;line-height: 1.5em; }
#pp{ 
  margin-top:1em ;
  margin-right:1em ;
  margin-bottom:1em ;
  margin-left: 5em ; 
}
pp{ 
  margin-top: 1em ;
  margin-right:1em ;
  margin-bottom:1em ;
  margin-left: 5em; 
}
 ul{list-style-image:url(images/puce.gif);
	margin-top:1em ;
  margin-right:1em ;
  margin-bottom:1em ;
  margin-left:3.5em; }
  
ul ul {margin: 0; } 
  
ol  {list-style-image:url(images/puce4.gif); 
  margin-right:2em; 
  margin-left:15em; }
li { 
margin-left:auto;
margin-top:0.6em;
margin-bottom:0.6em;} 
  
  
  

textarea { 
height: 5em;
text-align :center;
font-size: 100%;
margin: 1em; }
textarea:focus {background-color: #d9d9d9;}
#textarea  a:link {color: #ffffff;}
#textarea  a:hover{color:#ffffff;font-weight:bold;}
#textarea  a:visited{color:#f1efd0;}
#textarea b{color:#e5dea5;}
#textarea  ul{list-style-image:url(images/puce10.png);}

/* ============================
   	Le formulaire de contact
	============================*/
#contact p{
	font-size: 130%; 
	margin: 1em;
	text-align:center;
	}
#contact form {
  background-color: #eee;
  color:black;
  margin-top:30px;
  margin-left: 150px;
  margin-right: 150px;
  padding:1px 3px 1px 1px;
  border: 1px solid #8c8c8c;

} 
 
 #contact textarea { 
text-align :left;
font-size: 100%;
margin: 1em; 
height:100px;
width:552px;
}

#contact label { 

display: block;
margin-top:1em; 

} 
/* ============================
   	Le formulaire d'indentification projet dans la barre de titre
	============================*/
#pass, textarea {
  width: 324px;
  border: 1px solid #8c8c8c;
  margin-bottom: 1em;
}