/* Le Cemaloun*/
/* Dataxy 2010 */
/* design: nicolab*/


/* FONT */

@font-face {
font-family: 'learning';
src: url('font/learning.eot');
	
src: local('learning'),
url('font/learning.ttf') format('truetype');
}

@font-face {
font-family: 'latinia';
src: url('font/latinia.eot');
	
src: local('latinia'),
url('font/latinia.ttf') format('truetype');
}

@font-face {
font-family: 'alhambra';
src: url('font/alhambra.eot');
	
src: local('alhambra'),
url('font/alhambra.ttf') format('truetype');
}


/* GENERAL */

html{
padding-bottom: 15px;
}

body{
background: #fff;
font: normal 11pt arial, helvetica sans-serif;
color: #444;
}

#contenu{
margin: 0px auto;
width: 980px;
}

a{
color: #061;/*C1*/
text-decoration: none;
outline: none;
-webkit-transition-property: color;
-webkit-transition-duration: 0.3s;
-moz-transition-property: color;
-moz-transition-duration: 0.3s;
transition-property: color;
transition-duration: 0.3s;
}
a:hover{
color: #fb0/*8b9*/;
text-decoration: none;
}

::-moz-selection {
background: #fb0;
color:#444;
}
::selection {
background: #fb0;
color:#444;
}

input[type=text],
input[type=password],
textarea,
select{
font-family: arial, helvetica sans-serif;
border: none !important;
background: #fb0 !important;
padding: 2px;
color: #444;
position: relative;
z-index: 10;
cursor: text;
}

input[type=button],
input[type=submit],
input[type=radio],
input[type=checkbox]{
font-family: arial, helvetica sans-serif;
border: none !important;
background: none !important;
outline: none !important;
text-transform: uppercase;
color: #061;/*C1*/
cursor: pointer;
-webkit-transition-property: color;
-webkit-transition-duration: 0.3s;
-moz-transition-property: color;
-moz-transition-duration: 0.3s;
transition-property: color;
transition-duration: 0.3s;
}
input[type=button]:hover,
input[type=submit]:hover{
color: #fb0;/*C2*/
}

ul{
padding-left: 0px;
list-style: none;
}
table{
background: none;
}
img{
border: none;
}
h1,
h2,
h3{
font-weight: normal;
}

a h2{
cursor: default !important;
}

#angle {
background: #061 /*url(images/store.png)*/;
position: fixed;
top: 0px;
left: 0px;
width: 100%;
height: 10px;
z-index: 100;
border-bottom: 1px dashed #fff;

/border-bottom: 1px dashed #061;
}

/* TITRE HAUT */

#barre_titre{
background: url(images/logo.gif) no-repeat left 20px;
position: absolute;
top: 0px;
width: 980px;
height: 70px;
border-bottom: 1px dashed #091;
}
#barre_titre a{
display: block;
background: grey;
width: 223px;
height: 65px;
font-size: 1px;
opacity: 0;
-ms-filter: "alpha(opacity=0)";
filter : alpha(opacity=0);
}


/* MENU HORIZONTAL */

/*menu fixe*/

#barre_onglets{
margin: 25px 0px 0px 235px;
padding-left: 10px;
width: 735px;
height: 35px;
border-left: 1px dashed #091;
position: relative;
z-index: 2;
}
#barre_onglets li{
float: left;
padding: 10px 10px 0px 10px;
height: 25px;
font-size: 11pt;
}


/* MENU JQUERY */

#barre_onglets_der{
margin: 25px 0px 0px 235px;
padding-left: 10px;
width: 735px;
height: 35px;/*H*/
border-left: 1px dashed #091;
position: relative;
z-index: 4;

/top: 24px;
-top: -20px;
}

/*menu*/
.menulink {
display: block;
height: 25px;/*H*/
padding: 10px 10px 0px 10px;

-width: 90px;
-padding: 10px 3px 0px 3px;
}
#barre_onglets_der .menu li {
position: relative;
float: left;
}
.menuhover{
color: #061 !important;
cursor: default;
}

/*sous-menu*/
.menu ul {
position: absolute;
width: 190px;
top: 35px;/*H*/
display: none;
opacity: 0;
-moz-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1);
-webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1);
box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1);

-top: 45px;
}
.menu ul li {
width: 190px;
float: left;
}
.menu ul li a {
display: block;
padding: 2px 10px 10px;
background: #fff;
text-align: left;
line-height: 10pt;
}
.menu ul li a:hover {

}

.arrondi{
display: none;
}


/* ZONE 1*/

#colonne{
position: relative;
z-index: 2;
margin: 15px 0px 15px 0px;
width: 220px;
min-height: 320px;
padding: 5px 0px 10px 0px;
float: left;

