body{
font-family: Tahoma, Arial, sans-serif;
font-size:10px;
color:#696744;
margin:0;
padding:0px;
background:#BD9F72;
}
#all{
width:900px;
height:800px;
margin:20px auto;
padding:0;
border:1px solid #000;
background:#fff;
}
a{
text-decoration:none;
}
a hover{
text-decoration:none;
color:#DAC4A1;
}

h1{
margin:5px 0;
color:#591e06;
font-size:11px;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
padding:0px 5px 0px 25px;
text-decoration:none;
}
h1 a{
background:url(../../images/icon0.jpg) 5px no-repeat;
margin:5px 0;
color:#591e06;
font-size:11px;
text-decoration:none;
padding:0px 5px 0px 25px;
}
h1 a:hover{
background:url(../../images/icone.jpg) 5px no-repeat;
margin:5px 0;
color:#b37f01;
font-size:11px;
text-decoration:none;
padding:0px 5px 0px 25px;
}
/*-------------contenu right-------------------*/
#right{
width:220px;
height:800px;
margin:0 auto;
padding:0;
float:left;
}
#logo{
width:220px;
height:138px;
margin:0px;
background:  url(../../images/logo_atv.jpg) no-repeat;
}
#menu{
width:220px;
height:662px;
margin:0px;
padding:0px;
background: #FFFFFF;
}
#menu-maroc{
margin:80px 0px 0px 0px;
color:#591e06;
font-size:11px;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
padding:0px;
clear:both;
list-style:none;
}
#menu-maroc .liste a{
background:url(../../images/icon0.jpg) 25px no-repeat;
color:#591e06;
font-size:11px;
text-decoration:none;
padding:0px 5px 0px 40px;
list-style:none;
}
#menu-maroc .liste a:hover{
background:url(../../images/icone.jpg) 25px no-repeat;
color:#b37f01;
font-size:11px;
text-decoration:none;
padding:0px 5px 0px 40px;
}

#menu-maroc .liste2{
margin:0px 0px 0px 0px;
color:#b37f01;
font-size:11px;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
padding:0px 5px 0px 20px;
text-decoration:none;
list-style:none;
}
#menu-maroc .liste2 a{
background:url(../../images/icone.jpg) 5px no-repeat;
color:#b37f01;
font-size:11px;
text-decoration:none;
padding:0px 5px 0px 20px;
list-style:none;

}
#menu-maroc .liste2 a:hover{
background:url(../../images/icone.jpg) 5px no-repeat;
color:#b37f01;
font-size:11px;
text-decoration:none;
padding:0px 5px 0px 20px;
}
.maroc{
width:220px;
height:21px;
margin:0px;
padding:0px;
color:#FFFFFF;
text-align:right;
font-size:12px;
font-weight:bold;
}
#clubatv{
margin:10px 0px 0px 0px;
padding:0px;
width:220px;
height:140px;
color:#591e06;
font-size:11px;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
clear:both;
background:#e8dcd3;
}
.bt{
width:220px;
height:21px;
margin:10px 0px;
padding:0px;
color:#FFFFFF;
text-align:right;
font-size:12px;
font-weight:bold;
}
.btclub, bt_contact{
width:220px;
height:21px;
margin:0px;
padding:0px;
color:#FFFFFF;
text-align:right;
font-size:12px;
font-weight:bold;
}
.contact-txt{
width:184px;
margin:0px;
padding:5px;
text-align:center;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color:#330000;
}
/*====================================milieu====================================*/
#milieu{
width:516px;
height:800px;
margin:0 auto;
padding:0;
float:left;
background:#dac4a1 ;
}
#milieu-top{
width:516px;
height:138px;
margin:0 auto;
padding:0;
clear:both;
text-align:center;
}
#milieu-contenu{
width:516px;
height:642px;
margin:0 auto;
padding:0;
clear:both;
background: #dac4a1;
}

#milieu-contenu-edito{
width:516px;
height:47px;
margin:0 auto;
padding:0;
clear:both;
background:url(../../images/v-top-edito.jpg) no-repeat;
}
#milieu-contenu-milieuedito{
width:476px;
height:510px;
margin:0 auto;
padding:20px 20px 0px 20px;
clear:both;
background: #dac4a1;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#7b1e11;
text-align:justify;
font-weight: normal;
}
#milieu-contbas-edito{
width:416px;
height:45px;
margin:0px;
padding:20px 100px 0px 0px;
clear:both;
background:url(../../images/v-bas-edito.jpg) no-repeat;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#7b1e11;
font-weight:bold;
text-align:right;

}


