@media screen and (max-width: 1100px) {
	div#cite_menu {
		display: none;
	}
	div#cite_infogenerale {
		display:block;
	}
	
}

#a_messages{
display: block;
    width: 350px;
    height: 30px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.428571429;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #6991cf;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;

}


#a_noms{
display: block;
    width: 300px;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.428571429;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #6991cf;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;

}

#a_nom{
    width: 190px;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.428571429;
    color: #555;
    background-color: #fff;
    border:1px solid #999;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;

}



#a_article3{
display: block;
    width: 85%;
    height: 35px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.428571429;
    color: #555;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 4px;

}


#a_budget{
display: block;
    width: 85%;
    height: 35px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.428571429;
    color: #555;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 4px;

}

#a_budget2{
display: block;
    width: 85%;
    height: 35px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.428571429;
    color: #555;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 4px;

}


#a_budget3{
display: block;
    width: 85%;
    height: 35px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.428571429;
    color: #555;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 4px;

}

#a_budget4{
display: block;
    width: 95%;
    height: 35px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.428571429;
    color: #555;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 4px;

}


#a_caractere{
display: block;
    width: 85%;
    height: 40px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.428571429;
    color: #555;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 4px;
}



#a_commune2{
display: block;
    width: 95%;
    height: 35px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.428571429;
    color: #555;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 4px;

}

#a_commune3{
display: block;
    width: 95%;
    height: 35px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.428571429;
    color: #555;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 4px;

}

#a_message{
width:600px;
height:100px;
border-radius:5px;
border: 1px solid #d3d6db;
}

#a_messag{
width:190px;
height:200px;
border-radius:5px;
padding: 2px 2px;
font-size: 14px;
line-height: 1.6;
color: #555;
border: 1px solid #999;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
-webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}



#a_type{
display: block;
    width: 95%;
    height: 35px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.428571429;
    color: #555;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 4px;

}



#achat{
margin-top:40px;
}
#achat2{
margin-top:40px;
}

.aclient{
float:left;
padding:0px;
margin-top:20px;
width:580px;
height:auto;
background-color:#f4f5c0;
box-shadow: 0px 0px 5px #444;
border-radius:0px 10px 10px 0px;
font: 14px "Trebuchet MS",Arial,sans-serif ;
text-align:justify;
padding-left:3px;
overflow:auto;
}

.aclient2{
padding:2px;
width:185px;
height:auto;
background-color:#f4f5c0;
box-shadow: 0px 0px 5px #444;
border-radius:0px 10px 10px 0px;
font: 14px "Trebuchet MS",Arial,sans-serif ;
text-align:justify;

}





#admin{
  margin: 0 ;
  padding: 0 ;
  list-style: none ;
  text-align: center ;
}
#admin li {
float: left ;
display: inline ;
margin-right: 170px ;
color: #fff ;
}

#admin li a {
height:70px;
padding: 4px 20px ;
color: #fff ;
font: 1em "Trebuchet MS",Arial,sans-serif ;
line-height: 1em ;
text-align: center ;
text-decoration: none ;
}

.aimage{
float:left;
width:95px;
height:95px;
}

#alerte_message2{
position:fixed;
top:20%;
right:40%;

}


#ameliorer{
width:100%;
height:250px;
border: 1px solid #c9c8c5;
line-height:20px;
margin-top:10px;
}




#ameliorer2{
width:100%;
height:100px;
border: 1px solid #c5c7c5;
}

.bordure{
position:relative;
margin-left:0px;
margin-top:2px;
padding:1px;
width:auto;
height:auto;
border-radius:10px;
text-align:left;
color:#e00000;
}

.bordure2{
position:relative;
right:0px;
margin-top:2px;
padding:1px;
width:auto;
height:auto;
border-radius:10px;
text-align:right;
color:#413535;
}



.ge{
margin-left:100px;
position:relative;
display:block;
width:520px;
height:45px;
border: 1px solid #c5c7c5;
cursor:pointer;
}


.ge:hover{
margin-left:100px;
position:relative;
display:block;
width:520px;
height:400px;
border: 1px solid #c5c7c5;
}

.annonces{
margin-top:10px;
width:590px;
min-height:100px;
height:auto;
border: 1px solid #2e8bf4;
background-color:#d6e6f7;
box-shadow: 0px 0px 5px #444;
border-radius:1px 1px 1px 1px;
}


#article{


margin-top:200px;
}

#autre{
position:relative;
margin-top:20px;
margin-left:2px;
margin-right:2px;
height:700px;
border: 1px solid #64aaf2;
background-color:#acd1e4;
-moz-box-shadow: 0 1px 5px #333;
-webkit-box-shadow: 0 1px 5px #333;
border-radius:10px;
overflow:auto;
}

#avi{
margin:auto;
width:590px;
background-color:#fff;
min-height:1222px;
overflow:auto;
}

#avi2{
margin:auto;
width:190px;
background-color:#fff;
height:30px;
margin-top:10px;
margin-bottom:10px;
}


#avis{
height:auto;
width:600px;
}

#avis2{
height:660px;
width:600px;
border: 1px solid #e5dfdf;
background-color:#e7edfb;
overflow:auto;
}

#avis3{
max-height:400px;
width:800px;
background-color:#fff;
overflow:auto;
margin:auto;
margin-top:2px;
}

#back{
    display:none; /* Hidden by default */
    position:fixed; /* Stay in place */
    z-index:1; /* Sit on top */
    left:0;
    top: 0;
    width:100%; /* Full width */
    height:100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color:rgb(0,0,0); /* Fallback color */
    background-color:rgba(0,0,0,0.4); /* Black w/ opacity */
}

#backfile{
border: 1px solid #ccc;
width:80px;
height:60px;
margin-top:-15px;
background-color:#f8b06b;
border-radius:10px;
}

#baniere{
border: 1px solid #000000;
margin-left:0px;
margin-right:0px;
height:250px;
background-color:#e0effc;
}

#baniere_photo{
float:left;
height:250px;
width:400px;
background:url(B.png) center top no-repeat;
}

#ban1{
display:block;
margin:0px;
height:120px;
width:120px;
background:url(images/ban1.jpg) right bottom no-repeat;
border-radius:80px;
border: 1px solid #e5dfdf;
}

#ban2{
display:block;
margin:0px;
height:120px;
width:120px;
background:url(images/ban2.jpg) center top no-repeat;
border-radius:80px;
border: 1px solid #e5dfdf;
}

#ban4{
display:block;
margin:0px;
height:120px;
width:120px;
background:url(images/ban3.jpg) center top no-repeat;
border-radius:80px;
border: 1px solid #e5dfdf;
}

#ban3{
display:block;
margin:0px;
height:120px;
width:120px;
background:url(images/ban4.jpg) center top no-repeat;
border-radius:80px;
border: 1px solid #e5dfdf;
}


#bar{
border: 1px solid #e5dfdf;
margin-top:5px;
}

#bare{
margin-left:0px;
margin-right:0px;
height:70px;
border: 1px solid #e5dfdf;
background-color:#4d3c65;
}

#bien_venu{
position:relative;
margin-left:0px;
margin-right:0px;
margin-top:0px;
height:70px;
background-color:#444444;
}

#bien_venu2{
position:relative;
margin-left:0px;
margin-right:0px;
margin-top:0px;
height:50px;
background-color:#444444;
}

#bien_venue{
position:relative;
margin-left:0px;
margin-right:0px;
margin-top:15px;
height:40px;
background-color:#d4dfea;
background:url(ent.jpg) center top no-repeat ;
}

#bien_venue a{
padding:0px;
margin:0px;
}

#bien_venue b{
padding:0px;
margin:0px;
}


#bien_venu a{
color: #ffffff;
font: 1em "Trebuchet MS",Arial,sans-serif ;
line-height: 1em ;
text-align: center ;
text-decoration: none;
}


#bien_venu2 a{
color: #ffffff;
font: 1em "Trebuchet MS",Arial,sans-serif ;
line-height: 1em ;
text-align: center ;
text-decoration: none;
}


#bienvenu{
position:relative;
margin:auto;
width:900px;
margin-top:0px;
height:184px;
border-radius: 0px 0px 0px 0px;
background:url(images/bannierew.jpg) center top no-repeat;
border: 1px solid #e5dfdf;
}

#bienvenu ul{
display:block;
width:500px;
margin:0px;
margin-top:-13px;
background-color:#FFF;
}

#bienvenu ul li{
margin:0px;
margin-top:14px;
color: #065d02;
font: 1em "Trebuchet MS",Arial,sans-serif ;
line-height: 1em ;
text-align: center ;
background-color:#FFF;
width:500px;
font-size:16px;
border: 1px solid #f97307;
box-shadow: 0px 1px 1px 0px #000;
}


#bienven{
position:relative;
margin-left:900px;
margin-right:0px;
margin-top:0px;
height:auto;
margin-bottom:30px;
background-color:#ffffff;
}

#bienven2{
position:relative;
margin-right:0px;
margin-top:0px;
height:120px;
background-color:#888784;
box-shadow: 0px 1px 1px 0px #f5f356;
}

#bienven2 h3{

font-size: large; font-family: small-caps;margin-top=50pt;
}

#bienven2 h2{
padding:0px;
padding-top:2px;
margin:0px;
display:block;
box-shadow: 0px 0px 2px #bdbec0;
background-image: url(baniere3.jpg);
height:70px;
border-radius:0px 0px 10px 10px;
font-size: 30px; font-family: small-caps;margin-top=10pt; 
}

#bienven2 h1{
display:block;
margin-top:0px;
height:120px;
padding:0px;
padding-top:2px;
box-shadow: 0px 0px 0px #bdbec0;
width:auto;
}
#bienven2 p{
display:block;
background-color:#888784;
margin:0px;
color:#fff;
margin-top:0px;
padding:0px;
font-size: 15px; font-family: small-caps;margin-top=30pt;
}

#bienvenu1{
position:absolute;
border: 1px solid #ffffff;
margin-left:10px;
margin-TOP:70px;
height:56px;
width:935px;
background-color:#FFFFFF;
}

#bienvenu2{
position:absolute;
border: 1px solid #ffffff;
margin-left:225px;
margin-TOP:395px;
height:140px;
width:720px;
background-color:#FFFFFF;
}

#bienvenu3{
position:absolute;
border: 1px solid #ffffff;
margin-left:10px;
margin-right:0px;
height:40px;
background-color:#FFFFFF;
}

#bloc1{
border: 1px solid #ffffff;
margin-left:0px;
margin-right:0px;
padding-top:10px;
height:60px;
background-color:#444444;
}

#bloc1 a{
  display:block;
  position:relative;
  margin-top:0px;
  width:150px;
  line-height: 1em ;
  padding-bottom:3px;
  color:#ffffff;
  text-align:center;
  text-decoration: none ;
}

#bloc1 a:hover{
color:#f1d435;
}

#bloc2{
position:RELATIVE;
border: 1px solid #9ab8eb;
margin-left:0px;
margin-top:0px;
width:950px;
height:400px;
background-color:#ffffff;
}

#bloc3{
margin-left:0px;
margin-right:0px;
height:100px;
border: 1px solid #fff ;
background:url(senven.png) center top no-repeat ;
background-color:#9ab8eb;
}
#bloc4{
margin-left:0px;
margin-right:0px;
height:420px;
background-color:#ffffff;
}
#bloc5{
width:450px;
margin-left:250px;
height:auto;
background-color:#FFFFFF;
}

#bloc6{
position:relative;
margin:auto;
width:650px;
height:autopx;
background-color:#ffffff;
}

