/* Général*/

*,body
{
	margin:0;
	padding:0;
	font-family:arial,verdana,sans-serif;
}

body
{
padding-top:10px;
background-color:#FFFFCC;
}

p{
margin-top:10px;
}

.center
{
 text-align:center;
}

/* */
#conteneur
{
width:900px;
margin:auto;
border:1px solid gray;
background-color:whitesmoke;
}

#entete
{
height:100px;
border:1px solid red;
margin:10px;
background-image:url(../images/eau-ionisee-fond.jpg)
}

#menu
{
width:190px;
float:left;
margin-left:10px;
color:white;
background-color:#000066;
list-style-type:none; /*enlever les puces */
border:1px solid red;
}

#menu li
{
padding-left:5px;
height:30px;
}

#menu li a
{
  padding-left:5px;
  line-height:48px;
  color:white;
  vertical-align: super;
  text-decoration:none; /*enlever le soulignage */
  
}

#menuimg
{
float:left;
margin-left:-155px;
margin-top:260px;
}

#contenu
{
  width:650px;
  font-size:.8em; /*em "0".8 = 80% */
  float:right;
  margin-right:30px;
  text-align:justify;
  }
  
#footer
{
  margin:10px;
  border:1px solid red;
  background-color:#000066;
  height:35px;
  color:#FFFFFF;
}

.clear
{
  clear:both;
}

/*tout ce qui concerne les styles du formulaire contenu */
#lageur1{
width:280px;
background-color:#CCCCCC;
float:left;
padding:10px;
margin-top:20px;
margin-left:20px;
}

#lageur2{
width:310px;
float:right;
padding-right:0px;
margin-top:20px;
} 

#lageur3{
width:320px;
background-color:#CCCCCC;
float:left;
padding:0px;
margin-top:42px;
}

#lageur4{
width:320px;
float:right;
padding-right:0px;
margin-top:40px;
background-color:#CCCCCC;
} 

#lageur5{
width:420px;
float:left;
padding-left:20px;
margin-top:20px;
} 

/* */
/*tout ce qui concerne les styles du formulaire #formdiv */

#formdiv
{
	border:1px solid gray;
	background-color:white;
	padding:5px;
	Width:450px;
	margin:auto; /*centre la div */
	margin-top:10px;
}

#formdiv p
	{
		height:25px;
		margin-bottom:5px;
		border-bottom:1px dotted #CCC;
	}

#formdiv span
  {
    float:left;
    line-height:25px;
  }
#formdiv input
  {
    float:right;
    height:20px;
    border:1px dashed darkgray;
  }
  
#formdiv textarea
  {
    Width:450px;
    height:200px;
    border:1px dashed darkgray;
    margin-bottom:4px;
 }
#formdiv #submit
  {
    background-color:#FEE;
    color:red;
    border:1px solid red;
  }
  
/* */
/*tout ce qui concerne les styles du formulaire #message */
#message	
	{
	border:1px solid gray;
	background-color:white;
	padding:5px;
	Width:450px;
	margin:auto; /*centre la div */
	margin-top:10px;
}

#formdiv p
	{
		height:25px;
		margin-bottom:5px;
		border-bottom:1px dotted #CCC;
	}

  #formdiv span
  {
    float:left;
    line-height:25px;
  }
  #formdiv input
  {
    float:right;
    height:20px;
    border:1px dashed darkgray;
  }
  #formdiv #submit
  {
    background-color:#FEE;
    color:red;
    border:1px solid red;
  }
/* */
/*tout ce qui concerne les liens et images */
#drapeauen {
		float: right;
	margin-top: 0px;
	border-style:double;
}
#drapeaufr {
	float: right;
	margin-right:15px;
	margin-top: 0px;
	border-style:double;
}


#logo {
	margin-left:20px;
	margin-top:3px;
	border-style:none;
}

.lien-centrer {
	color: #0033FF;
	/*text-align:center;
	vertical-align:middle;*/
	margin-right:20px;
	text-decoration:none; /*enlever le soulignage */
}
.lien-gauche {
	color: #0033FF;
	margin-left:60px;
	text-decoration:none; /*enlever le soulignage */
}

.lien-PS {
	 text-decoration:none; /*enlever le soulignage */
}

/* */

/*tout ce qui concerne les styles de font */

h1
{
 text-align:center;
 color:#0000FF;
}
h2
{
 text-align:center;
 color:#0000FF;
 margin-top:10px;
}

strong {
	font-weight: bold;
}

.CG { /*Centrer Gras*/
	font-weight: bold;
	text-align: center;
}

.CGB { /*Centrer Gras Bleu*/
	font-weight: bold;
	color: #0000FF;
	text-align:center;
}

.justify {/*texte justifier*/
text-align:justify;
}

.espce20px{
 text-decoration:none; /*enlever le soulignage */
}

.soulnon {
 text-decoration:none; /*enlever le soulignage */
}


.expo {
	font-size: 9px;
	vertical-align:top;
	
}
.nocadre {
	border-style:none;
	float:left;
}
.nocadre1 {
	border-style:none;
	float:right;
}

.GB { /*Gras Bleu*/
	font-weight: bold;
	color: #0000FF;
}

.logoGB { /*arial round Gras Bleu*/
	font-family:Arial Rounded MT Bold;
	color:#0000FF;
}
/*tout ce qui concerne les liens */

a {

	/*color: #000080;*/
	
}
a:visited {
	text-decoration: none;
	color: #060;
	}
	
a:hover {
	text-decoration: underline; color: red;
	}