html {
overflow-x: hidden;
overflow-y: show;
}

body {
text-align:center;
}

dl {
margin: 0px 2px 2px 0px ;
padding-right: 30px;
width: 125px;
list-style-type: none;
}

dt {
margin: 0px 2px 2px 0px ;
padding-right: 0px;
width: 125px;
list-style-type: none;
}

dd {
margin: 0px 2px 2px 0px ;
padding: 0px;
width: 125px;
list-style-type: none;
}

ul {
margin: 0px 2px 2px 0px ;
padding: 0px;
width: 125px;
list-style-type: none;
}

li {
margin: 5px 5px 5px 0px ;
padding: 0px;
width: 125px;
list-style-type: none;
}

h1{font-size:22px;}

#menu {
position: relative; /* placement du menu, � modifier selon vos besoins */
top: 0;
z-index:100;
width: 850px;
left: 0px;
margin: auto;
}
#menu dl 
{
float: left;
width: 100px;
height: 20px;
}
#menu dt 
{
cursor: pointer;
text-align: center;
font-weight: bold;
background: #003A37;
color: #fff;
border: 1px solid gray;
margin: 5px 0px 0px 0px;
}
#menu dd {
display: none;
border: none;
}
#menu li {
text-align: center;
border: none;
background: transparent url("image/FondMenu.png") repeat;
}
#menu li a, #menu dt a {
color: #fff;
text-decoration: none;
display: block;
height: 100%;
border: 0 none;
}
#menu li a:hover, #menu li a:focus, #menu dt a:hover, #menu dt a:focus {
background: #fff;
color:#000;
}

a.lien1:link {     
color:#000;
text-decoration:none;   
}

a.lien1:visited { 
color: #000; 
text-decoration: none;
}

.page {
	border: solid red 0px;
    background-color: #fff;
	margin-right: auto;
	margin-left: auto;
	text-align : center;
	width: 875px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
}

.pageicones {
	background-color: #fff;
	margin-right: auto;
	margin-left: auto;
	text-align : center;
	padding-top: 0px;
	width: 850px;
	height: 600px;
}

.texte {
background-color: #fff;
margin-right: auto;
margin-left: auto;
font-family: Times New Roman, Arial;
font-size: 18px;
text-align : justify;
padding: 10px;
width: 830px;
}

.bandeau {
background-image : url(image/Bandeau2.jpg);
background-repeat:no-repeat;
position: relative;
width: 850px;
height: 100px;
margin : auto;
}

.bandeau2 {
	background-color: #fff;
	position: relative;
	height: 35px;
	width: 850px;
	margin-top: 10px;
	margin-bottom: 10px;
	text-align: center;
	font-size: 22px;
	margin-left: auto;
	margin-right: auto;
}

.icone {
	background-image : url(image/icone.png);
	background-repeat:no-repeat;
	background-position: Top;
	position: relative;
	padding: 45px 0px 0px 0px;
	float: left;
	margin: 80px 0px 30px 50px;
	text-align: center;
	font-size: 20px;
	Width: 150px;
}

.vignette {
	position: relative;
	float: left;
	border: none;
	font-size: 14px;
	text-align: center;
	margin-right: 5px;
	padding-bottom: 10px;
}

.bandeauformulaire {
background-color: #fff;
margin-right: auto;
margin-left: auto;
margin-top: 10px;
margin-bottom: 20px;
font-family: Times New Roman, Arial;
width: 850px;
text-align: center;
font-size: 22px;
}



.formulaire {
background-color: #fff;
margin-right: auto;
margin-left: auto;
font-family: Times New Roman, Arial;
font-size: 18px;
text-align : left;
padding: 10px;
width: 700px;
}

.cadreimg {
border: solid #e0dcdc 1px;
float: left;
width: 435px;
height: auto;
margin-top: 20px;
padding-top: 10px;
padding-right: 0px;
padding-bottom: 10px;
padding-left: 0px;
}

.cadretext {
border-right: solid #e0dcdc 1px;
border-bottom: solid #e0dcdc 1px;
float: left;
width: 435px;
height: auto;
margin-top: 20px;
}

.titre {
 background-color: #003a36;
 text-align: left ;
 padding-left: 15px;
 width: 420px;
 height: auto;
 font-size: 20px;
 color: #fff;
}

.merci {
 margin-top : 20px;
 text-align : justify;
 border: solid 1px #e0dcdc;
 width: 870px;
 height: auto;
 text-align: left;
 padding: 15px;
 font-size : 18px;
  }

 .bouton {
 text-align: left ;
 width: 420px;
 height: auto;
 font-size: 20px;
 padding-left: 15px;
}

/*Css Carrousel*/

#conteneur{
  	width:712px;
    height:264px;
    border: solid 0px darkred;
    margin-left: auto;
    margin-right: auto;
    margin-top: 40px;
}

#carrousel{
   	border: solid 1px #426d6a;	
    width:712px;
    height:264px;
    margin:0 auto;
    position:relative;
    overflow:hidden;
}

.slide{
    position:absolute;
    top:0;
    left:0;
    width:712px;
    height:264px;
}

.title{
    background:url(carrousel/opaque.png) top left repeat;
    position:absolute;
    padding-left:12px;
    width:700px;
    line-height:26px;
    height:26px;
    bottom:0;
    left:0;
    text-align: left;
    font-size: 18px;
}


.navigation{
    position:absolute;
    bottom:3px;
    right:5px;
    font-size: 18px;
}

.navigation span{
    background:url(carrousel/bouton.png) no-repeat;
    color:#000;
    padding:1px 7px;
    cursor:pointer;
    margin:0 1px;
}

.navigation span:hover,.navigation span.active{
    background:url(carrousel/bouton2.png) no-repeat;
    color:#fff;
}

#nom {
border: 0;
width: 230px;
height: 18px;
padding-left: 10px;
padding-right: 10px;
background:url(image/champ.jpg)no-repeat;

}

#prenom {
border: 0;
width: 230px;
height: 18px;
padding-left: 10px;
padding-right: 10px;
background:url(image/champ.jpg)no-repeat;
}

#mail{
border: 0;
width: 230px;
height: 18px;
padding-left: 10px;
padding-right: 10px;
background:url(image/champ.jpg)no-repeat;
}

#message{
border: 0;
width: 680px;
height: 180px;
padding: 10px;
background:url(image/champ2.jpg)no-repeat;
}