#bloc7{
margin-right:0px;
margin-top:0px;
margin-left:0px;
height:auto;
}

#bloc7 p{
display:block;
  margin-top:30px;
  line-height: 1em ;
  padding: 0px;
  color:#000000;
}



#bloc7 a:hover{
  box-shadow: 0px 2px 2px #f5f356;
}

#bloc7 li{
  font-size:15px;
}

#bloc70{
background-color:#fdf053;
}

#bloc8{
margin-left:0px;
margin-right:0px;
height:auto;
background-color:#ffffff;
}

#blocS{
position:RELATIVE;
width:950px;
height:150px;
background-color:#9ab8eb;
}

#bloce{
position:relative;
border: 1px solid #000;
margin:auto;
margin-top:10px;
width:45%;
min-height:850px;
background-color:#fff;
border-radius:5px;
}

#bloce2{
position:relative;
border: 1px solid #e1dfdb;
margin:auto;
width:530px;
height:auto;
box-shadow: 0px 2px 2px 0px #000;
background-color:#EEE9E9;
}

#bloc_formulaire{
margin:auto;
margin-TOP:10px;
width:50%;
height:auto;
color:#737478;
border-radius:0px;
background-color:#ffffff;
padding:0px;
}

#bloc_premier{
position:RELATIVE;
border: 1px solid #9ab8eb;
margin-left:0px;
margin-top:0px;
width:950px;
height:500px;
background-color:#ffffff;
}

#bloc_premier2{
position:RELATIVE;
border: 1px solid #9ab8eb;
margin-left:0px;
margin-top:0px;
width:950px;
height:400px;
background-color:#ffffff;
}

#boisson{
margin-top:200px;
}

#be{
background-color:#bebeba;
border: 2px solid #fff;
}

#bouton{
margin:0px;
background-color:#000;
border: 1px solid #000;
height:50px;
}

#bouton2{
margin:0px;
background-color:#000;
border: 1px solid #000;
height:34px;
width:30px;
margin-left:-30px;
}

body 
{
    height:100%;
    font-family:Helvetica,Arial,sans-serif;
    font-size:small;
    color:#000;
    margin:3px 8px 0 0;
    padding:0;
}   



#bureau{
position:absolute;
margin-top:0px;
margin-left:0px;
width:100%;
min-height:1990px;
background-color:#efefeb;
}


#cad{
margin:auto;
margin-top:0px;
min-height:200px;
width:95%;
background: linear-gradient(#444 5%, #000 100%);
Z-Index:20;
}

#cade{
margin:auto;
margin-top:0px;
width:95%;
height:100%;
background-color:#000;
border: 1px solid #000;
Z-Index:20;
}


#cad2{
margin:auto;
margin-top:0px;
width:95%;
min-height:200px;
background-color:#ffffcc;
padding-top:2px;
padding-bottom:2px;
Z-Index:20;
}


#cadi:hover {
color:#e00000;
}

#cadre{
position:absolute;
width:150px;
height:150px;
background-color:#ffffff;
}

#cadre2{
cursor:pointer;
}

#cadre2{
position:absolute;
margin-left:400px;
width:auto;
height:50px;
}

#cadre_curseur{
position:relative;
margin-top:25px;
margin-left:0px;
width:642px;
height:40px;
background-color:#ffcccc;
}

#cadre_photo{
position:relative;
margin-left:250px;
width:642px;
height:305px;

background-color:#ffffff;
}

#center{
margin:auto;
width:400px;
height:20px;
padding:auto;
}

#charge{
margin-top:40px;
}


#charge2{
margin-top:40px;
}

#charges_structure{
margin-top:200px;
}

#chek{
width:30px;
height:30px;
}

.c_info{
margin:auto;
margin-top:5px;
width:590px;
background-color:#E1ECF4;
height:auto;
border-radius:5px;
padding:0px;
padding-left:3px;
}

#cible{
position:relative;
margin:auto;
width:300px;
min-height:600px;
max-height:700px;
overflow:auto;
background-color:#93a0a7;
}

#cible2{
position:relative;
margin:auto;
width:80%;

}

#cible3{
padding:0px;
margin:auto;
width:80%;

}



#cible_valide{
margin:auto;
width:300px;
height:40px;
background-color:#fff;
}


#cite_gadji a{
margin:0px;
display:block;

margin-right:20px;
color:#000;
padding:5px;
border-radius:30px;
width:auto;
}

#cite_gadji a:hover{
background-color:#fea60b;
text-decoration:none;
}

#cite_infogenerale{
position:relative;
width:193px;
margin-left:603px;
min-height:30px;
margin-top:0px;
border:1px solid #444;
background-color:#fff;
display:none;
}

#cite_ferm{
margin:auto;
right:0px;
width:191px;
height:30px;
background-color:#fff;
}

#cite_menu{
position:fixed;
float:right;
margin:auto;
padding:3px;
right:0px;
top:80px;
bottom:0px;
max-width:180px;
background-color:#fff;
border-left:1px solid #CCC;
z-index:15;
}

#cite_resulta{
margin-left:0px;
padding-top:40px;
width:100%;
height:130px;
background: linear-gradient(#ffffcc 5%, #fff 100%);
}



.class_connexion{
margin-left:10px;
margin-top:200px;
}
.class_connexion2{
margin-left:10px;
margin-top:20px;
}
.class_menu{
margin-left:10px;
margin-top:20px;
}

.class_menu1{
margin-left:0px;
margin-top:150px;
}

.class_modifier{
margin-left:180px;
margin-top:50px;
}

.class_modifier2{
margin-left:155px;
margin-top:50px;
}

#client1{
position:fixed;
width:auto;
height:auto;
margin-top:0px;
z-index:1999;
}

#client2{
position:fixed;
margin-left:250px;
width:200px;
height:auto;
background-color:#e00000;
margin-top:0px;
z-index:1999;
}

#client3{
position:fixed;
margin-left:500px;
width:200px;
height:auto;
background-color:#e00000;
margin-top:0px;
z-index:1999;
}

.client4{
padding:10px;
width:auto;
height:auto;
background-color:#e00000;
margin-top:0px;
z-index:1999;
border-radius:50px;
border:3px solid #000;
}

/* The Close Button */
.close {
    color: white;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.close:hover,
.close:focus {
    color:#000;
    text-decoration:none;
    cursor:pointer;
}

#communique{
background: linear-gradient(#fff 5%, #fff 100%);
height:80px;
font:15px "Trebuchet MS",Arial,sans-serif ;
text-align:justify;
border-radius:10px 10px 0px 0px;
}



#confirmation{
width:250px;
height:30px;
}

#confirmation_photo{
border: 3px solid #000;
width:105px;
height:105px;
font:15px "Trebuchet MS",Arial,sans-serif ;
text-align:justify;
}


.confirmation_photo{
border:2px solid #6991cf;
}

.confirmation_photo2{
width:250px;
height:200px;
font:15px "Trebuchet MS",Arial,sans-serif ;
text-align:justify;
border: 1px solid #6991cf;
background: #eaeaff;
border-radius:10px;
}

#conn{
margin-left:0px;
margin-top:15px;
width:200px;
height:155px;
background: #fff;
border-radius:0px;
border:1px solid #6991cf;  
overflow:auto;
}

#conn2{
margin-left:0px;
margin-top:10px;
width:197px;
height:185px;
border-radius:0px;
background:url(images/pavon.jpg) center top no-repeat ;
overflow:auto;
}

#connecter1{
margin-top:10px;
width:230px;
height:300px;
background: #fff;
border-radius:5px;   
border: 3px solid #737478;
overflow:auto;
}

#connecter2{
margin-top:10px;
width:230px;
height:300px;
background: #fff;
border-radius:5px;   
border: 3px solid #737478;
overflow:auto;
}

#connecter3{
margin-top:10px;
width:230px;
height:300px;
background: #737478;
border-radius:5px;   
border: 3px solid #fff;
overflow:auto;
}

#connecter4{
float:right;
margin-top:10px;
margin-right:10px;
width:230px;
height:480px;
background-color:#fff;
border: 1px solid #9ab8eb;
}

#connection{
margin-top:400px;
width:500px;
height:200px;
background-color:#fff;
border: 3px solid #000;
}

#connexions{
position:fixed;
margin-top:100px;
width:500px;
margin-left:25%;
z-index:9999;
}

.connexions{
width:500px;
height:200px;
background-color:#fff;
border: 3px solid #000;
}

#contac{
float:left;
height:240px;
margin:auto;
width:230px;
margin-top:5px;
margin-left:360px;
}

#contacts{
position:relative;
margin-top:20px;
margin-left:5px;
margin-right:5px;
height:180px;
border-radius:0px 0px 10px 10px;
background-color:#edf2f2;
}

#contacts p{
margin:0px;
padding:0px;
margin-right:2px;
margin-left:2px;
color: #9a9f9f;
font: 1em "Trebuchet MS",Arial,sans-serif ;
line-height: 20px;
text-align: center;
}

#contacts h3{
padding:0px;
margin:0px;
padding-top:5px;
display:block;
height:30px;
background-color:#edeae8;
background:url(contacts.jpg) center top no-repeat ;
font: 1em "Trebuchet MS",Arial,sans-serif ;
line-height: 1em ;
text-align: center ;
text-decoration: none;
cursor: pointer;
}

#contacts_client{
position: absolute;
margin-left:655px;
margin-right:0px;
width:300px;
height:350px;
border: 5px solid #9ab8eb;
background-color:#F3F781;
}


#contactse{
width:230px;
height:30px;
border-radius:5px;
border: 1px solid #ccc;
}

#conteneure{
margin:auto;
width:1003px;
height:1400px;
background-color:#fdf053;
border-radius:5px 5px 0px 0px;
border: 1px solid #ccc;
}

#conteneur{
margin:auto;
margin-top:30px;
width:1000px;
min-height:1000px;
background-color:#fff;
border: 1px solid #ccc;
}
#conteneur:h4{
border-radius:5px 5px 0px 0px;
margin-top:1px;
}
#conteneur2{
position:relative;
margin:auto;
height:auto;
background-color:#e00000;
border: 1px solid #9ab8eb;
}

#conteneurx{
position:relative;
margin-left:260px;
margin-top:0px;
width:740px;
height:auto;
background-color:#ffffff;
}

#containers{
margin:auto;
margin-top:60px;
width:1105px;
min-height:1500px;
background-color:#ecedf0;
}

#containers2{
margin:auto;
margin-top:0px;
width:1105px;
min-height:1500px;
background-color:#f2f3f5;
}


#cont{
margin-right:0px;
margin-left:0px;
height:auto;
border: 1px solid #ccc;
border-radius:5px;
background-color:#ccc;
}


#contenir{
height:auto;
margin:auto;
width:auto;
background-color:#fff;
}

#contenir2{
height:auto;
margin:auto;
width:1100px;
background-color:#fff;
}

#control{
    width: 200px;
    height: 25px;
    padding: 2px 12px;
	margin-right:10px;
    font-size: 14px;
    line-height: 1.428571429;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 0px;
}

#control3{
    width: 300px;
    
}

#control4{
    width:200px;
	height:33px;
}

#corps{
float:left;
margin-top:0px;
margin-left:5px;
width:605px;
min-height:1000px;
background-color:#f2f3f5;


}

.corps2{
float:left;
margin-top:0px;
margin-left:1px;
width:605px;
min-height:1500px;
}


#corps_client{
position:absolute;
margin-top:0px;
margin-left:0px;
width:900px;
height:30px;
background-color:#888784;
border-radius:0px 0px 0px 0px;
}