/position: relative;
/top: 25px;
}
#colonne h2{
font-size: 12pt;
margin: 0px 0px 3px 0px;
}

#colonne li a{
height: 20px;
display: block;
text-decoration: none;
}

#colonne .zone,
.maroc,
.rome,
.trad{
margin: 0px 0px 10px 0px;
padding-bottom: 10px;
}

.maroc h2{
font: 14pt alhambra, arial, helvetica, sans-serif !important;
}
.rome h2{
font: 16pt latinia, arial, helvetica, sans-serif !important;
}
.trad h2,
.zone h2{
font: 14pt /*learning,*/arial, helvetica, sans-serif !important;
color: #444;
}

.cache{
display: none;
}

.article_bloc{
margin: 10px 0px 5px 0px;
text-align: justify;
}

/*newsletter - moteur de recherche*/
.zone p{
text-align: left !important;
padding: 0px !important;
font-size: 9pt;
}
#email,
#sbi2{
width: 138px;
float: left;
}
.ok_newsletter,
#ok_recherche{
width: 27px;
clear: both;
}

/* ZONE2 */

#colonne_blocs{

position: relative;
z-index: 2;
margin: 15px 0px 15px 0px;
width: 980px;
min-height: 320px;
padding: 5px 0px 10px 0px;
float: right;
}
#colonne_blocs h2{
font-size: 12pt;
margin: 0px 0px 3px 0px;
}

#colonne_blocs li a{
height: 20px;
display: block;
text-decoration: none;
}


/* ZONE 3 */

/*reserver*/
.reserver{
position: absolute;
top: 27px;
width: 97px;
height: 30px;
margin-left: 863px;
border-left: 1px dashed #091;
padding: 0px 0px 0px 20px;
text-align: center;
z-index: 300;

padding: 0px 0px 0px 0px \9;
width: 117px \9;
/left: 50%;
/margin-left: 370px;

}
.reserver h2{
position: absolute;
top: 18px;
font-size: 11pt;
text-align: right;
width: 97px;

width: 117px \9;
/right: 0px;
}
.reserver a{
display: block;
height: 50px;
position: relative;
top: -3px;
font-size: 11pt;

padding: 0px 0px 0px 20px \9;
}

.connexion{
font-size: 9pt;
position: fixed;
bottom: 0px;
z-index: 102;
}
.connexion h2{
display: none;
}
.connexion a{
color: #4a5;
text-transform: lowercase;
}
.fen_5727_1 h2{
display: none;
}
.frame_login{
width: 300px;
height: 200px;
overflow: hidden;
}
.box h3{
display: none;
}

 
/* MAIN */

#main,
#main_10,
#main_01,
#main_11,
#main_full,
#main_full_10,
#main_full_01,
#main_full_11{
width: 744px;
min-height: 400px;
margin: 20px 0px 0px 15px;
float: right;
border-left: 1px dashed #091;

/position: relative;
/top: 24px;
-width: 730px;
}
#main_full_01{
border: none;
margin-left: 0px;
}
#main_full_01 .pages,
#main_full_01 .titres_haut{
display: none;
}

/*sans colonne*/
#main_full_01,
#main_full{
width: 980px;
}
#main_full_01 .fen,
#main_full_01 .liens,
#main_full .fen,
#main_full .liens{
width: 980px;
}

#main_full_01 #fond-slidervisio1,
#main_full_01 #fond-slidervisio2,
#main_full_01 #fond-slidervisio3,
#main_full_01 .container,
#main_full_01 .slides > div,
#main_full_01 #loopedSlidervisio1,
#main_full_01 #loopedSlidervisio2,
#main_full_01 #loopedSlidervisio3,
#main_full #fond-slidervisio1,
#main_full #fond-slidervisio2,
#main_full #fond-slidervisio3,
#main_full .container,
#main_full .slides > div,
#main_full #loopedSlidervisio1,
#main_full #loopedSlidervisio2,
#main_full #loopedSlidervisio3{
width: 980px;
}
#main_full_01 .description,
#main_full .description{
margin-left: 445px;
}
#main_full_01 .photo-slider img,
#main_full .photo-slider img{
width: 400px;
}
#main_full_01 .description h2,
#main_full .description h2{
left: -417px;
}

/*colonne droite*/
#main_full_11,
#main_full_10{
float: left;
margin-left: 0px;
}

/*2 colonnes*/
#main_11,
#main_10{
width: 570px;
float: left;
}
#main_11 .fen,
#main_11 .liens,
#main_10 .fen,
#main_10 .liens{
width: 540px;
}