#milieu-contenu-top{
width:460px;
height:47px;
margin:0 auto;
padding:0;
clear:both;
background:url(../../images/banier/v-top.jpg) no-repeat;
}
#milieu-contenu-bas{
width:460px;
height:65px;
margin:0 auto;
padding:0;
clear:both;
background:url(../../images/banier/v-bas.jpg) no-repeat;
}
#footer{
width:516px;
height:14px;
margin:0px;
padding:3px 0px;
clear:both;
background: #3e1515;
text-align:center;
font-size:10px;
font-family:Arial, Helvetica, sans-serif;
color:#FFFFFF;
}
#footer a{
text-decoration:none;
color:#FFFFFF;
}
#footer a:hover{
text-decoration:none;
color:#DAC4A1;
}
.titre{
font-size:14px;
font-weight:bold;

}
/*=============================================end=============================*/
#banier-left{
width:120px;
height:800px;
margin:0 5px 0 5px;
padding:0;
float:left;
background:url(../../images/banier/banier-leftch2.jpg) no-repeat;
}
#menu-left{
width:16px;
height:800px;
margin:0 auto;
padding:0;
float:left;
}
.menu-left{
width:16px;
height:600px;
margin:0 auto;
padding:0;
float:left;
}
/*======================================================qsn===========================*/
#banier_left_qsn{
width:164px;
height:800px;
margin:0px;
padding:0;
float:left;
background: url(../../images/banier/banier_qsm.jpg) no-repeat;
}
#milieu-top-qsn{
width:460px;
height:122px;
margin:0 auto;
padding:0;
background:url(../../images/banier/banier-qsn.jpg) no-repeat;
clear:both;
}
#milieu-contenu-qsn{
margin:0px auto;
padding:0;
width:460px;
height:440px;
height:455px !important;
clear:both;
background: #dac4a1;
}
#milieu-contop-qsn{
width:460px;
height:47px;
margin:0 auto;
padding:0;
clear:both;
background:url(../../images/banier/vmaroc-top.jpg) no-repeat;
}
#milieu-contmil-qsn{
width:420px;
height:auto;
margin:0 auto;
padding:40px 20px;
clear:both;
background: #dac4a1;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#7b1e11;
text-align:justify;
font-weight: normal;
}
#milieu-contbas-qsn{
width:460px;
height:65px;
margin:0 auto;
padding:0;
clear:both;
background:url(../../images/banier/vmaroc-bas.jpg) no-repeat;
}
/*======================================================chart===========================*/
#milieu-contenu-milieuecharte{
background: url(../images/banier/fondcharte.jpg) no-repeat;
width:476px;
height:622px;
margin:0px;
padding:20px 20px 0px 20px;
clear:both;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#7b1e11;
text-align:justify;
font-weight: normal;
}
#banier-leftcharte{
width:164px;
height:800px;
margin:0px;
padding:0;
float:left;
background: url(../../images/banier/banier-leftcharte.jpg) no-repeat;
}
/*======================================================quad===========================*/

#milieu-top-quad{
width:516px;
height:138px;
margin:0 auto;
padding:0;
background: url(../../images/banier/banier-quad.jpg) no-repeat;
clear:both;
}

#milieu_quad{
margin:0px auto;
padding:0;
width:516px;
height:642px;
clear:both;
background: #dac4a1;
}

#banier-leftquade{
width:164px;
height:800px;
margin:0px;
padding:0;
float:left;
background: url(../../images/banier/banier_quad.jpg) no-repeat;
}
#banier-leftorg{
width:164px;
height:800px;
margin:0px;
padding:0;
float:left;
background: url(../../images/banier/banier_org.jpg) no-repeat;
}

/*============================================*/
#milieu-top-atlantique{
width:516px;
height:138px;
margin:0px;
padding:0px;
background: url(../../images/banier/banier_atlantique.jpg) no-repeat;
clear:both;
}
#milieu-top-desert{
width:516px;
height:138px;
margin:0px;
padding:0px;
background: url(../../images/banier/banier-desert.jpg) no-repeat;
clear:both;
}

#milieu-circuit{
margin:0px auto;
padding:0;
width:516px;
height:642px;
clear:both;
background: #dac4a1;
}
#banier-leftatlas{
width:164px;
height:800px;
margin:0px;
padding:0;
float:left;
background: url(../../images/banier/banier_atlas.jpg) no-repeat;
}
#banier-leftatlantique{
width:164px;
height:800px;
margin:0px;
padding:0;
float:left;
background: url(../../images/banier/banier_leftatlantique.jpg) no-repeat;
}
#banier-leftsud{
width:164px;
height:800px;
margin:0px;
padding:0;
float:left;
background: url(../../images/banier/banier-leftdesert.jpg) no-repeat;
}

