/* CSS Document */

* {
margin:0;
padding:0;
}

html,body{
	margin:0;
	width: 100%;
	height: 100%;
	background-color:#BBBBBB;
}

li{
list-style:circle;
list-style-type:circle;
}

p a{
color:#A1C6E1;
text-decoration:underline;
}

p a:hover{
color:#FFFFFF;
text-decoration:none;
}

#global {
	position:relative;
	left: 50%;
	top: 50%;
	width: 1100px;
	height: 605px; /* moitié de la largeur */
	margin-top: -320px; /* moitié de la hauteur */
	margin-left: -575px; /* moitié de la largeur */
	background-image: url(images/fond.jpg);
}

#contenu {
	position:relative;
	width:720px;
	height:430px;
	top:100px;
	left:300px;
	font-family: Arial, Helvetica, Verdana, Geneva, sans-serif;
	font-size: 16px;
	text-align:justify;
	line-height:30px;
	color:#D9E8F2;
	overflow:auto;
	padding-right: 5px;
}



h1 {font:20px Arial, Helvetica, sans-serif;
font-weight:bold;
margin-left:-1500px;
left:-500px;
}

h2, h3, h4 {
font:20px Arial, Helvetica, sans-serif;
font-weight:bold;
}



.txt-form {
font:10px Arial, Helvetica, sans-serif;
text-align:left;
color:#D9E8F2;
}

.txt-flash {
	font:bold 24px Arial, Helvetica, sans-serif;
	text-align:left;
	color:#D9E8F2;
}

.txt-bas {
	font:24px Arial, Helvetica, sans-serif;
	text-align:left;
	color:#D9E8F2;
}

ul{
font-style:italic;
padding: 0px;
margin: 0px;
margin-left: 50px;
}

li{
text-indent:5px;
list-style-image:url(images/tick2.png);
}


#adresse {
	position:absolute;
	bottom:599px;
	left:45px;
	width:150px;
	text-align:left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:normal;
	color:#003663;
}

.contenuf {
	left: 5px;
}


#adresse a{
color:#003663;
text-decoration:none;
}
#adresse a:hover{
color:#FFFFFF;
text-decoration:none;
}

#version {
	position:absolute;
	bottom:555px;
	right:94px;
	width:92px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:normal;
	color:#000000;
	z-index: 9000;
}

#menu {
	position:absolute;
	color:#FFFFFF;
	text-align:center;
	font:18px Arial, Helvetica, sans-serif;
	width: 348px;
	height: 12px;
	margin-top:300px;
	margin-left:245px;
	z-index:10;
	left: 141px;
	top: -232px;
	display: inline;
}

#menu a:link{
color:#FFFFFF;
text-decoration:none;
}

#menu a:visited
{
color:#FFFFFF;
text-decoration:none;
}

#menu a:hover
{
color:#a70000;
text-decoration:none;
}

#menu a:active
{
color:#FFFFFF;
text-decoration:none;
}

#diapo {
	position:absolute;
	width:228px;
	height:345px;
	top:108px;
	left:62px;
}

#cartes {
position:absolute;
bottom:29px;
left:49px;
width:0px;
}

.flash {
	float: right;
	margin-left: 20px;
}

#bas {
	position:absolute;
	bottom:26px;
	left:621px;
	width: 346px;
}

#w3c {
	position:absolute;
	bottom:23px;
	left:356px;
	width: 184px;
}

#axe-net {
	position:absolute;
	bottom:119px;
	left:476px;
	width:70px;
	height:12px;
	text-align:left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:normal;
	color:#003663;
}

#copy {
	position:absolute;
	bottom:-10px;
	right:58px;
	width:150px;
	text-align:right;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:normal;
	color:#003663;
}

#copy a{
color:#003663;
text-decoration:none;
}
#copy a:hover{
color:#FFFFFF;
text-decoration:none;
}

.photo {
margin:0 0 0 10px;
border:solid 0px;
padding: 1px;
  float: right;
}

.photo-v {
margin:10px 10px 10px 10px;
border:solid 1px;
padding: 1px;
  float: right;
clear: right;
}

.photo-02 {
margin:0 0 15px 0;
border:solid 0px;
padding: 1px;
  float: left;
}

/* Formulaire */

#formulaire {
position:relative;
left:110px;
top:30px;
width: 299px;
}

#aut_form {
position:relative;
width: 200px;
z-index:10;
  float: right;
}

fieldset {
  border:none;
  margin-bottom:1em;
  padding-top:1.5em;
}

#contact label {
  position:absolute;
  font-size:100%;
  padding-top:.2em;
  left:20px;
}

#contact input {
  font:.9em "Arial", Verdana, sans-serif;
  width:175px;
  padding:.2em;
  margin-left:10em;
  line-height:1.4em;
  margin-bottom:.2em;
  border:solid 1px;
  border-color: #A1C6E1;
}

#referencement {
  font:.2em "Arial", Verdana, sans-serif;
  color:#BBBBBB;
  margin-left:-500px;
  
}

textarea {
  font:.9em "Arial", Verdana, sans-serif;
  width:175px;
  padding:.2em;
  margin-left:10em;
  margin-bottom:.2em;
  border:solid 1px;
  border-color: #A1C6E1;
overflow:auto;
}



p#button {
  margin-left:9em;
}

label {
display:block;
width:125px;
float:left;
}

#footer_mots_cles {
	position:relative;
	color:#666666;
	font-size:9px;
	width:1050px;
	text-align:justify;
	padding: 10px 0px;
	top:30%;
	left:2%;
}

#footer_mots_cles a{
		text-decoration:none;
		color:#666666;
	  font-size:9px;
	  width:950px;
	  text-align:justify;
	  padding: 10px 0px;
}

#footer_mots_cles a:hover{
		text-decoration:underline;
		color:#666666;
	  font-size:9px;
	  width:950px;
	  text-align:justify;
	  padding: 10px 0px;
}


/*********** TEXTE *************/
.texte {font-size:10px;text-decoration:none;padding:10px;border:1px #666 solid;}
.texte {position:absolute;top:900px;width:900px;margin:auto;}
.texte h1, .texte h2 {color:#006;font-size:20px;margin:5px 0 5px 0;}
.texte p {font-size:12px;margin:10px 0 10px 0;}
.texte a {color:#000;}

.bold{font-weight: bold;}