#corps_client2{
position:absolute;
margin-top:150px;
margin-left:900px;
margin-right:0px;
height:100px;
background-color:#cecfd5;
}

#curseur1{
position:absolute;
margin-left:10px;
width:200px;
height:40px;
background-color:#ffffff;
}

#curseur2{
position:absolute;
margin-left:250px;
width:200px;
height:40px;
background-color:#ffffff;
}

#d_achat{
border: 3px solid #6991cf;
margin:auto;
margin-top:5px;
width:98%;
min-height:420px;
border-radius:5px;
background-color:#fff;
z-index: 20;
}

#d_arriere{
position: fixed;
top: 0; left: 0; right: 0; bottom: 0;
z-index: 10;
background-color: rgba(100,100,100,.8);
}

#d_arriere2{
position:relative;
top: 0; left: 0; right: 0; bottom: 0;
height:1000px;
z-index: 10;
background-color: rgba(100,100,100,.8);
border: 4px solid rgba(100,100,100,.8);
}

#d_ecrire{
margin:auto;
margin-top:6px;
width:350px;
height:60px;
border-radius:0px;
}

#d_boutton{
margin:auto;
margin-top:0px;
width:350px;
height:25px;
border: 2px solid #ccc;
background-color:#ccc;
border-radius:5px;
}


#d_location{
position:absolute;
border: 1px solid #6991cf;
margin-left:35%;
margin-top:5px;
width:30%;
height:400px;
border-radius:5px;
border: 1px solid #6991cf;
}

#d_message{
margin:auto;
margin-top:5px;
width:350px;
height:320px;
border-radius:0px;
overflow-y:auto;
border: 2px solid #fff;
background-color:#fff;
border-radius:5px;
z-index:100;
}


#d_hotel{
position:absolute;
border: 1px solid #6991cf;
margin-left:69%;
margin-top:5px;
width:30%;
height:400px;
border-radius:5px;
border: 1px solid #6991cf;
}

#dab:hover{
color:#ffcc00;
}

#date{
width:300px;
height:30px;
border-radius:5px;
border: 1px solid #ccc;
font:14px Arial,"Trebuchet MS",sans-serif ;
}

#taches a{
display:block;
margin-top:3px;
width:98%;
background-color:#999;
border:1px solid #999;
border-radius:0px;
font-size:10px;
color:#000;
}

#taches a:hover{
background-color:#ffff00;
}




#discutions{
position:fixed;
bottom:0%;
left:20%;
width:354px;
height:390px;
border: 2px solid #dbcece;
background-color:#acd1e4;
-moz-box-shadow: 0 1px 1px #333;
-webkit-box-shadow: 0 1px 1px #333;
border-radius:5px;
}

.discutionse{
visibility:visible;
}



#discution h3{
display:block;
margin:0px;
width:196px;
background-color:#fbeed5;
color: #c09853;
padding: 4px 20px;
font: 30px "Trebuchet MS",Arial,sans-serif ;
line-height: 1em ;
text-align: center ;
text-decoration: none;
border-radius: 5px 5px 0px 0px;
}

#discution1{
margin-top:0px;
width:230px;
height:130px;
}

#discution2{
margin-top:0px;
width:230px;
height:130px;
}

#discution3{
margin-top:0px;
width:230px;
height:130px;
}

#discution4{
float:right;
margin-top:5px;
margin-right:10px;
width:230px;
height:130px;
border: 1px solid #600 ;
}

#dis1{
position:absolute;
margin-left:10px;
margin-top:5px;
margin-right:10px;
width:250px;
height:480px;
}

#dis2{
position:absolute;
margin-left:270px;
margin-top:5px;
margin-right:10px;
width:250px;
height:480px;
}

#dis3{
position:absolute;
margin-left:530px;
margin-top:5px;
margin-right:10px;
width:250px;
height:480px;
}

#disponibilite{
margin:auto;
margin-top:5px;
width:198px;
height:100px;
border:1px solid #99ccff;
background-color:#90f4a1;
border-radius:0px 0px 5px 5px;
}




#decrire{
margin:0px;
margin:auto;
margin-top:2px;
height:150px;
width:1000px;
background-color:#ffffff;

}


#detail{
margin-left:200px;
width:550px;
margin-TOP:10px;
background-color:#ffffff;
margin-top:40px;
}

#detail0{
margin-left:0px;
margin-right:0px;
background-color:#fd880b;
height:500px;
margin-top:50px;
}


#detail1{
float:left;
margin-left:0px;
width:500px;
height:auto;
background-color:#fd880b;
}


#diver{
margin-top:40px;
}

#diver2{
margin-top:40px;
}
.echec{width: 350px; height: 50px; background: pink; margin-top: 0px;margin-left: 500px; text-align: center; border-radius: 8px;
        position: relative; top: 5px; line-height: 3em;
}

.ecrire_avis{
float:left;
padding:0px;
margin-top:5px;
margin-left:20px;
width:250;
height:30;
font: 14px "Trebuchet MS",Arial,sans-serif ;
text-align:center;
padding-left:3px;
border-radius:20px;
}

.ecrire_avis  a:hover, .ecrire_avis  a:focus {
    text-decoration: underline;
    color: #e00000;
}

.ecrire_avis   a {
    background-color:#eaeaff;
    color: #f85708;
}

#ent{
margin:auto;
width:595px;
height:25px;
border: 2px solid #FFF;
background-color:#fff;
box-shadow:1px 1px 2px 2px #fff;
}

.entete{
margin:auto;
margin-top:5px;
width:600px;
height:270px;
background-color:#fff;
border:1px solid #666;
border-radius:10px 10px 0px 0px;
}

.entete2{
margin:auto;
margin-top:5px;
width:600px;
height:auto;
background-color:#f2f3f5;
border:1px solid #ecedf0;
border-radius:10px 10px 0px 0px;
}



#emplacement{
position:relative;
margin-top:20px;
margin-left:5px;
margin-right:5px;
height:205px;
border-radius:0px 0px 10px 10px;
background-color:#edf2f2;
}

#emplacement h3{
padding:0px;
margin:0px;
padding-top:5px;
display:block;
height:30px;
background-color:#edeae8;
background:url(emplacement.jpg) center top no-repeat ;
font: 1em "Trebuchet MS",Arial,sans-serif ;
line-height: 1em ;
text-align: center ;
text-decoration: none;
}

#emplacement p{
margin:0px;
padding:0px;
margin-top:0px;
margin-right:2px;
margin-left:2px;
padding:0px;
padding: 2px 2px;
color: #9a9f9f;
font: 1em "Trebuchet MS",Arial,sans-serif ;
line-height: 20px ;
text-align: center ;
}

#espace{
margin:auto;
width:590px;
background-color:#417394;
height:120px;
overflow:auto;
}

#etat_message{
margin:auto;
margin-top:5px;
width:260px;
height:25px;
background-color:#000;
text-align:center;
}

#experience{
margin:auto;
margin-top:10px;
width:598px;
background-color:#fff;
height:auto;
}

.face{
width:90%;
border: 1px solid #000;
border-radius:10px;
height:30px;
}

.face2{
width:150px;
background-color:#444;
color:#fff;
border-radius:5px;
border:1px solid #444;
height:30px;
}

.fileinputs {
	position: relative;
}

.fakefile {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 1;
}

.file {
	height:70px;
	position: relative;
	text-align: right;
	filter:alpha(opacity:0);
	opacity: 0;
	z-index:2;
	border: 1px solid #ccc;
	cursor:pointer;
	width:70;
}

#fixer_menu{
height:50px;
width:100%;

}


#f1_upload_process{
   z-index:100;
   position:absolute;
   visibility:hidden;
   text-align:center;
   width:300px;
   margin:0px;
   margin-left:30px;
   color:#ff9933;
   padding:0px;
  
}

#f2_upload_process{
   z-index:100;
   position:absolute;
   visibility:hidden;
   text-align:center;
   width:50px;
   margin:0px;
   margin:auto;
   color:#ff9933;
   padding:0px;
  
}

#f3_upload_process{
   z-index:100;
   position:absolute;
   visibility:hidden;
   text-align:center;
   width:100px;
   height:100px;
   margin:0px;
   margin:auto;
   color:#ff9933;
   padding:0px;
  
}


#fond1{
margin-top:30px;
position:relative;
margin-left:0px;
margin-right:0px;
width:auto;
background-color:#ffffff;
height:auto;
}

#fond11{
margin-top:40px;
position:absolute;
margin-left:300px;
background-color:#ffffff;
height:350px;
}


.form-control {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.428571429;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

#form-control2 {
text-align:right;width:195px;
}

#form-control3 {
	margin:0px;
    padding: 6px 12px;
	height:50px;
    font-size: 20px;
    line-height: 1.428571429;
    color: #555;
    background-color: #fff;
}

#form-control4{
    width: 200px;
    height: 35px;
    padding: 0px 0px;
    font-size: 14px;
    line-height: 1.428571429;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

#form-control5{
    width: 200px;
    height: 35px;
    padding: 0px 0px;
    font-size: 14px;
    line-height: 1.428571429;
    color: #555;
    background-color: #fff;
    background-image: none;
    border-radius: 4px;
	z-index:9999;
}



.form-controle {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.428571429;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}



#formulaire{
position:absolute;
margin-top:60px;
margin-left:180px;
background-color:#ffffff;
border: 1px solid #000;
width:600px;
height:auto;
}

#gadji{
margin:auto;
width:292px;
height:36px;
background-color:#ccc;
}

#gadji2{
margin:auto;
width:250px;
height:20px;
background-color:#d5dfe8;
}

#galerie{
position:relative;
margin-top:0px;
margin-LEFT:0px;
width:598px;
height:auto;
padding-top:3px;
border-radius:0px;
background-color:#fff;
border: 1px solid #000;
}

#galerie_1{
position:relative;
margin-top:0px;
margin-LEFT:0px;
width:598px;
height:auto;
padding-top:3px;
border-radius:0px;
background-color:#ffff66;
}


#galerie2{
position:relative;
margin-top:0px;
margin-LEFT:0px;
width:600px;
height:auto;
border-radius:5px;
background-color:#ecedf0;
}

#galautre{
margin:auto;
margin-top:5px;
width:598px;
background-color:#fff;
min-height:1307px;
border: 1px solid #666;
}


#galautre2{
margin:auto;
margin-top:0px;
width:598px;
min-height:1200px;
border-radius:5px;
}


#gapartenaire{
margin:auto;
margin-top:10px;
width:598px;
background-color:#fff;
height:400px;
border: 1px solid #ccc;
}

#gapartenaire2{
margin-top:10px;
width:590px;
margin:auto;
background-color:#fff;
height:300px;
overflow:auto;
}

#gapartenaire3{
margin:auto;
margin-top:10px;
width:598px;
background-color:#fff;
min-height:100px;
}



#galerie img{
}

#galerie img:hover{
}

#galerie li{
margin:0px;
padding:0px;
float:left;
margin:10px;
}

#galerie h1{
display:block;
margin-top:30px;
padding-bottom:3px;
width:200px;
height:40px;
box-shadow: 0px 0px 1px 1px #669;
border-radius:20px;
background-color:#ffffff;
}

#galerie ul{
margin:0px;
padding:0px;
position:absolute;
list-style:none;
}

#generale{
margin:auto;
margin-top:60px;
background-color:#ffcc00;
}

#generales{
margin:auto;
margin-top:35px;
float:left;

}

#generales2{
margin:auto;
}

#generale2{
margin:auto;
margin-top:0px;
}



#goo{
width:550px;
height:30px;
border-radius:5px;
border: 1px solid #6991cf;
}

