/* général */
* {
margin:0;
padding:0;
font-family:Arial, Helvetica, sans-serif;
}

a img {
text-decoration:none;
border:none;
}

body {
background:url(images/bg.jpg) repeat-x;
}

#global {
width:955px;
margin:0 auto;
}

#top {
padding-top:60px;
}

#body2 {
background:url(images/bg2.jpg) repeat-x;
}

#top2 {
padding-top:53px;
}

/* Menu accueil */

#menu {
width:624px;
height:21px;
padding-left:331px;
margin-top:7px;
}

#menu ul {
list-style-type:none;
width:624px;
}

#menu ul li.accueil {
background:url(images/b1.jpg) no-repeat top left;
float:left;
width:152px;
text-align:center;
}

#menu ul li.tarifs {
background:url(images/b2.jpg) no-repeat top left;
float:left;
width:166px;
text-align:center;
}

#menu ul li.cont {
background:url(images/b3.jpg) no-repeat top left;
float:left;
width:140px;
text-align:center;
}

#menu li a {
color:#5a437b;
text-decoration:none;
font-weight:bold;
font-size:15px;
}

#menu li a:hover {
color:#aa1a1a;
}

/* corps */

h2 {
color:white;
font-size:18px;
font-weight:normal;
}

p {
color:white;
font-size:11px;
}

#gauche {
width:288px;
float:left;
padding-left:30px;
}

#gauche p{
padding-bottom:10px;
}

#gauche h2{
padding-bottom:10px;
}

#droite ul {
color:white;
font-size:11px;
list-style-type:none;
font-weight:bold;
}

#droite li {
padding:0 0 20px 12px;
background:url(images/puce.gif) no-repeat 0 2px;

}

#droite img {
	float:left;
	margin-top: 4px;
}

#imgdroite {
margin-left:20px;
}

#droite{
float:left;
padding-left:20px;
background:url(images/bglogo.gif) no-repeat bottom;
height:224px;
}


#listedroite ul li{
	width:145px;
	float:left;
}

#listedroite ul li a{
	color:white;
	text-decoration:none;
}

#listedroite{
	width:330px;
	float:left;
	margin:15px 0 0 55px;
}

#milieu {
	padding-top:20px;
	height:240px;
}

#wifi {
padding-top:7px;
padding-left:4px;
}

/* logo accueil */

#logo {
margin:142px 0 0 0;
}

#imglogo {
margin:10px 0 0 2px;
}

/* pied */

#pied p{
color:#513f64;
width:800px;
margin-left:70px;
font-size:12px;
text-align:center;
}

#pied p a {
color:#513f64;
text-decoration:none;
}

#pied p a:hover {
color:#513f64;
text-decoration:underline;
}

/* logo tt */

#tt{
    text-align:center;
    margin-top:20px;
}

#tt a{
    font-size:9px;
    color:#000;
}

#tt a:hover{
    color:#AF7C98;
}

/* page informations */

#diapo {
float:left;
}

table {
color:white;
text-align:center;
font-size:12px;
margin:20px 0 0 0;
padding:0;
font-weight:bold;
border-collapse:collapse;
}

td {
border:1px #5a437b solid;
margin:0;
padding:0;
}

#milieu2 {
	padding-top:20px;
	height:180px;
}

#droite2 {
	float:left;
	padding-left:40px;
	height:165px;
	padding-top:15px;
	width: 580px;
}

#milieubas {
padding-left:30px;
}

h3 {
	color:white;
	font-size:16px;
	font-weight:normal;
	text-decoration:underline;
	padding-top: 10px;
	padding-bottom: 5px;
}

#droite2 ul {
color:white;
font-weight:bold;
font-size:12px;
}

#droite2 img {
float:left;
}

#droite2 ul li {
background:url(images/puce.gif) no-repeat 0 2px;
list-style-type:none;
padding:0 0 5px 12px;
line-height:14px;
}

#listedroite2 {
	float:left;
	padding-left:20px;
	width: 180px;
}

#basg {
float:left;
}

#basd ul li {
background:url(images/puce.gif) no-repeat 0 2px;
list-style-type:none;
padding:0 0 5px 12px;
line-height:14px;
}

#basd ul {
color:white;
font-weight:bold;
font-size:12px;
}

#basd {
	float:left;
	width:250px;
	padding: 15px 0 0 15px;
}

#milieubas {
height:180px;
}

.margeimg {
margin-right:8px;
}

.rouge {
color:#aa1a1a
}

#basd h2 {
padding-bottom:10px;
background:url(images/ligne.jpg) no-repeat 118px 17px;
width:220px;
}

#basd p {
padding-bottom:8px;
}

h2 {
background:url(images/ligne.jpg) no-repeat 118px 17px;
}

#basg h2 {
background:url(images/ligne.jpg) no-repeat 140px 17px;
}

/* page contact */

#milieu3 {
	padding-top:50px;
	padding-left:30px;
	height: 320px;

}

.imgmilieu3 {
float:left;
margin-right:30px;
}

#milieu3 p {
font-size:14px;
}

#contactg {
	float:left;
	height: 300px;
	width:450px;
	margin-right:50px;
}

#contactd {
	float:left;
	width: 328px;
	padding-top: 20px;
}

.margecontact {
margin-bottom:12px;
}

#p1 {
margin:16px 0;
}

#p2 {
margin:16px 0 0 0;
}

#p3 {
margin:0 0 16px 0;
}

/*------------------formulaire-------------*/

#form{
    padding:0;
    margin:0;
}

label{
    display:block;
    float:left;
    width:70px;
    font:;
}

.input{
    width:250px;
    height:15px;
    font:;
    border:solid 1px #000;
    padding:0px 0px 0px 3px;
    margin:0px 0px 5px 0px;
}

textarea{
    width:250px;
    height:90px;
    font:;
    border:solid 1px #000;
    padding:0px 0px 0px 3px;
    margin:0px 0px 5px 0px;
}

#bouton{
    display:block;
    width:118px;
	height:15px;
    padding:0px 0px 0px 0px;
    margin:0px 0px 0px 70px;
	background:url(images/envoyer.gif) no-repeat;
	border:none;
    font:;
    cursor:pointer;
	float:right;
}
#mentiontg {
	height: 300px;
	width:450px;
	margin-right:20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
#mentiontd {

	float:left;
	width: 328px;
	padding-top: 20px;
}