/* styles importes
----------------------------------------------- */
@import url(../style/navig.css);

/* Fin styles importes */

* {margin:0;padding:0}

html, body{
	height : 100%;
}

body{
/*background-color:#f0f8e6;*/
background-color:white;
font-family: Arial, Helvetica, sans-serif;	
font-size: 11px;	
color:#000000;
text-align:center;
}
#content{
width:600px;
}
/*attributs utilisés par le formulaire*/ 
.bg3{ background-color: #fff; font-size: 11px; color :#000000; padding:3px;}
.bg1{background-color: #ffffff; font-size: 11px;padding:3px;}
.bg2{ color: Black;  font-size: 11px; background-color: #ffffff;padding:3px;}
/*attributs utilisés par le formulaire*/ 

a{ font-family: Arial, Helvetica, sans-serif; font-size: 13px;color: #0033F4; }
a:hover{ font-family: Arial, Helvetica, sans-serif; font-size: 13px;color: #333399; }
a:visited{ font-family: Arial, Helvetica, sans-serif;	font-size: 13px;color: #4692FF; }

h1{	
font-family: "Trebuchet MS", Arial, Verdana, Helvetica, sans-serif;	
font-size: 16px;	
color: #483D8B;
text-transform:uppercase;
text-align:center;
margin-bottom:20px;
}
h2{	font-size: 19px;}
h3{	font-size: 17px;}
h4{	font-size: 15px;}
h5{	font-size: 14px;}
h6{	font-size: 14px;}

hr{
visibility: hidden; clear: both;
}
.bordtabge{ border: 2px solid #DC143C;}

#container{
position: relative;
width:766px;
margin:0 auto ;
text-align: center;
border:1px solid #e6e7f8;
background-image: url(../images/miss_eco.png);
background-position:bottom right;
background-color:#ffffff;
background-repeat: no-repeat;

/* permet de fixer une hauteur mini sur les navigateurs modernes */
min-height:100%;
/* pour obtenir le meme effet sur IE, sachant que si le contenu depasse, il
"poussera" la hauteur en ne respectant pas la norme. On se joue de ses lacunes*/
height:100%;
}
/* pour retablir le mauvais effet sur les nav. modernes */
html>body #container{
height:auto;
}

#header{
background-image: url(../images/logo_haut.gif);
background-position: top left;
background-repeat: no-repeat;
background-color: #EA2D8D;
height:75px;
width:100%;
float:left;
}
#content{
width:100%;
}
#preamble{
background-color:#ffffff;
width:515px;
float:left;
margin-top:25px;
margin-left:25px;
display:inline;/* elimine le bug de double marge dans IE */
}
#preamble p {
font-family: Arial, Verdana, Helvetica, sans-serif;	
font-size: 13px;	
color:black;
text-align:justify;
line-height:24px;
margin-left:20px;
margin-right:20px;
} 
#preamble ul{
list-style-type: square;
font-family: Arial, Verdana, Helvetica, sans-serif;	
font-size: 13px;	
text-align:justify;
line-height:24px;
color:#000000;
background-color: #f4f4f4;
margin-left:20px;
margin-right:20px;
padding:5px;
}
#preamble li{ margin-left:25px;}
#preamble ul li span{color:#ffcc00;}
.ared{color : Red;}
.txtimp{color:#ffcc00;}

#contact{
background-color:white;
margin-top:25px;
margin-left:25px;
float:left;
width:515px;
display:inline;/* elimine le bug de double marge dans IE */
height:900px;
}
#contact p{
font-family: Arial, Verdana, Helvetica, sans-serif;	
font-size: 15px;
color: #000000;
line-height:24px;
text-align:center;
margin-left:20px;
margin-right:20px;
}
.chk{
font-weight:bold;
color:#EA2D8D;
font-size:20px;
}
.coord{
font-weight : bold;
}
#pro{
background-color:white;
margin-top:25px;
margin-left:25px;
float:left;
width:515px;
display:inline;/* elimine le bug de double marge dans IE */
}
#pro p{
font-family: Arial, Verdana, Helvetica, sans-serif;	
font-size: 13px;
color: #000000;
line-height:24px;
text-align:justify;
margin-left:20px;
margin-right:20px;
}
#pro p span{
color:#EA2D8D;
font-weight:bold;
}
.sstitre{
font-family: Arial, Verdana, Helvetica, sans-serif;	
font-size: 13px;	
color:black;
font-weight:bold;
border-bottom:1px dotted #000000;
}
.bimg{margin:5px;}

#pdp{
position:absolute;
width:766px;
text-align:center;
background-color: #f0f8e6;
margin:auto;
bottom:0;
 }
#prof{
background-color:white;
margin-top:25px;
margin-left:25px;
float:left;
width:515px;
display:inline;/* elimine le bug de double marge dans IE */
}
#prof p{
font-family: Arial, Verdana, Helvetica, sans-serif;	
font-size: 12px;
color: #000000;
line-height:24px;
text-align:justify;
margin-left:20px;
margin-right:20px;
}
#prof p span{
color:#EA2D8D;
font-weight:bold;
}
#comite{
background-color:white;
margin-top:25px;
margin-left:25px;
float:left;
width:515px;
display:inline;/* elimine le bug de double marge dans IE */
}
#comite p{
font-family: Arial, Verdana, Helvetica, sans-serif;	
font-size: 12px;
color: #000000;
line-height:24px;
text-align:justify;
margin-left:20px;
margin-right:20px;
}
#comite p span{
color:#EA2D8D;
font-weight:bold;
}

#accueil{
background-color:white;
margin-top:25px;
margin-left:25px;
float:left;
width:515px;
display:inline;/* elimine le bug de double marge dans IE */
}
.txtge_acc{
font-family: Arial, Verdana, Helvetica, sans-serif;	
font-size: 13px;
color: #000000;
line-height:24px;
text-align:justify ;
margin-left:20px;
margin-right:20px;
}
.tacc{
font-family: Verdana, Arial, Helvetica, sans-serif;	
font-size: 22px;
color: #EA2D8D;
line-height:34px;
text-align:center;
}
.ouvert{
font-family: Verdana, Arial, Helvetica, sans-serif;	
font-size: 20px;
color: #483D8B;
text-align:center;
}
#salarie{
background-color:white;
margin-top:25px;
margin-left:25px;
float:left;
width:515px;
display:inline;/* elimine le bug de double marge dans IE */
}
#salarie p{
font-family: Arial, Verdana, Helvetica, sans-serif;	
font-size: 12px;
color: #000000;
line-height:24px;
text-align:justify;
margin-left:20px;
margin-right:20px;
}
#salarie p span{
color:#EA2D8D;
font-weight:bold;
}
#if{
background-color: white;
float:left;
width:515px;
display:inline;/* elimine le bug de double marge dans IE */
}