#milieu-pr{
margin:0px;
padding:0px;
width:590px;
height:455px;
clear:both;
}
#milieu-video{
margin:0px;
padding:40px 0px 0px 120px;
width:470px;
height:415px;
clear:both;
}
#milieu-carnet{
margin:0px;
padding:0px;
width:590px;
height:455px;
clear:both;
}
#pr-left{
margin:0px;
padding:0px;
width:385px;
height:455px;
float:left;
}
#pr-left-sud{
margin:0px;
padding:5px;
width:374px;
height:445px;
float:left;
font:tahoma, Helvetica, sans-serif;
font-size:12px;
font-weight:normal;
color:#6E0E01;
text-align:justify;
line-height:20px;
}
#pr-left-atlas{
margin:0px;
padding:5px;
width:374px;
height:445px;
float:left;
font:tahoma, Helvetica, sans-serif;
font-size:12px;
font-weight:normal;
color:#6E0E01;
text-align:justify;
line-height:14px;
}
#milieupr-titre{
width:370px;
height:44px;
margin:0px;
padding:0px;
clear:both;
}
#milieupr-titre-reserv{
width:370px;
height:44px;
margin:0px;
padding:0px;
text-align:center;
font-weight:bold;
clear:both;
}
.moin{
margin:0px 0px 0px 10px;
float:left; 
width:55px; 
height:44px;
}
.plus{
margin:0px 0px 0px 80px;
float:left; 
width:55px; 
height:44px;
}
.plus a{
border:none;
text-decoration:none;
}
.titre-prog{
width:auto;
height:34px;
margin:0px;
padding:10px 0px 0px 80px;
font-size:12px;
font-weight:bold;
color:#410C0C;
float:left;
}
.titre-pr{
width:275px;
height:34px;
margin:0px;
padding:10px 0px;
text-align:center;
font-size:12px;
font-weight:bold;
color:#410C0C;
float:left;
}
#pr-right-sud{
margin:0px;
padding:0px;
width:205px;
height:455px;
background: url(../../images/banier/banier-leftsud.jpg) no-repeat;
float:left;
}
#footer-pr{
width:580px;
height:13px;
margin:0 auto;
padding:5px;
clear:both;
background: #3e1515;
text-align:center;
font-size:10px;
font-family:Arial, Helvetica, sans-serif;
color:#FFFFFF;
}
#footer-pr a{
text-decoration:none;
color:#FFFFFF;
}
#footer-pr a:hover{
text-decoration:none;
color:#DAC4A1;
}
/*======================================================Sud ===========================*/
#banier-sud{
margin:0px;
padding:0px;
background:url(../../images/banier/sudq674.jpg) no-repeat;
width:590px;
height:122px;
clear:both;
}
#pr-right-sud{
margin:0px;
padding:0px;
width:205px;
height:455px;
background: url(../../images/banier/banier-leftsud.jpg) no-repeat;
float:left;
}
/*======================================================atlas ===========================*/
#banier-atlas{
margin:0px;
padding:0px;
background: url(../../images/banier/atlas323.jpg) no-repeat;
width:590px;
height:122px;
clear:both;
}
#pr-right-atlas{
margin:0px;
padding:0px;
width:205px;
height:455px;
background: url(../../images/banier/banier-leftatlas.jpg) no-repeat;
float:left;
}



/*======================================================atlantik ===========================*/
#banier-atlantik{
margin:0px;
padding:0px;
background: url(../../images/banier/atlant333.jpg) no-repeat;
width:590px;
height:122px;
clear:both;
}
#pr-right-atlantik{
margin:0px;
padding:0px;
width:205px;
height:455px;
background: url(../../images/banier/banier-leftatlantik.jpg) no-repeat;
float:left;
}
/*====================================================== fin ===========================*/
/*====================================================== carnet de voyages ===========================*/
#milieu-contenu-carnet{
width:516px;
height:642px;
margin:0 auto;
padding:0px;
clear:both;
/*background: #d9caa2;
*/}
#milieu-contenu-milieucarnet{
width:516px;
height:642px;
margin:0 auto;
padding:0px 0px 0px 0px;
clear:both;
background: #d9caa2;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#7b1e11;
text-align:justify;
font-weight: normal;
}
#banier-leftcarnet{
width:164px;
height:800px;
margin:0px;
padding:0;
float:left;
background: url(../../images/banier/banier-leftcarnet.jpg) no-repeat;
}

/*====================================================== fin ===========================*/