#main_11 #fond-slidervisio1,
#main_11 #fond-slidervisio2,
#main_11 #fond-slidervisio3,
#main_11 .container,
#main_11 .slides > div,
#main_11 #loopedSlidervisio1,
#main_11 #loopedSlidervisio2,
#main_11 #loopedSlidervisio3,
#main_10 #fond-slidervisio1,
#main_10 #fond-slidervisio2,
#main_10 #fond-slidervisio3,
#main_10 .container,
#main_10 .slides > div,
#main_10 #loopedSlidervisio1,
#main_10 #loopedSlidervisio2,
#main_10 #loopedSlidervisio3{
width: 570px;
}
#main_11 .description,
#main_10 .description{
width: 290px;
}

.titres_haut{
font-size: 10pt;
margin: 0px 0px 0px 25px;
}
.titres_bas{
display: none;
}
.titres_haut a,
.titres_bas a {
font-size: 10pt;
}

.pages{
text-align: right;
font-size: 10pt;
margin: 0px 0px 0px 0px;
}


/* SLIDER */

#titre-slidervisio1,
#titre-slidervisio2,
#titre-slidervisio3{ 
/*margin: 0px 0px 5px 24px;
font-size: 15pt;*/
display: none;
}

#fond-slidervisio1,
#fond-slidervisio2,
#fond-slidervisio3{
background: #333;
width: 720px;/*L*/
height: 250px;
z-index: 2;
margin: 0px 0px 20px 24px;
color: #fff;
}

.container {
width: 720px;/*L*/
height: 250px; 
overflow: hidden; 
position: relative; 
z-index: 3;
}

.slides { 
position: absolute;
}
.slides > div {
position: absolute; 
top: 0px; 
width: 720px;/*L*/
display: none;
}

#loopedSlidervisio1,
#loopedSlidervisio2,
#loopedSlidervisio3{
margin: 0 auto; 
width: 720px;/*L*/
position: relative; 
}

/*contenu*/

.photo-slider {
float: left; 
}
.photo-slider img{

}

.description{
position: relative;
display: block;
width: 720px;
margin: 0px;
text-align: justify;
}

/*titre*/
.description h2{
display: none;
}
/*date*/
.underline{
display: none;
}
/*texte*/
.description p{

}
/*numero*/
.description i{
display: none;
}
/*lire*/
.description a{
display: none;
}
/*liens normaux*/
.description p a {
display: none;
}
/*fleches*/
.previous,
.next {
height: 59px; 
width: 59px; 
position: absolute;
top: 95px; 
cursor: pointer; 
z-index: 100;
background-color: #061;
background-repeat: no-repeat;
opacity: 0.7;
-webkit-transition-property: background-color;
-webkit-transition-duration: 0.3s;
-moz-transition-property: background-color;
-moz-transition-duration: 0.3s;
transition-property: background-color;
transition-duration: 0.3s;
}
.previous:hover,
.next:hover{
background-color: #fb0;
}

.previous { 
background-image: url(images/gauche.gif);
background-position: 15px;
left: 0px;
}
.previous:active{ 
background-image: url(images/gauche.gif);
background-position: 13px;
}

.next {
background-image: url(images/droite.gif);
background-position: 22px;
right: 0px;
}
.next:active{ 
background-image: url(images/droite.gif);
background-position: 24px;
}



/* ARTICLES */

.fen{
position: relative;
z-index: 2;
width: 720px;
margin: 0px 0px 20px 0px;
text-align: justify;
float: right;

-width: 740px;
}
.fen h2{
/*font: 30pt learning, arial, helvetica sans-serif !important;
color: #444;*/
font-size: 14pt;
margin: 0px 0px 5px 0px;
}


/* ARTICLES SPECIAUX */

.fen_0_3,
.fen_0_4,
.fen_0_5{
position: relative;
z-index: 2;
width: 980px;
margin: 0px 0px 0px 0px;
text-align: justify;
float: right;

-width: 970px;
}
.fen_0_1{
background: url(images/maroc.jpg) no-repeat left bottom;
width: 489px;
height: 330px;
margin: 0px 10px 0px 0px;
border-right: 1px dashed #091;
float: left;
margin-bottom: 20px;
}
.fen_0_2{
background: url(images/romain.jpg) no-repeat left bottom;
width: 480px;
height: 330px;
float: left;

}
.fen_0_1 h2,
.fen_0_2 h2,
.fen_0_1 .liens,
.fen_0_2 .liens,
.fen_0_1 .infos,
.fen_0_2 .infos{
display: none;
}
.fen_0_1 p a{
display: block;
width: 330px;
height: 260px;
padding: 70px 0px 0px 150px;
font: 20pt alhambra, arial, helvetica sans-serif !important;
}
.fen_0_2 p a{
display: block;
width: 450px;
height: 255px;
padding: 75px 0px 0px 30px;
font: 20pt latinia, arial, helvetica sans-serif !important;
}