#grani{
position:fixed;
background-color:#fff;
margin-top:0px;
margin-left:250px;
width:235px;
height:auto;
max-height:600px;
overflow-y:auto;
z-index:99999999999;
}

#grani a{
display:block;
margin:0px;
margin-top:5px;
margin-bottom:5px;
width:auto;
background-color:#F1F2ED;
border: 1px solid #F1F2ED;
text-decoration: none;
height:auto;
}

#grani a:hover{
display:block;
background-color:#F1F2ED;
border: 1px solid #000;
}


#images{
position:relative;
border: 1px solid #6991cf;
margin:auto;
width:180px;
height:150px;
border-radius:20px;
}
#imagese{
position:relative;
float:right;
margin-right:50px;
border: 1px solid #9ab8eb;
margin-top:10px;
width:150px;
height:150px;
border-radius:20px;
}

.icone{
width:40px;
height:40px;
margin-top:8px;
}


.info{
margin-left:60px;
position:obsolute;
width:360px;
}



.info2{
margin-left:60px;
position:obsolute;
width:360px;
height:150px;
}

#infos{
border: 1px solid #ffffff;
margin-left:0px;
margin-right:0px;
margin-top:80px;
height:200px;
}

#infos2{
height:1000px;
z-index:10000;
}

#infos3{
margin-top:5px;
height:auto;
}

#infos4{
margin-top:5px;
height:auto;
}

.ifo{
width:180px;
margin:0px;
margin:auto;
margin-top:10px;
height:auto;
background-color:#000;
border-radius:10px;
overflow:auto;
}

.ifo a{
  display:block;
  margin:auto;
  margin:0px;
  width:180px;
  line-height: 1em ;
  background-color:#6288b3;
  padding-bottom:3px;
  font-size:14px;
  color:#fff;
  text-align:center;
  text-decoration: none ;
}

.ifo a:hover{
   background-color:#f9f172;
   color:#000;
}

.ifo2{
width:600px;
margin:auto;
margin-top:3px;
height:20px;
background-color:#F1F2ED;
border-radius:3px;
}

.ifo2 a{
  display:block;
  margin-top:15px;
  width:600px;
  background-color:#fff;
  font-size:15px;
  color:#444;
  height:20px;
  text-align:center;
  border: 1px solid #1275ef;
  text-decoration: none ;
  border-radius:30px;
}

.ifo2 a:hover{
   background-color:#f9f172;
   color:#000;
}

#info3{
	margin-top:3px;
	margin-bottom:3px;
    padding:3px;
	text-align:left;
   font-size:12px;
	color:#663333;
}

#info{
border: 1px solid #dfe0e3;
width:640px;
margin-top:0px;
height:200px;
background-color:#e7edfb;
border-radius:10px;
overflow:auto;
}

#inscription{
position:absolute;
width:200px;
margin-top:0px;
margin-left:800px;
height:62px;
background-color:#ffcc00;
border-radius:10px;
overflow:auto;
}

.invitation{
width:300px;
margin-top:0px;
margin-left:50px;
height:100px;
float:left;
background-color:#fff;
}






#jour{
width:230px;
height:25px;
border-radius:5px;
border: 1px solid #ccc;
}

/* Add Animation */
@-webkit-keyframes animatetop{
    from {top:-300px; opacity:0} 
    to {top:0; opacity:1}
}

@keyframes animatetop{
    from {top:-300px; opacity:0}
    to {top:0; opacity:1}
}

.loader{
position : fixed;
z-index: 9999;
background:url('images/load.gif') 50% 50% no-repeat;
top : 0px;
left : 0px;
height : 100%;
width : 100%;
cursor : wait;
}

#latable {
border-collapse: collapse;
width: 100%;
}

#latable th {
font-family: monospace;
border: thin solid #6495ed;
width: 50%;
height:100px;
padding: 5px;
background-color: #D0E3FA;
background-image: url(sky.jpg);
}
#latable td {
font-family: sans-serif;
padding: 5px;
background-color: #ffffff;
}

#latablei {
border-collapse: collapse;
width:95%;
}

#latablei th {
font-family: monospace;
border: thin solid #6495ed;
width: 50%;
height:100px;
padding: 5px;
background-color: #D0E3FA;
background-image: url(sky.jpg);
}
#latablei td {
font-family: sans-serif;
padding: 5px;
background-color: #e9e4e9;
border-bottom: 2px solid #fff;

}



#latable0 {
border-collapse: collapse;
width: 100%;
}

#latable0 th {
font-family: monospace;
width: 50%;
height:100px;
padding: 5px;
background-color: #D0E3FA;
}
#latable0 td {
font-family: sans-serif;
padding: 5px;
background-color: #ffffff;
}

#latable2 {
border-collapse: collapse;
}

#latable2 th {
font-family: monospace;
border: thin solid #6495ed;
width: 50%;
padding: 5px;
background-image: url(sky.jpg);
}
#latable2 td {
font-family: sans-serif;
border: thin solid #5bf683;
padding: 5px;
text-align: center;
}

#latablep td {
font-family: sans-serif;
border: thin solid #999;
padding: 5px;
text-align: left;
}


#latable6 {
border-collapse: collapse;
width:900px;
margin:0px;
margin:auto;
}

#latable6 th {
font-family: monospace;
background-color:#ffffff;
width:50%;
padding:5px;
}

#latable6 td {
font-family: verdana;

width:auto;
}

#latable62 {
border-radius:10px;
border-collapse: collapse;
background: linear-gradient(#444 5%, #000 100%);
}

#latable62 th {
font-family: monospace;
background-color:#ffffff;
width:50%;
padding: 5px;
}

#latable62 td {
font-family: sans-serif;
width:35%;
padding: 5px;
text-align:center;
}

#latable7 {
border-collapse: collapse;
background-color:#ffffff;
}

#latable7 th {
font-family: monospace;
background-color:#ffffff;
width:50%;
padding: 5px;
}

#latable7 td {
font-family: sans-serif;
border: thin solid #9b9b96;
width:25%;
padding: 5px;
text-align:center;
}

.lecadre{
margin-top:0px;
margin-right:0px;
height:150px;
width:150px;
}

.lecadre:hover{
position:relative;
border: 1px solid #ffffff;
margin-right:auto;
margin-top:0px;
width:auto;
height:auto;
background-color:#ffffff;
}

.leconect{
width:auto;
height:30px;
padding-top:5px;
border: 1px solid #ffffff;
font: 14px "Trebuchet MS",Arial,sans-serif ;
background-color:#f8df09;
}
.leconect2{
width:230px;
height:30px;
background-color:#b9bbbd;
}

#letchat{
margin:auto;
margin-top:20px;
width:600px;
height:530px;
border: 2px solid #FFF;
background:url('images/fond2.jpg') no-repeat;
box-shadow:1px 1px 2px 2px #000;
}


#leconteneur{
position: relative;
margin-left:0px;
margin-right:0px;
background-color:#F1F2ED;
}

#lecorp{
position: relative;
border: 1px solid #ffffff;
margin-left:0px;
margin-right:0px;
height:350px;
background-color:#ffffff;
}

#lecorps{
position:relative;
margin-left:203px;
margin-right:0px;
height:2950px;
background-color:#F1F2ED;
}


#lemenu{
margin-left:0px;
margin-left:0px;
margin-right:0px;
height:66px;
}
#lemenu1{
margin-left:0px;
margin-right:0px;
height:50px;
background-color:#ffffff;
}

#lesphotos{
position:absolute;
margin-top:0px;
margin-left:5px;
width:300px;
height:300px;
border: 1px solid #FE642E;
background-color:#ffffff;
}
#lesprix{
position:absolute;
margin-top:0px;
margin-left:320px;
width:322px;
height:300px;
background-color:#ffffff;
}

.libelle{
border: 1px solid #FE642E;
position:absolute;
margin-left:0px;
width:200px;
}

.loader {
position : fixed;
z-index: 9999;
background : url('images/load2.gif') 50% 50% no-repeat;
top : 0px;
left : 0px;
height : 100%;
width : 100%;
cursor : wait;
}

.loader2 {
position : fixed;
z-index: 9999;
background : url('images/load3.gif') 50% 50% no-repeat;
top : 0px;
left : 0px;
height : 100%;
width : 100%;
cursor : wait;
}

#logo{
float:left;
margin-top:0px;
margin-left:0px;
width:300px;
height:100px;
background:url(LOGO.png) center top no-repeat ;
}

#logo1{
float:left;
margin-top:0px;
margin-left:0px;
width:200px;
height:150px;
}

#logiciels{
width:200px;
height:150px;
background-color:#fff;
border-radius:2px;
margin:auto;
margin-top:30px;
}

#louie{
border-radius:5px;
margin:auto;
margin-top:3px;
height:auto;
background-color:#fff;
width:200px;
color:#000;
border:1px solid #fff;
}

#louie2{
border-radius:5px;
margin:auto;
margin-top:10px;
height:250px;
background-color:#fff;
width:200px;
color:#000;
border:1px solid #fff;
}

#louie3{
border-radius:5px;
margin:auto;
margin-top:10px;
height:250px;
background-color:#fff;
width:200px;
color:#000;
border:1px solid #fff;
}

#louie4{
border-radius:5px;
margin:auto;
margin-top:10px;
height:250px;
background-color:#fff;
width:200px;
color:#000;
border:1px solid #fff;
}


#mail{
width:300px;
height:30px;
border-radius:5px;
border: 1px solid #ccc;
font:14px Arial,"Trebuchet MS",sans-serif ;
}

#menu{
margin-top:20px;
}

#menua a {
padding: 4px 20px ;
color: #fff ;
font: 1em "Trebuchet MS",Arial,sans-serif ;
line-height: 1em ;
text-align: center ;
text-decoration: none ;
}

#menua{
float:left;
}


#menuac{
color: #fff;
padding:0px;
font: 14px "Trebuchet MS",Arial,sans-serif ;
line-height: 1em ;
height:auto;
width:95%;
text-align: center ;
text-decoration: none;
border-radius:30px;
margin:auto;
margin-top:30px;
background-color:#fff;
}


#menuac a {
display:block;
font-size: 16px;
background: linear-gradient(#ffbc00 5%, #ffdd7f 100%);
border: 1px solid #e5a900;
color: #4E4D4B;
font-weight: bold;
cursor: pointer;
height:25px;
width: 95%;
border-radius: 5px;
padding: 5px 0;
outline: none;
margin:auto;
margin-top:20px;
text-decoration: none;
}


}
#menuac a:hover{
color: #000;
background: linear-gradient(#ffdd7f 5%, #ffbc00 100%);
}

#menub{
}

#menuc{
float:right;
}

#menu1{
position:absolute;
margin-top:30px;
margin-left:0px;
width:200px;
height:300px;
border: 1px solid #600 ;
}

#menu2{
float:left;
margin-left:0px;
width:50px;
height:580px;
background:url(fo2.png) center top no-repeat ;
}
#menu3{
margin-top:150px;
position:absolute;
margin-left:0px;
width:950px;
}

#menu_etat{
position:relative;
margin-left:0px;
margin-right:0px;
height:50px;
border: 1px solid #600;
}

#menu_premier{
margin-left:0px;
margin-right:0px;
height:50px;
}

#menu_premier a {
  color: #0b6dce;
  font: 15px "Trebuchet MS",Arial,sans-serif ;
  line-height: 1em ;
  text-align: center ;
  padding: 4px 0 ;
}

#menu_premier a:hover{
  color: #e00000 ;
  font: 15px "Trebuchet MS",Arial,sans-serif ;
  line-height: 1em ;
  text-align: center ;
  padding: 4px 0 ;
}