#pr-right-reserv{
margin:0px;
padding:5px 0 0 10px;
width:190px;
height:445px;
float:left;
font-weight:bold;
color:#591e06;
font-size:11px;
font-family:Arial, Helvetica, sans-serif;
border-left:1px solid #660000;
}
#banier-carnet{
margin:0px;
padding:0px;
background: url(../../images/banier/carnet.jpg) no-repeat;
width:590px;
height:122px;
clear:both;
}
#banier-telechargement{
margin:0px;
padding:0px;
background: url(../../images/banier/telechargement.jpg) no-repeat;
width:590px;
height:122px;
clear:both;
}
#banier-video{
margin:0px;
padding:0px;
background: url(../../images/banier/video.jpg) no-repeat;
width:590px;
height:122px;
clear:both;
}
#banier-sondage{
margin:0px;
padding:0px;
background: url(../../images/banier/sondage.jpg) no-repeat;
width:590px;
height:122px;
clear:both;
}
#banier-reservation{
margin:0px;
padding:0px;
background: url(../../images/banier/reservation.jpg) no-repeat;
width:590px;
height:122px;
clear:both;
}
#banier-contact{
margin:0px;
padding:0px;
background: url(../../images/banier/contact.jpg) no-repeat;
width:590px;
height:122px;
clear:both;
}
/*-----------------------------form ----------------------------*/
.form label {
float:left;
}
.form input,.form textarea{
background: #BD9F72 ;
border:1px solid #522c07;
float:left;
}
.form select {
background: #BD9F72 ;
border:1px solid #522c07;
float:left;
}
/*-----------------------------fin form ----------------------------*/
.champ{
font:Arial, Helvetica, sans-serif;
font-size:12px;
color:#663300;
}
#milieu-contact{
margin:0px;
padding:50px 0px 0px 50px;
width:520px;
height:405px;
clear:both;
color: #330000;
font-size:12px;
font-weight:bold;
line-height:20px;
font-family:tahoma, Times, serif;
}
/*--------------------------------------------------style------------------------*/
#all-partenaire{
width:800px;
height:1100px;
margin:0px auto;
padding:0;
border:1px solid #000;
background:#fff;
}
#milieu-partenaire{
width:590px;
height:1100px;
margin:0 auto;
padding:0;
float:left;
background: #dac4a1;
}
#banier-partenaire{
margin:0px;
padding:0px;
background: url(../../images/banier/partenaires.jpg) no-repeat;
width:590px;
height:122px;
clear:both;
}
#milieu-pr-partenaire{
margin:0px;
padding:0px;
width:590px;
height:955px;
background:#DAC4A1;
clear:both;
}
#menu-left-partenaire{
width:16px;
height:955px;
margin:0 auto;
padding:0;
float:left;
}
.menu-left-partenaire{
width:16px;
height:1100px;
margin:0 auto;
padding:0;
float:left;
}
#menu-partenaire{
width:194px;
height:800px;
margin:0px;
padding:0px;
background: #FFFFFF;
}
#right-partenaire{
width:194px;
height:800px;
margin:0 auto;
padding:0;
float:left;
}
.texte-left{
margin:5px 0px 0px 300px;
font-weight:bold;
}
.refer{
clear:both; 
width:800px; 
height:auto; 
margin:0px auto;
padding:0px;
}
.refer a{
text-decoration:none;
font-style:normal;
}
/*------------------------------------------------------style carnet de voyage-------------------------------------*/
#bandeau{
width:504px;
height:19px;
background-color:#3E1515;
padding:0px;
}

#carnet{
width:100%;
height:610px;
clear:both;
}

#bloc_carnet{
width:450px;
height:auto;
margin:10px auto 10px auto;
border-bottom:1px solid #330000;
display:table;
padding-bottom:10px;
}

#bloc_left{
width:60px;
height:auto;
padding:10px;
float:left;
}
#bloc_right{
width:365px;
height:auto;
float:right;
}

#ttr_article{
width:363px;
height:30px;
margin-top:10px;
margin-bottom:10px;
}

.membre{
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
color:#3E1515;
font-weight:bold;
}

.membre3{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#d9caa2;
font-weight:bold;
}

.membre3 a{
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color:#d9caa2;
text-decoration:none;
}

.titre_article{
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
color:#3E1515;

}

.date_ajout{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#6E5048 ;
line-height:20px;
}

#detail_article{
display:table;
width:353px;
height:auto;
margin-right:10px;
}

#img_article{
width:120px;
height:120px;
margin-right:5px;
padding:3px;
border:1px solid #BD9F72;
float:left;
}

#bref_article{
width:200px;
height:auto;
margin-right:5px;
padding:3px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#6E5048;
float:left;
display: table;
}