/* BLOCS DANS LES ARTICLES */

.fen1 .zone{
width: 720px !important;
height: 60px;
margin: 0px;
float: left;
position: relative;
z-index: 2;
}
.fen1 .zone h2{
font-size: 10pt;
font-style: italic;
z-index: 2;
text-align: left;
margin-bottom: 5px;
}
.fen .zone li{
float: left;
margin-right: 10px;
}

/*pdf*/
.flash_pdf #swf{
width: 755px;
height: 1080px;
}
/*pour les ancres .fen .zone{
height: 1100px;
}*/


/*googlemaps*/

.maps{
width: 450px;
float: right;
margin-top: -35px;
position: relative;
z-index: 2;
}
.maps h2{
display: none;
}
#map_canvas_obj{
width: 450px !important;
height: 450px !important;
}


/* GENERAL ARTICLE */

/*date*/
.infos{
display: none
}

/*comentaires*/
.liens{
margin-top: 15px;
text-align: right;
float: left;
position: relative;
z-index: 2;
}
.comments{
padding: 10px 0px 0px 0px;
}
.comments h3{
}
.comments ul li{
margin-bottom: 15px;
}
.comments ul li,
.comments ul li em{
border-color: #ccc;/*C*/
}

/*visionneuse photo*/
.fen table{
margin: 5px 0px 0px 25px !important;

-margin: 5px 0px 0px 0px !important;
}

.fen table a{
cursor: default !important;
}
.fen table img{
border: none;
}

.apercus_photos{
text-align: center;
}
.apercus_photos a img{
width: auto;
height: 40px;
opacity: 0.5;
-ms-filter: "alpha(opacity=50)";
filter : alpha(opacity=50); 
}
.apercus_photos a:hover img{
opacity: 1;
-ms-filter: "alpha(opacity=100)";
filter : alpha(opacity=100); 
}

.commentaire_photo td{
text-align: left !important;
font-style: italic;
font-size: 9pt;
}

/*video*/
.musicarticle{
margin-bottom: 15px;
}
#vid2{
width: 320px;
margin: 15px 0px 15px 15px;
float: right;
}

/* FORMULAIRE */

select.erreur,
input.erreur ,
textarea.erreur{
background: #fbb !important;
}
select.default,
input.default ,
textarea.default{
background: #fff !important;
}
select.valide,
input.valide ,
textarea.valide{
background: #fff !important;
}

label.erreur {
color: #fbb !important;
}

tr.erreur{
background: #fbb !important;
}


/* WEBCAM */

/*le direct*/
#imagesource{
width: 320px;
height: 240px;
}
/*archives*/
/*chat*/
#liste_last_videos li{
float: left;
margin-left: 10px;
text-align: center;
}
#placeholder_archive{
margin-top: -360px;
min-width: 320px;
min-height: 270px;
padding-top: 20px;
}
#chatCam{
margin-left: 350px;
margin-top: -265px;
}
#chatnick{
width: 60px;
}
#chatmsg{
width: 240px;
}
#derniers_films{
margin-left: -35px;
}


/* SOMMAIRES */

.sommaire tr:hover{
background: #ccc !important;
}
.sommaire td{
padding: 2px 5px 2px 5px !important;
border: none !important;
}
.sommaire td a{
color: #222;
cursor: pointer !important;
}


/* CONTACT */

#formulaire_contact input[type=text] {
width: 250px;
}
#message {
width: 720px !important;
height: 200px;
}

#btn_ok{
margin-top: 20px;
margin-left: -10px;
}

#wait{
font-size: 9pt;
}


/*FOOTER*/
#footer{
background: #061;
position: fixed;
left: 0px;
bottom: 0px;
width: 100%;
height: 15px;
z-index: 100;
border-top: 1px dashed #fff;

/border-top: 1px dashed #061;
}

.referencement {
display: block;
visibility: visible;
width: 980px;
margin-top: -3px ;
text-align: right;
}

.referencement a {
font-size: 8pt;
padding: 0px 0px 0px 0px;
color: #7a8;
}
.referencement a:hover{
color: #fb0;
}

#pub_verticale3{
margin-left: 500px !important;
}


/* PARTIES CACHEES */

.referencement h1{
display: none;
}
#page h1{
display: none;
}
p.espace_article{
display:none;
}
#main_full h3{
visibility: visible;
}
#pub_verticale,
#pub_verticale2{
display: none !important;
}
.end_zone{
display: none;
}