#menu_deuxieme{
position:absolute;
margin-top:70px;
margin-left:0px;
width:200px;
height:450px;
border: 2px solid #9ab8eb;
}

#menu_entreprise{
margin-top:20px;
float:right;
width:230px;
height:1100px;
}

#menu_entreprise2{
margin-top:10px;
width:100%;
height:220px;
padding:5px;
border: 1px solid #417394;
background-color:#27AE60;
}

#menu_entreprise img{
border-radius:30px;
}


#menu_entreprise2 img{
border-radius:30px;
}

#menu_entreprise2 a{
display:block;
margin-top:20px;
}

#menu_entreprise2 a:hover{
text-decoration:none;
}

#menus{
margin-left:3px;
margin-top:10px;
min-height:250px;
width:200px;
background-color:#fff;
border:1px solid #afb8b1;
}

#menus a {
display:block;
width:auto;
padding:0px;
background-color:#417394;
color: #fff;
padding: 4px 20px;
font: 14px "Trebuchet MS",Arial,sans-serif ;
line-height: 1em ;
width:180px;
text-align: center ;
text-decoration: none;
border: 1px solid #417394;
cursor: pointer;
}

#menus h3{
display:block;
margin:0px;
width:199px;
background-color:#417394;
color: #FFF;
padding: 4px 20px;
font: 30px "Trebuchet MS",Arial,sans-serif ;
line-height: 1em ;
text-align: center ;
text-decoration: none;
}

#menus a:hover{
background-color:#fda129;
color: #FFF;
}

#menu_general{
margin-left:3px;
margin-right:0px;
height:50px;
background-color:#fff;
color:#fff;
}

.menuss{
margin-left:3px;
margin-top:5px;
min-height:65px;
width:200px;
border-radius:0px;
border:1px solid #666;
}


#menuss{
margin:auto;
margin-top:10px;
min-height:100px;
width:200px;
border-radius:0px;
background-color:#fff;
border-radius:0px;
border:1px solid #666;
}

#menus_detail:a{
display:block;
width:200px;
border-radius:10px;
background-color:#336699;
}

.menu_conect{
padding:10px;
margin:auto;
height:75px;
width:150px;
background-color:#fff;
border-radius:10px;
}

.menu_conect1{
float:left;
margin:auto;
padding:10px;
margin-top:0px;
height:80px;
width:auto;
background-color:#F1F2ED;
border:1px solid #F1F2ED;
}


.menu_conect2{
padding:5px;
margin:auto;
height:50px;
width:250px;
border-radius:5px;
}

#menu_entreprise a{
display:block;
font-size:11px;
margin-TOP:20px;
color:#444;
}


#messag{
margin:auto;
margin-top:5px;
min-height:100px;
width:200px;
background-color:#FFF;
border:1px solid #666;
border-radius:0px;
}

.messagr{
margin-left:3px;
position:fixed;
bottom:460px;
}


.messag{
margin-left:3px;
position:fixed;
bottom:30px;
}


.messag2{
position:fixed;
margin-left:2px;
width:203px;
bottom:0px;
background-color:#FFF;
border: 1px solid #000;
border-radius:5px;
}




#message{
width:300px;
height:60px;
}

.message{
margin:auto;
margin-top:10px;
width:90%;
height:auto;
background-color:eff5f1;
border-radius:0px;
padding-bottom:3px;
}

.message2{
margin:auto;
margin-top:15px;
width:530px;
height:auto;
background-color:ffffff;
border-radius:5px;
border: 1px solid #fff;
}

#messages{
width:420px;
height:100px;
}

#message2{
width:230px;
height:60px;
font:14px Arial,"Trebuchet MS",sans-serif ;
}

#message3{
width:230px;
height:60px;
font:14px Arial,"Trebuchet MS",sans-serif ;
}

#message4{
width:230px;
height:60px;
font:12px Arial,"Trebuchet MS",sans-serif ;
}

#minichat{
width:300px;
height:350px;
background: #d0dafd url('http://4.bp.blogspot.com/_xDpoN6UfFFY/S-J2hsztUzI/AAAAAAAACbo/ztV1CK0RUrE/s1600/gradhover.png') repeat-x;
border-radius:0px;
border: 1px solid #dfe0e3;
overflow:auto;
}

#minichat_2{
padding-top:7px;
width:220px;
height:40px;
margin:auto;
border-radius:0px;
overflow:auto;
}

#minichat_3{
padding-top:7px;
width:220px;
height:40px;
margin:auto;
border-radius:0px;
overflow:auto;
}

#minichat_4{
padding-top:7px;
width:220px;
height:40px;
margin:auto;
border-radius:0px;
overflow:auto;
}

#minichat2{
margin:auto;
margin-top:0px;
width:90%;
height:1160px;
background-color:#f6f6f3;
border-radius:0px;
}


#minichat3{
margin-top:5px ;
width:auto;
height:170px;
border: 1px solid #fff;
}

#minichat4{
margin-top:200px;
width:600px;
height:500px;
}

.milieu{
margin:auto;
margin-top:5px;
width:600px;
min-height:1500px;
background-color:#ecedf0;
}