#action_article{
width:353px;
height:20px;
margin-right:10px;
}

#ttr_cmt{
width:349px;
height:16px;
margin-right:10px;
padding:2px;
background-color:#BD9F72 ;
margin-top:1px;
}
#bloc_cmt{
width:343px;
height:auto;
margin-right:10px;
margin-top:1px;
background-color:#BD9F72 ;
display:table;
padding:5px;
}
.membre_cmt{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#3E1515;
}

#avatar_cmt{
width:50px;
height:50px;
border:1px solid #D9CAA2;
float:left;
padding:1px;

}

#detail_cmt{
width:280px;
height:auto;
margin-left:5px;
float:left;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#6E5048 ;
}

.membre2{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#3E1515;
font-weight:bold;
}

.champ{
width:120px;
height:14px;
border:1px solid  #0F0101 ;
background-color:#FFFFFF;
}

.libelle{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#D9CAA2;
}

.btn_connexion{
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#BD9F72 none repeat scroll 0 0;
border:1px solid  #0F0101 ;
color:#3E1515;
cursor:pointer;
font-family:Georgia,"Times New Roman",Times,serif;
font-size:12px;
height:19px;
padding-bottom:2px;
padding-top:0px;
margin-left:20px;
width:80px;
}
#bloc_cmt2{
width:343px;
height:50px;
margin-right:0px;
margin-top:1px;
background-color:#BD9F72 ;
padding:5px;
}

#bloc_cmt3{
width:343px;
height:20px;
margin-right:0px;
background-color:#BD9F72 ;
padding:5px;
}

#b_cmt{
width:335px;
height:20px;
}
#login{
float:left;
}
#deconnexion{
float:right;
margin-right:10px;
}
#sep{
width:343px;
height:90px;
}

.supp_cmt a{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#3E1515;
line-height:20px;
text-decoration:underline;

}

#bloc_inscription{
width:638px;
height:280px;
border:1px solid #BD9F72;
margin:20px auto 20px auto;
}

#tbl_inscription{
width:450px;
height:30px;
margin:10px auto 10px auto;
border:1px solid #3E1515;    
}

.ttr_champ{
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
color:#3E1515;
}

.val_champ{
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
color:#3E1515;
}

.champ2{
width:160px;
height:14px;
/*border:1px solid  #ffffff;*/
background-color:#EFDDC2;
}

.select{
width:160px;
height:20px;
/*border:1px solid  #0F0101 ;*/
background-color:#FFFFFF;
}

.btn_connexion2{
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#BD9F72 none repeat scroll 0 0;
border:1px solid  #0F0101 ;
color:#3E1515;
cursor:pointer;
font-family:Georgia,"Times New Roman",Times,serif;
font-size:12px;
height:19px;
padding-bottom:2px;
padding-top:0px;
width:80px;
}

.erreur_connexion{
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
color: #CC0000;
}

.inscription_ok{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color: #CC0000;
}

#form_ajout_carnet{
width:343px;
height:300px;
border:1px solid #330000;
}


.tbl_ajout_carnet{
margin:10px auto 10px auto;
}

.champ3{
width:200px;
height:16px;
border:1px solid  #0F0101 ;
background-color:#FFFFFF;
}

.textaria{
width:200px;
height:150px;
border:1px solid  #0F0101 ;
background-color:#FFFFFF;
}

#bloc_carnet2{
width:450px;
height:auto;
margin:10px auto 10px auto;
display:table;
padding-bottom:10px;
}

.btn_ajouter{
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#BD9F72 none repeat scroll 0 0;
border:1px solid  #0F0101 ;
color:#3E1515;
cursor:pointer;
font-family:Georgia,"Times New Roman",Times,serif;
font-size:12px;
height:19px;
padding-bottom:2px;
padding-top:0px;
width:80px;

}

.retour{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#3E1515;
}
.nb{
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color: #CC0000;
}
.tbl_photos{
margin:10px auto 10px auto;
}

.tbl_photos th{
background-color: #A3593A;
height:24px;  
font-size:11px;
}

.tbl_photos td{
background-color:#BD9F72;
height:auto;  
font-size:11px;
padding:2px;
}

#infos-membre{
width:480px;
height:60px;
margin:10px auto 10px auto;
}

#zn_left{
width:60px;
height:60px;
border:1px solid #330000;
float:left;
}

#zn_right{
width:410px;
height:20px;
border-bottom:3px solid #330000;
float:right;
}

.inscrir{
color:#FFFFFF;
}

/*----------------------------------------------------------------------------fin style carnet voyages----------------------------------------------*/