.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    padding-top:5px; /* Location of the box */
    left: 0;
    top: 65px;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    /*background-color:#fff; /*rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

.modal-content2 {
    position: relative;
    background-color:#fff;
    margin: auto;
    padding: 0;
    border: 1px solid #888;
    width: 80%;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
    -webkit-animation-name: animatetop;
    -webkit-animation-duration: 0.4s;
    animation-name: animatetop;
    animation-duration: 0.4s
}

#myModal{
  margin-top:0px;
  z-index:30;
}



.active a{
margin-left:0px;
}

#nav{background-color:#99ccff;}


.navi{
  width:134px;
  height:64px;
  margin: 0;
  padding: 0;
  border: 1px solid #ccc;
  border-radius:3px;
  background-color:#ccc;
}

#navigation {
  width: 200px;
  list-style: none;
  margin: 0;
  padding: 0;
}

#navigation {
  width: 200px;
  list-style: none;
  margin: 0;
  padding: 0;
}

#navigation li {
  background: #c00 ;
  height:25px;
  color: #fff ;
  border: 1px solid #FF4000;
  margin-bottom: 1px ;
  margin-top: 20px ;
}

#navigation li a {
  display: block ;
  height:30px;
  background: #EEE9E9;
  color: #000 ;
  font: 1em "Trebuchet MS",Arial,sans-serif ;
  line-height: 1em ;
  text-align: center ;
  text-decoration: none ;
  padding: 4px 0 ;
}

#navigation li a:hover, #navigation li a:focus, #navigation li a:active {
  background: #FF4000;
  color: #fff ;
  text-decoration: underline ;
}

#navigation2 {
  width: 200px;
  list-style: none;
  margin: 0;
  padding: 0;
}

#navigation2 li {
  background: #c00 ;
  height:25px;
  color: #fff ;
  border: 1px solid #600 ;
  margin-bottom: 1px ;
  margin-top: 35px ;
}

#navigation2 li a {
  display: block ;
  height:30px;
  background: #c1e434 ;
  color: #000 ;
  font: 1em "Trebuchet MS",Arial,sans-serif ;
  line-height: 1em ;
  text-align: center ;
  text-decoration: none ;
  padding: 4px 0 ;
}

#navigation2 li a:hover, #navigation2 li a:focus, #navigation2 li a:active {
  background: #eefc0a ;
  color: #000 ;
  text-decoration: underline ;
}



#niveau{
width:300px;
height:30px;
border-radius:5px;
border: 1px solid #ccc;
font:14px Arial,"Trebuchet MS",sans-serif ;
}

#niveau2{
width:300px;
height:30px;
border-radius:5px;
border: 1px solid #ccc;
font:14px Arial,"Trebuchet MS",sans-serif ;
}

#nouveau{
margin-right:0px;
margin-left:0px;
height:30px;
background-color:#ffffff;
}

#noms{
width:300px;
height:35px;
border-radius:5px;
border: 1px solid #ccc;
font:14px Arial,"Trebuchet MS",sans-serif ;
}

#nous{
height:auto;
margin:auto;
width:1003px;
margin-top:0px;
background-color:#444;
}

#offres_corps{
background-color:#fff;
margin-top:10px;
margin-left:0px;
height:1768px;
width:595px;

overflow-y:scroll;
}

#offre_dispo{
background-color:#fff;
margin:auto;
margin-left:2px;
margin-top:15px;
padding:1px;
width:200px;
border-radius:5px;
border: 1px solid #a69b9b;
}


#offre_dispo a {
margin:0px;
display:block;
border-radius:5px;
background-color:#15477A;
border: 1px solid #9b9b96;
font-size:12px;
text-align:center;
padding-top:3px;
height:auto;
color:#fff;
}

#offre_dispo a:hover {
background-color:#ffcc66;
color:#000;
}

#offre_dispo hr{
margin:0px;
margin-top:10px;
}


#offres{
float:left;
background-color:#F1F2ED;
margin-top:0px;
padding:0px;
margin-left:1px;
min-height:1980px;
width:700px;
}

#offres_postuler{
position:absolute;
margin-top:20px;
margin-left:400px;
height:auto;
width:180px;
}


#offres_tete{
background-color:#f9eb08;
margin-top:0px;
margin-left:0px;
height:200px;
width:595px;
}

#out{
margin-top:15px;
float:right;
height:100px;
margin-right:10px;
}
#out2{
margin-top:5px;
height:130px;
margin-left:0px;
}

.over{
height:20px;
width:150px;
margin-top:0px;
}	

#pa{
margin:auto;
margin-top:0px;
width:1004px;
height:auto;
border: 1px solid #ccc;
box-shadow:0px 1px 1px 0px #000;
border-radius:3px;
}

#pa2{
margin:auto;
margin-top:5px;
width:1003px;
height:auto;
min-height:2000px;
border: 1px solid #ccc;
box-shadow:0px 1px 1px 0px #000;
}


#page{
	margin:auto;
	margin-left:0px;
	margin-top:0px;
	position:relative;
	width:100%;
	background-color:#fff;
	height:50px;
	text-align:center;
    }

#page2{
	margin:auto;
	margin-top:10px;
	position:relative;
	width:100%;
	background-color:#fff;
	height:50px;
	text-align:center;
    }	

#page3{
	margin:auto;
	margin-left:0px;
	margin-top:0px;
	position:relative;
	width:100%;
	background-color:#fff;
	height:50px;
	text-align:center;
    }

#partenaire{
border: 1px solid #fff;
height:80px;
margin:auto;
width:950px;
margin-top:0px;
}	
	
#page a{
float:left;
position:relative;
display:block;
margin:0px;
padding:0px;
margin-left:10px;
height:20px;
cursor:pointer;
border-radius:0px;
text-align:center;
background-color:#fff;
}

#page2 a{
float:left;
position:relative;
display:block;
margin:0px;
padding:0px;
margin-left:10px;
height:20px;
cursor:pointer;
border-radius:0px;
text-align:center;
background-color:#fff;
}


#page a:hover{
background-color:#339900;
text-decoration:none;
}	

#pages{
	margin:0px;
	float:left
	background-color:#fff;
	width:595px;
	height:25px;
	border-radius:30px;
    }
	
#pages a{
float:left;
position:relative;
display:block;
padding:0px;
margin-left:10px;
border: 2px solid #ccc;
width:25px;
height:25px;
cursor:pointer;
border-radius:30px;
text-align:center;
background-color:#fff;
}

#pages a:active{
border: 1px solid #000000;
cursor:pointer;
}

#pageso{
width:30%;
margin:auto;
height:33px;
border-top:2px dotted #444;
border-bottom:2px dotted #444;
padding:1px;
}

#pageso a{
float:left;
position:relative;
display:block;
margin-left:10px;
border:2px solid #ccc;
min-width:30px;
width:auto;
padding:2px;
height:25px;
cursor:pointer;
text-align:center;
background-color:#fff;
color:#000;
border-radius:80px;
box-shadow:0px 1px 1px 0px #000;
}

#pagination{
margin:auto;
height:50;
width:400px;
padding:2px;
padding-top:5px;
text-align:center;
}



#pagination a{
float:left;
display:block;
padding:10px;
margin-left:5px;
border:2px solid #fff;
width:auto;
height:30px;
cursor:pointer;
text-align:center;
background-color:#000;
border-radius:30px;
color:#fff;
box-shadow: 1px 1px 1px 1px #000;direction: rtl;color:#fff;
text-decoration:none;
}

#pagination a:hover{
color:#000;
background-color:#ffcc00;
}

#pageso a:active{
border: 1px solid #000000;
cursor:pointer;
}

#pages table{
position:relative;
margin:0px;
padding:0ppx;
}

.pagination{
margin:0px;
margin:auto;
margin-top:0px;
width:30px;
height:30px;
color:#2f699b;
}

.paginations{
margin:0px;
margin:auto;
margin-top:0px;
width:500px;
height:30px;
color:#2f699b;
}

#para{
margin:0px;
margin:auto;
margin-top:0px;
line-height:1.5em;
display:block;
width:200px;
height:150px;
color:#444;
overflow:auto;
font-size:11px;
}

.parent{
background-color:#F1F2ED;
}


.pau{
float:left;
margin-left:200px;
width:40px;
height:40px;
margin:auto;
}

.pau2{
background-color:#F1F2ED;
border: 1px solid #cdd2d4;
width:180px;
min-height:100px;
margin:auto;
}
.pau3{
float:right;
width:100px;
height:40px;
margin:auto;
}

.paul{
background-color:#fff;
border: 1px solid #cccccc;
width:180px;
height:325px;
margin:auto;
}
	
.paul2{
background-color:#F1F2ED;
border: 1px solid #cdd2d4;
width:170px;
height:325px;
margin:auto;
}

.paul3{
margin-top:5px;
margin:left:3px;
background-color:#F1F2ED;
border: 1px solid #cdd2d4;
width:160px;
height:250px;
margin:auto;
}	

.paul4{
background-color:#fff;
width:auto;
height:350px;
margin:auto;
}	

.paul5{
background-color:#fff;
margin-top:10px;
width:180px;
height:325px;
margin:auto;
}

.paul6{
background-color:#fff;
margin-top:20px;
width:210px;
height:auto;
margin:auto;
border: 2px solid #cdd2d4;
box-shadow: 1px 1px 1px 1px #000;
direction: rtl;color:#fff;
}

	
.photo_message{
float:right;
margin:0px;
height:auto;
background-color:D3DCE3;
width:65px;
border: 1px solid #cdd2d4;
}	
.photo_message2{
float:left;
margin-top:5px;
height:auto;
width:100%;
color:#000;
}	

.photo_message3{
position:absolute;
margin:auto;
margin-top:5px;
margin-left:460px;
height:auto;
width:30px;
}

#photo{
	margin:auto;
    margin-top:10px;
	height:450px;
	width:700px;
	background-color:#1d4698;
}

#photo1{
    position:absolute;
	margin-left:250px;
    margin-top:150px;
	height:400px;
	width:500px;
	border:3px solid #ccc;
}


#photo2{
    margin-top:20px;
	margin:auto;
	height:180px;
	width:220px;
}

#photos2{
float:left;
margin-top:50px;
height:1100px;
width:220px;
}

#photos3{
	float:right;
	margin-top:30px;
	margin-right:10px;
	min-height:350px;
	width:28%;
}

#photos4{
float:right;
	margin-top:360px;
	margin-left:15px;
	height:350px;
	width:210px;
	border:1px solid #000;
}

#photo_num{
	float:left;
	margin-top:15px;
	margin-left:15px;
	height:30px;
	width:30;
	border:1px solid #15477A;
	border-radius:50px;
	text-align:center;
	padding:auto;
	background-color:#15477A;
	color:#fff;
	font-size:14px;
	text-align:center;
}

	
#phrase {
    background-color:#fff;
    color:#339;
    padding:0px;
    margin-bottom:30px;
	margin-top:10px;
      }

#pied_page{
    color:#b8b2b7;
    padding:0px;
	width:1003px;
	background-color:#444;
	margin:auto;
	margin-top:0px;
	height:auto;
   }
   
 #pied_page_2{
    color:#b8b2b7;
    padding:0px;
	width:1003px;
	background-color:#e2fcf7;
	margin:0px;
	margin:auto;
	height:auto;
   }
   
   
   
   
#pied_pages{
	background-color:#e2fcf7;
	position:relative;
    color:#b5b7ba;
    padding:0px;
	padding-top:20px;
	margin-top:30px;
	margin-left:0px;
	margin-right:0px;
    margin-bottom:0px;
	height:100px;
   }	  


#pied_page2{
    background-color:#cecfd5;
	position:relative;
    padding:0px;
	padding-top:0px;
	margin-top:0px;
	margin-left:0px;
	margin-right:0px;
    margin-bottom:0px;
	height:100px;
   }   
#pied_page2 p{
display:block;
    background-color:#cecfd5;
    padding:0px;
	margin:0px;
	background:url(PIED.jpg) center top no-repeat ;
	height:100px;
   }

#pied2 {
margin-top:5px;
width:280px;
line-height:2em;
color:#536da0;
background-color:#fff;
box-shadow: 0px 0px 0px #000;
border:1px solid #fff;
   }
 
#pied2 :li{
display:block;
margin:0px;
margin-top:3px;

   } 
   
   
   
   
   
   
.placer{
float:right;
margin-right:85px;
margin-top:-20px;
border-radius:10px;
width:150px;
background-color:#444;
}

.present{
display:block;
margin:0px;
padding:5px;
background:url(presentation.jpg) center top no-repeat ;
min-height:110px;
border-radius:5px;
}

.presente{
position:fixed;
bottom:0px;
}



.present2{
display:block;
margin:0px;
padding:5px;
background:url(espace.jpg) center top no-repeat ;
min-height:110px;
border-radius:5px;
}

.present3{
display:block;
margin:0px;
margin-top:0px;
padding:5px;
background:url(restaurant.jpg) center top no-repeat ;
min-height:83px;
border-radius:5px;
}

.present4{
display:block;
margin:0px;
margin-top:0px;
padding:5px;
background:url(chamb.jpg) center top no-repeat ;
min-height:110px;
border-radius:5px;
}

.present5{
display:block;
margin:0px;
margin-top:0px;
padding:5px;
background:url(bar.jpg) center top no-repeat ;
min-height:110px;
border-radius:5px;
}

.presentation{
display:block;
margin:0px;
padding-top:5px;
padding-left:5px;
padding-right:20px;
margin-left:1px;
width:620px;
line-height:6em;
color:#636360;
background-color:#F1F2ED;
min-height:750px;
border-radius:10px;
font: 14px Arial,"Trebuchet MS",sans-serif ;
 text-align:justify;
 overflow:auto;
}	
#presentation_s{
padding-top:2px;
padding:auto;
margin:auto;
width:590px;
line-height:6em;
color:#636360;
background-color:#fff;
border:1px solid #fff;
height:auto;
font: 14px Arial,"Trebuchet MS",sans-serif ;
 text-align:justify;
}

#presentation_s2{
padding-top:2px;
padding:auto;
margin:auto;
width:600px;
line-height:6em;
color:#636360;
background-color:#fff;
box-shadow: 0px 0px 0px #fff;
height:auto;
font: 14px Arial,"Trebuchet MS",sans-serif ;
 text-align:justify;
}	

#presentation{
float:left;
margin-left:0px;
margin-top:0px;
width:205px;
height:1100px;
background-color:#f2f3f5;
}	

#presentation2{
position:fixed;
float:left;
margin-left:0px;
top:50px;
bottom:2px;
width:205px;
background-color:#ecedf0;
}
  
#presentation hr{
margin:auto;
width:180px;
height:3px;
border:none; 
border-top:1px dotted #4b81c4;
}

#prestations{
position:relative;
float:left;
height:240px;
margin:auto;
width:230px;
margin-top:5px;
margin-left:250px;
}

#presentation_s select{
width:230px;
height:30px;
border-radius:5px;
border:1px solid #dfe0e3;
}
	
#principal{
margin-left:0px;
margin-right:0px;
height:auto;
background-color:#fff;
height:auto;
}
 
#prix{
margin-top:0px;
margin-right:0px;
margin-left:0px;
height:100px;
background-color:#FFFFFF;
}

#publicite{
position:absolute;
margin-top:5px;
margin-left:0px;
width:200px;
min-height:1400px;
height:auto;
}

#publicite2{
margin-top:0px;
margin-left:0px;
float:left;
width:210px;
min-height:1558px;
background-color:#000;
height:auto;
border-radius:0px 0px 100px 100px;
}

#publicites{
float:right;
margin-top:0px;
margin-left:200px;
width:20px;
min-height:300px;
background-color:#bbb7b7;
height:auto;
}


#publicites :ul li{

}


#pub{
position:fixed;
width:250px;
margin-left:610px;
top:45px;
bottom:3px;
background-color:#fff;
}

#pub_2{
float:left;
width:288px;
margin-top:5px;
background-color:#f2f3f5;
}



#pubpatnaireR{
width:193px;
margin-left:603px;
position:fixed;
top:30px;
bottom:2px;
background-color:#ecedf0;
}




#pub10{
width:193px;
height:620px;
background-color:#ffcc66;
overflow:auto;
}

#pub_info11{
width:240px;
margin:auto;
margin-top:5px;
bottom:5px;
background-color:#FFF;
border-radius:0px;
min-height:250px;
overflow:auto;
}

#pub_info{
position:absolute;
width:284px;
margin-left:3px;
margin-top:945px;
background-color:#FFF;
border-radius:3px;
height:400px;
overflow:auto;
}

#pub_info2{
width:284px;
margin-left:3px;
margin-top:10px;
background-color:#fff;
border: 1px solid #666;
border-radius:3px;
min-height:300px;
}

#pub_info_3{
width:284px;
margin-left:3px;
margin-top:0px;
background: linear-gradient(#fff 5%, #fff 100%);
border-radius:3px;
max-height:600px;
overflow:auto;
border: 1px solid #666;
}


#pub_info3{
width:188px;
margin:auto;
margin-top:20px;
background-color:#FFF;
border-radius:10px;
min-height:250px;
overflow:auto;
border: 1px solid #fea628;
}

#pub_info4{
position:absolute;
width:284px;
margin-left:3px;
margin-top:740px;
background-color:#FFF;
border-radius:3px;
min-height:400px;
overflow:auto;
}



#pub_avis{
margin:auto;
margin-top:2px;
width:145px;
min-height:100px;
background-color:#fff;
height:auto;
border: 2px solid #fea628;
}

#pub_avis a{
  margin:0px;
  margin-top:5px;
  font-size:18px;
  color:#928d8d;
  text-align:center;
  text-decoration: none;
}

#pube2{
position:absolute;
margin:0px;
margin-top:0px;
margin-left:600px;
min-height:1990px;
background-color:#444;
width:400px;
}



.pub_tele{
margin:auto;
margin-top:10px;
width:185px;
height:auto;
background-color:#fff;
height:auto;
}



#qui{
height:210px;
margin:auto;
width:950px;
margin-top:5px;
}


.rclient{
float:left;
padding:0px;
margin-top:5px;
width:200px;
height:auto;
background-color:#f4f5c0;
border-radius:0px 10px 10px 0px;
font: 14px "Trebuchet MS",Arial,sans-serif ;
text-align:justify;
padding-left:3px;
border: 1px solid #cecfd5;
}

.rvalider{
padding:0px;
margin-top:5px;
width:auto;
height:auto;
background-color:#f4f5c0;
font: 14px "Trebuchet MS",Arial,sans-serif ;
text-align:center;
padding-left:3px;
border-radius:20px;
border: 1px solid #cecfd5;
}

.rec1{
position:absolute;
width:200px;
background-color:#d5dfe8;
height:45px;
}

.rec2{
position:absolute;
width:50px;
margin-top:0px;
margin-left:205px;
height:45px;
cursor: pointer;
height:45px;
}

#rechercher{
width:350px;
height:30px;
}

#recherche_avance{
position:fixed;
top: 0; left: 0; right: 0;
height:auto;
overflow:auto;
Z-Index:5;
-khtml-opacity:0.38;
}

#recherche_avances{
margin:auto;
width:1003px;
}

#recherchea{
width:80px;
background:url(home.png) center top no-repeat ;
cursor: pointer;
height:45px;
}

#rechercheb{
width:80px;
background-color:#FFFFFF;
cursor: pointer;
height:45px;
background:url(chambre.png) center top no-repeat ;
}

#recherchec{
width:80px;
cursor: pointer;
height:45px;
background:url(restore.png) center top no-repeat ;
}

#recherched{
width:80px;
background:url(vin.png) center top no-repeat ;
cursor: pointer;
height:45px;
}


#rechercher2{
margin-left:80px;
width:350px;
height:30px;
}

#rechercher3{
margin-left:20px;
width:350px;
height:30px;
}
#rechercher4{
margin-left:20px;
width:200px;
height:25px;
}

#recherchet{
width:350px;
height:50px;
background:url(fo2.png) center top no-repeat;
}

#recherches{
width:350px;
height:30px;
border-radius:10px;
}

#recherche_emploi{
padding:0px;
margin:auto;
margin-top:10px;
width:999px;
height:140px;
background-color:#ffcc00;
font: 14px "Trebuchet MS",Arial,sans-serif ;
text-align:center;
padding-left:3px;
border-radius:0px;
}

.reponse{
float:left;
width:600px;
min-height:1500px;
border-radius:30px;
}

#recrutement{
margin:auto;
margin-left:5px;
width:200px;
min-height:220px;
background-color:#fff;
border-radius:5px;
margin-top:10px;
}


#restauration{
margin-top:40px;
}

#restauration2{
margin-top:40px;
}

#reserve{
width:250px;
}

#reservation{
height:550px;
width:100%;
border-radius:10px;
margin:auto;
overflow-y:auto;
margin-top:10px;
padding:3px;
}

#reservations{
position:absolute;
Margin-top:0px;
margin-left:100px;
width:600px;
color:#2c2b29;
background-color:#cecfd5;
border: 1px solid #fda129;
min-height:500px;
border-radius:10px;
font: 20px "Trebuchet MS",Arial,sans-serif ;
}

.reservations:hover{
position:absolute;
Margin-top:-120px;
margin-left:-500px;
width:600px;
color:#2c2b29;
background-color:#cecfd5;
border: 2px solid #fda129;
min-height:450px;
border-radius:10px;
cursor:pointer;
font: 20px "Trebuchet MS",Arial,sans-serif ;
}
.reservations:active{
Margin-top:0px;
margin-left:0px;
width:50px;
color:#2c2b29;
background-color:#cecfd5;
border: 2px solid #fda129;
min-height:50px;
border-radius:10px;
font: 20px "Trebuchet MS",Arial,sans-serif ;
}

#reservation2{
margin-top:40px;
}


.rpub{
width:500;
position:absolute;
margin-left:250px;
height:40px;
margin-top:200px;
background-color:#c0f5e0;
border-radius:10px;
font: 14px "Trebuchet MS",Arial,sans-serif ;
text-align:justify;
padding-left:3px;
border: 1px solid #cecfd5;
}

.rstructure{
float:right;
width:200px;
height:auto;
margin-top:5px;
background-color:#c0f5e0;
border-radius:10px 0px 0px 10px;
font: 14px "Trebuchet MS",Arial,sans-serif ;
text-align:justify;
padding-left:3px;
border: 1px solid #cecfd5;
}


#reseau{
position:absolute;
height:240px;
margin:auto;
width:230px;
margin-top:5px;
margin-left:710px;
}

#reservation{
border-radius:0px;
text-align:justify;
padding-top:5px;
width:95%;
margin:auto;
margin-bottom:3px;
}



#reserv{
margin-top:0px;
width:auto;
height:auto;
background-color:#fff;
box-shadow: 0px 2px 2px 0px #bdbec0;
}


#reserver{
position:fixed;
bottom:0px;
left:200px;
width:auto;
height:auto;
background-color:#F1F2ED;
box-shadow: 0px 10px 10px 0px #bdbec0;
overflow:auto;
}

#reserver2{
position:fixed;
top: 0; left: 0; right: 0;
height:auto;
overflow:auto;
Z-Index:5;
-khtml-opacity:0.38;

}

#reserver3{
top: 0; left: 0; right: 0;
height:auto;
overflow:auto;
Z-Index:5;
-khtml-opacity:0.38;
}

#result_client{
position:relative;
float:right;
margin-top:-400px;
width:auto;
height:auto;
background-color:#e00000;
}
#result_client2{
margin:auto;
height:180px;
}

#resulta{
margin-top:0px;
margin:auto;
width:100%;
min-height:700px;
background-color:#fff;
}

#resultaE3{
margin-top:0px;
margin:auto;
width:100%;
min-height:1000px;
background-color:#efefeb;
}

#resulta22{
margin:0px;
width:100%;
height:1930px;
background-color:#fff;
}

#resulta a{
display:block;
margin:0px;
margin:auto;
width:auto;
padding:3px;
background-color:#fff;
border: 1px solid #ccc;
text-decoration: none;
height:360px;
}

#resulta a:hover{
display:block;
background-color:#fff;
border: 2px solid #ffcc00;
}

#resulta22 a{
	text-decoration:none;
}

#resulta22 a:hover{
background-color:#ffcc00;
}


#resulta2{
margin:auto;
top:10px;
width:100%;
min-height:200px;
max-height:550px;
overflow:auto;
Z-Index:40;

}

#resultac{
padding-top:0px;
margin-top:20px;
margin:auto;
width:780px;
height:100px;
background-color:#000;
}

#resultaf{
margin-top:0px;
margin:auto;
width:780px;
min-height:1600px;
background-color:#fff;
border: 1px solid #fff;
border-radius:3px;
height:auto;
}

#resultag{
margin:auto;
margin-top:0px;
margin-left:11px;
width:775px;
min-height:1435px;
background-color:#fff;
height:auto;
}

#resultag a{
display:block;
padding:5px;
margin:0px;
margin:auto;
width:auto;
background-color:#fff;
text-decoration: none;
border: 1px solid #ccc;
height:360px;
}

#resultag a:hover{
display:block;
background-color:#fff;
border: 1px solid #ffcc00;
}


#resultat{
width:100%;
min-height:1350px;
background-color:#efefeb;
height:auto;

}

#resultatf2{
width:60%;
margin-left:200px;
min-height:1600px;
background-color:#FFF;
border: 1px solid #fff;
}

#resultatf3{
width:80%;
min-height:1475px;
background-color:#FFF;
}


#resultat_s{
margin-top:0px;
margin:auto;
width:80%;
min-height:700px;
background-color:#fff;
border-radius:0px 5px 5px 5px;
margin-bottom:0px;
border: 1px solid #fff;
}

#resultat_2{
margin-top:0px;
margin-left:212px;
width:788px;
min-height:1350px;
background-color:#fff;
border-radius:0px 3px 3px 3px;
margin-bottom:0px;
border: 1px solid #fff;
}




#resultat2{
position:asolute;
float:left;
margin-top:0px;
margin-left:0px;
width:215px;
min-height:1458px;
background: linear-gradient(#ffffcc 5%, #ffffcc 100%);
border: 1px solid #fff;
}

#resultat3{
float:left;
margin-top:0px;
margin-left:0px;
width:213px;
min-height:1475px;
background: linear-gradient(#ffffcc 5%, #ffffcc 100%);
margin-bottom:0px;
}

#resultp{
position:relative;
width:1002px;
min-height:1195px;
background-color:#fff;
border-radius:3px;
}

#resultp2{
position:relative;
margin-top:0px;
width:1000px;
min-height:1350px;
background-color:#fff;
border:1px dotted #fff;
}

#rface{
position:absolute;
background-color:#99ccff;
margin-top:0px;
margin-left:535px;
width:250px;
height:auto;
max-height:550px;
}



#rface a{
display:block;
margin:0px;
margin-top:5px;
margin-bottom:5px;
width:auto;
background-color:#F1F2ED;
border: 1px solid #F1F2ED;
text-decoration: none;
height:auto;
}

#rface a:hover{
display:block;
background-color:#F1F2ED;
border: 1px solid #000;
}

#rface2{
border:2px solid #444;
width:235px;
height:auto;
max-height:550px;
overflow-y:auto;
}

#rface3{
margin-top:10px;
}

#rfacefixed{
position:fixed;
margin-top:-3px;
width:210px;
height:70px;
background-color:#a7d3f0;
border:2px solid #a7d3f0;
}
#rfacefixed2{
margin:auto;
margin-top:0px;
width:210px;
height:70px;
}

#ro{
height:360px;
background-color:#d5dfe8;
border:1px dotted #d5dfe8;
}


background-color:#bbb7b7;
#salle{
margin-top:200px;
}

.separe{
float:left;
margin-top:0px;
width:598px;
background-color:#FFF;
border-radius:0px;
margin-bottom:10px;
border: 1px solid #fff;
padding:5px;
}

.separe2{
float:left;
margin-top:0px;
width:598px;
min-height:1160px;
background-color:#fff;
border-radius:0px;
margin-bottom:10px;
border: 1px solid #fff;
padding:5px;
}

#services2{
float:left;
margin-left:10px;
margin-top:0px;
width:400px;
height:20px;
}

#services3{
float:left;
margin-left:0px;
margin-top:0px;
width:200px;
height:20px;
background-color:#fff;
}


#servicea{
display:block;
width:400px;
height:20px;
cursor:pointer;
margin-top:3px;
}

#services2 ul{
margin:0px;
padding:0px;
line-height:20px;

}

#services2 li{
list-style:none;
float:left;
position:relative;
}

#services2 ul li a{
color:#fff;
margin:0px;
padding-left:20px;
text-decoration:none;
width:200px;
height:30px;
display:block;
text-align:left;
border:1px solid #fff;
}

#services2 ul li a:hover{
color:#000;
background-color:#ffcc00;
}


#services2 ul ul{
position:absolute;
margin-top:0px;
visibility:hidden;
}

#services2 ul:hover ul{
visibility:visible;
z-index:99999;
}

#services2 li ul a{
background:#595656;
}


#stock{
margin-top:40px;
}

#stock2{
margin-top:40px;
}
.succes{width: 400px; height: 50px; background: #e3fbff; border: 1px solid #788886; margin-left:400px; text-align: center; border-radius: 8px;
        position: absolute; top: 290px; line-height: 3em;
}

#situation{
padding-top:5px;
margin:auto;
width:700px;
height:100px;
border: 1px solid #ccc;
border-radius:5px;
background: #d4e8f1;
}

#situation2{
margin-top:0px;
margin:auto;
width:50px;
height:50px;
border-radius:10px;
}

#social{
margin-top:50px;
height:250px;
width:95%;
border-radius:0px;
border-radius:0px;
overflow-y:auto;
}


#sponsore{
margin:auto;
margin-top:0px;
width:1000px;
height:135px;
background-color:#fff;
}

#sponsore1{
height:200px;
margin:0px;
padding:0px;
overflow:hidden;
}

#sponsore1 figure{
margin:auto;
padding:0px;
height:200px;
}

#sponsore1 a{
display:block;
float:left;
width:400px;
height:200px;
}




#sponsore2{
position:absolute;
margin-top:3px;
margin-left:403px;
width:595px;
height:130px;
border-radius:10px;
}

#sponsore2 a{
display:block;
float:left;
width:595px;
height:130px;
}


#t_attente{
width:190px;
margin:auto;
font-size:15px;
color:#64aaf2;
margin-top:10px;
width:190px;
height:30px;
border: 1px solid #d3d5d8;
border-radius:10px;
background-color:#fff;
border: 1px solid #a2a19f;
}


#t_deconnexion{
width:230px;
height:30px;
border: 1px solid #600 ;
border-radius:30px;
}

#t_disponible{
padding:0px;
margin:auto;
margin-top:10px;
font-size:10px;
color:#64aaf2;
width:190px;
height:30px;
border: 1px solid #a2a19f;
border-radius:10px;
background-color:#fff;
font: 14px "Trebuchet MS",Arial,sans-serif ;
}

#t_disponible2{
margin-left:0px;
padding:0px;
width:342px;
height:20px;
border: 1px solid #fa9b06;
border-radius:0px;
background-color:#6b92cb;
font: 14px "Trebuchet MS",Arial,sans-serif ;
}



.tab{
width:200px;
height:40px;
border: 1px solid #600 ;
}

.tabl{
margin-left:10px;
position:relative;
width:200px;
height:150px;
border: 1px solid #600 ;
}

#tableau {
    font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
    font-size: 13px;
    margin: 0px ;
    width: 95%;
    text-align: left;
    border-collapse: collapse;
	border: 1px solid #999;
	
}
#tableau th {
	margin:0px;
    font-size: 16px;
    font-weight: normal;
    padding: 1px;
    background: linear-gradient(#666 5%, #000 100%);
	border: 1px solid #999;
    color: #fff;
	padding:7px;
}
#tableau td {
	margin:0px;
    padding: 1px;
    color: #ccc;
	border: 1px solid #999;
	text-align:center;
    background: #fff;
}
#tableau tfoot tr td {
    background: #FFF;
    font-size: 16px;
    color: #99c;
    text-align:center;
}
#tableau tbody tr:hover td {
    background: #FFF url('http://4.bp.blogspot.com/_xDpoN6UfFFY/S-J2hsztUzI/AAAAAAAACbo/ztV1CK0RUrE/s1600/gradhover.png') repeat-x;
    color: #339;
}
#tableau a:hover {
    text-decoration:underline;
}

#tableaux {
    font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
    font-size: 13px;
    margin:auto;
	margin-top:10px;
    
    text-align: left;
    border-collapse: collapse;
	border: 1px solid #000;
	border-radius:5px;
}
#tableaux tr{
	margin:0px;
    font-size: 13px;
    font-weight: normal;
    padding: 1px;
    background: #5676a5;
	border:1px solid #fff;
    color: #000;
}
#tableaux td {
	margin:0px;
    padding: 1px;
    color: #000;
	
	text-align:center;
    background: #fff url('http://1.bp.blogspot.com/_xDpoN6UfFFY/S-J2f5yBC3I/AAAAAAAACbY/zWXYXsR-w5E/s1600/gradback.png') repeat-x;
}

#table_reserve{
border-collapse: collapse;
margin:0px;
margin:auto;
}


#table_reserve th {
	margin:0px;
    font-size: 13px;
    font-weight: normal;
    padding: 1px;
    background: #ccc;
	border: 1px solid #444;
    color: #000;
	padding:7px;
}
#table_reserve td {
	margin:0px;
    padding: 1px;
    color: #000;
	border: 1px solid #ccc;
	text-align:center;
    background: #fff;
}


#tchat{
margin:auto;
margin-top:10px;
width:190px;
height:215px;
background-color:#d6dadc;
border: 1px solid #fff;
}

#texte{
width:100%;
height:30px;
border-radius:1px;
border: 1px solid #c9c8c5;
line-height:30px;
margin:auto;
margin-top:10px;
}

#te{
width:200px;
height:30px;
border-radius:10px;
border: 1px solid #6991cf;
}

#te2{
width:100px;
height:30px;
border-radius:5px;
background-color:#043484;
border: 1px solid #6991cf;
cursor:pointer;
color:#fff;
}


#tex{
width:200px;
height:30px;
border: 1px solid #6991cf;
border-radius:5px;
}


#textee{
width:350px;
height:80px;
}
#textek{
width:150px;
height:30px;
}
#textes{
width:200px;
height:25px;
}
#texter{
width:200px;
height:55px;
font-size:30px;
}

#text{
height:30px;
font-size:15px;
}

#titre {
padding-top:3px;
    color:#339;
    margin-left:0px;
	margin-right:0px;
	height:53px;
	background-color:#000;
      }

.titre2 {
    background-color:#fff;
    color:#339;
    margin-top:0px;
	 width:250px;
	border: 5px solid #3673ee;
	border-radius:0px 10px 0px 10px;
	padding-top:20px;
	padding-bottom:20px;
	background:url(images/visit.jpg) center top no-repeat;
	box-shadow: 0px 0px 0px #fda129;
      }	  
	  
.titre3{
padding-bottom:0px;
margin-top:0px;
width:140px;
height:100px;
border-radius:100px;
background-color:#F1F2ED;
}	 	  

.titre4{
   padding-bottom:0px;
	margin-top:20px;
    width:130px;
	height:50px;
      }	 	
	  
.titre_info {
    background-color:#fff;
    color:#339;
    margin-top:10px;
	width:250px;
	border: 5px solid #3673ee;
	border-radius:0px 10px 0px 10px;
	padding-top:20px;
	padding-bottom:20px;
	box-shadow: 0px 0px 0px #fda129;
      }	
.titre_info2 {
    background-color:#fff;
    color:#FF7800;
	margin:auto;
    margin-top:5px;
	width:250px;
	text-align: center ;
	border:5px solid #3F3F3F;
	border-radius:0px 10px 0px 10px;
	padding-top:20px;
	padding-bottom:20px;
	box-shadow: 0px 0px 0px #fda129;
      }	

.titre_message{
margin:auto;
height:30px;
width:100%;
}	  
	  
	  
#unerecherche{
float:right;
margin-top:0px;
margin-right:0px;
width:autopx;
height:100px;
}

#val{
background-color:#813d94;
width:100px;
height:35px;
border-radius:30px;
cursor:pointer;
color:#fff;
}

#validation{
display:block;
width:300px;
height:auto;
border-radius:10px;
border: 1px solid #307cb6;
box-shadow: 0px 2px 2px 0px #307cb6;
background-color:#307cb6;
color:#fff;
padding:0px;
padding-top:15px;
padding-bottom:15px;
}

#valide{
position:relative;
float:left;
margin-top:0px;
margin-left:-30px;
background-color:#444;
border: 1px solid #444;
color:#fff;
cursor: pointer;
border-radius:50px;
}

#valider{
width:100px;
height:30px;
background:url(images/fo2.png) center top no-repeat ;
border-radius:5px;
cursor:pointer;
}

#validerp{
    width: 100px;
    height: 30px;
    background-color: #f07355;
    border-radius: 5px;
    cursor: pointer;
    color: #ffffff;
    border: 1px solid #9b9b96;
}

#validero{
display:block;
width:95%;
height:30px;
border-radius:5px;
cursor:pointer;
margin:auto;
background: linear-gradient(#444 5%, #000 100%);
border: 1px solid #000;
color:#fff;
}

#validero2{
position:relative;
border: 2px solid #ccc;
width:25px;
height:25px;
cursor:pointer;
border-radius:30px;
text-align:center;
color:#e00000;
font-size:13px;
}

#validero3{
border: 2px solid #ccc;
width:25px;
height:25px;
cursor:pointer;
border-radius:30px;
text-align:center;
color:#000;
font-size:13px;
}

#validero4{
    width: 50px;
    height: 30px;
    background-color:#f07355;
    border-radius: 5px;
    cursor: pointer;
    color: #ffffff;
    border: 1px solid #9b9b96;
}

#valider_message{
width:180px;
height:35px;
background-color: #444;
border-radius: 5px;
cursor: pointer;
color: #ffffff;
border: 1px solid #9b9b96;
}

#valider_reser{
width:200px;
  height: 35px;
    background-color: #444;
    border-radius: 5px;
    cursor: pointer;
    color: #ffffff;
    border: 1px solid #444;
}

#valider_reser_{
width:150px;
  height: 35px;
    background-color: #ccc;
    border-radius: 5px;
    cursor: pointer;
    color: #000;
    border: 1px solid #9b9b96;
}

#valider_reser2{
	margin:auto;
    width: 100px;
    height: 45px;
    background-color: #428bca;
    border-radius: 5px;
    cursor: pointer;
    color: #ffffff;
    border: 1px solid #9b9b96;
}

#valider_reser3{
	margin:auto;
    width: 100px;
    height: 45px;
    background-color:#0c9f9b;
    border-radius: 5px;
    cursor: pointer;
    color: #ffffff;
    border: 1px solid #9b9b96;
}

#valider_reser4{
width:100px;
  height: 35px;
    background-color:#444;
    border-radius: 5px;
    cursor: pointer;
    color: #ffffff;
    border: 1px solid #444;
}


#valides1{
margin-top:20px;
width:50px;
height:45px;
background-color:#428bca;
border-radius:5px;
cursor:pointer;
color:#ffffff;
border: 1px solid #9b9b96;
}

#valides2{
margin-top:0px;
width:30px;
height:25px;
background-color:#428bca;
border-radius:5px;
cursor:pointer;
color:#ffffff;
border: 1px solid #9b9b96;
}


#valider2{
width:50px;
height:30px;
}

#valider3{
width:100px;
height:30px;
}
#valides{
border: 1px solid #600 ;
background-color:#FFFFFF;
cursor: pointer;
height:60px;
}

#valisa{
position:relative;
float:left;
margin:auto;
margin-left:5px;
margin-top:5px;
width:260px;
height:930px;
background-color:#fff;
border: 2px solid #F5B041;
overflow:auto;
}

#valisa hr{
display:block;
height:3px;
background-color:#D3DCE3;
overflow:auto;
}






#valisa li {
list-style:none;
}

#valisa a {
display:block;
background-color:#999;
text-align:center;
font-size:11px;
color:#000;
cursor:pointer;
text-decoration:none;
min-width:20px;
max-width:200px;
}

#valisa b{
margin:auto;
font-size:12px;
}


#valisa a:hover {
background-color:#ffcc00;
color:#000;
}

#valisa hr {
margin:0px;
margin-top:5px;
}

#ztitre{
margin:auto;
width:100%;
height:60px;
padding-top:10px;
padding-bottom:10px;
background-color:#fff;
text-align:center;
}