/* CSS Document */
body {
font: 12px arial, sans-serif;
background:#CCCCCC url(../images/bg.gif) repeat-x scroll left top;
/*background-color:#411F04;*/
margin-top: 2px;
padding: 0;
} 
 

#animation_loading{
height:19px;
left:50%;
margin-left:-110px;
margin-top:-10px;
position:absolute;
top:50%;
width:220px;
z-index:250px;


}
.bady{
margin-left:auto;
margin-right:auto;
height:auto;
width:960px;
margin-top:30px;
}

.navigation{
float:left;
background:#FFFFFF;
height:26px;
width:954px;
border-left-color:#CCCCCC;
border-left-style:solid;
border-left-width:1px;
border-right-color:#CCCCCC;
border-right-style:solid;
border-right-width:1px;
}
.master{
float:left;
height:90px;
width:956px;
background:url(../images/master.gif) no-repeat scroll 0 0;
}
.espace{
float:left;

height:30px;
width:954px;
background:#FFFFFF;
border-left-color:#CCCCCC;
border-left-style:solid;
border-left-width:1px;
border-right-color:#CCCCCC;
border-right-style:solid;
border-right-width:1px;
}
.espace-botom{
float:left;

height:15px;
width:954px;
background:#FFFFFF;
border-left-color:#CCCCCC;
border-left-style:solid;
border-left-width:1px;
border-right-color:#CCCCCC;
border-right-style:solid;
border-right-width:1px;
}
.corp2{
float:left;


height:auto;
width:954px;
background:#FFFFFF;
border-left-color:#CCCCCC;
border-left-style:solid;
border-left-width:1px;
border-right-color:#CCCCCC;
border-right-style:solid;
border-right-width:1px;

}
.corp_gauche{
float:left;
width:270px;
height:390epx;
margin-left:2px;
/*background:#FEE1B2;*/
border-left-color:#CCCCCC;
border-left-style:solid;
border-left-width:0px;
margin-top:13px;

/*border:1px solid #F9D2AD;*/
}
.bgmaroc{
float:left;
width:954px; 
height:34px; 
/*background:url(../images/BGMAROC.GIF) repeat;*/
background:#F6BC7F;
border-top-color:#804000;
border-top-style:solid;
border-top-width:6px;
border-left-color:#CCCCCC;
border-left-style:solid;
border-left-width:1px;
border-right-color:#CCCCCC;
border-right-style:solid;
border-right-width:1px;
/*border-bottom-color:#804000;
border-bottom-style:solid;
border-bottom-width:1px;*/
}
.panneau_entet{
float:left;
margin-left:5px;
width:270px;

height:49px;
margin-top:10px;

}
.picto{
float:left; height:20px; width:195px;
margin-top:-4px;

margin-left:45px;



}
.panneau_contenu{
position:static;
font-family:arial;
width:240px;
height:90px; 
color:#5E1700;
text-align:left;
font-size:14px;
margin-left:10px;
}
.panneau_contenu2{
float:left;
margin-left:5px;
margin-top:10px;
width:240px;
border-top-color:#ffffff;
border-top-style:solid;
border-top-width:1px;
height:auto; 
color:#666666;
text-align:justify;
font-size:14px;
padding:5px 5px 5px 5px;

}
.pres{
float:left;
margin-left:10px;
width:auto;
height:auto;

padding-top:5px;

}
.line1{
float:left;
height:70px;
width:100%;
margin-top:10px;
border-bottom-color:#CCCCCC;
border-bottom-style:solid;
border-bottom-width:1px;
}
.logo-press{
float:left;
height:50px; 
width:240px;

}
.article{
float:left;
height:50px;
width:300px;
padding-top:10px;
text-align:center;
text-decoration:none;
border-left-color:#CCCCCC;
border-left-style:dashed;
border-left-width:1px;
border-right-color:#CCCCCC;
border-right-style:dashed;
border-right-width:1px;
}
.date{
float:left;
height:50px;
padding-top:10px;
text-align:center;
text-decoration:none;
width:100px;

}
.carre1{
float:left;
margin-left:0px;
height:74px;
width:328px;
background:#FEE1B2;
margin-top:0px;
}
.carre1-2{
float:left;
margin-left:15px;
height:80px;
width:326px;
background:#FEE1B2;
margin-top:2px;
}
.lien-2{
float:left;
margin-left:5px;
height:20px;
width:400px;
font-size:15px;

font-family:arial;
padding-top:3px;
display:block;
text-align:justify;
margin-top:5px;
}
.pic{
float:left;
height:6px;
width:11px;
background:url(../images/pic.gif) no-repeat scroll 0 0;
margin-top:13px;
}
.class1{
font-family:arial;
font-size:18px;
color:#ff9900;
text-align:left;
text-decoration:none;
}

.class2{
font-family:arial;
font-size:16px;
color:#5E1700;
text-align:left;
text-decoration:none;
}

.astuce{
border:solid;
  border-width:1px;
   border-color:#ffffff;
    background:#ff9900;
	text-align:center
}
.table{
background:#ff9900;
 width:100%; 
 height:100%

}


a.main,
a.main:visited{
color:#5E1700;
text-align:left;
text-decoration:none;
white-space:normal;
outline:none;
font-family:arial;
font-size:1.2em;
line-height:1.92em;

}
a.main:hover{
color:#5E1700;
text-align:left;
text-decoration:underline;
white-space:normal;
outline:none;
font-family:arial;
font-size:1.2em;
line-height:1.92em;

}
a.mainb,
a.mainb:visited{
color:#ffffff;
text-decoration:none;
white-space:normal;
outline:none;
font-family:arial;
font-size:18px;

text-align:center;
}

a.mainb:hover{
color:#ffffff;
text-decoration:none;
white-space:normal;
outline:none;
font-family:arial;
font-size:18px;

text-align:center;
}

a.main2,
a.main2:visited{
font-family:arial;
font-size:14px;

text-align:left;
text-decoration:none;
white-space:normal;
cursor:pointer;
color:#5E1700;
outline:none;
}
a.main2:hover{
font-family:arial;
font-size:14px;
text-align:left;
outline:none;
background:#FEE1B2;

color:#5E1700;
white-space:normal;
cursor:pointer;
}
a.main3,
a.main3:visited{
font-family:Arial, Helvetica, sans-serif;
font-size:1em;

text-align:left;
text-decoration:none;
white-space:normal;
cursor:pointer;
color:#5E1700;
outline:none;
}
a.main3:hover{

font-family:Arial, Helvetica, sans-serif;
font-size:1em;

text-align:left;
outline:none;
color:#5E1700;
white-space:normal;
cursor:pointer;
}
.icone{
float:left;

margin-left:11px;

height:38px;
width:58px;
}
.titre-icone{
float:left;
margin-left:15px;
margin-top:1;

height:30px;
width:200px;
font-size:18px;
color:#5E1700;
font-family:arial;
padding-top:5px;
display:block;

}
.titre{
float:left;
width:190px;
height:20px;
margin-top:15px;
font-family:arial;
font-size:14px;
margin-left:7px;
color:#330000;
margin-top:10px;
font-weight:bold;

color:#5E1700;	
		

}
.line2{
float:left;
margin-left:10%;
height:30px;
width:90%;
}

.logo{
float:left;

margin-top:2px;
margin-left:5px;
height:88px;
width:200px;
}
.revelation{
float:left;
height:90px;
width:500px;
margin-top:1px;
}
.corp{
float:left;
width:954px;
height:150px;
/*background:url(../images/f-r-b_bg.gif) repeat;*/
background:url(../images/serie.jpg )  no-repeat scroll 0 0 ;
/*border-top-color:#804000;
border-top-style:solid;
border-top-width:6px;*/
border-left-color:#CCCCCC;
border-left-style:solid;
border-left-width:1px;
border-right-color:#CCCCCC;
border-right-style:solid;
border-right-width:1px;
}
.corp_droit{
float:left;
margin-left:10px;
width:670px;
margin-top:10px;
height:auto;
font-family:arial;
font-size:14px; 
text-align:justify;
color:#666666;
/*border-top-color:#CCCCCC;
border-top-style:solid;
border-top-width:1px;*/
}
.pied_page{
float:left;
width:956px;
height:28px;
background:url(../images/footer.gif) no-repeat scroll 0 0;
font-family:arial; 
font-size:16px; 
color:#999999
}
.panneau_entet{
float:left;
margin-left:5px;
width:250px;
background: url(../images/mag_col_actuh3.jpg) repeat-x scroll 0 0 ;
height:49px;
margin-top:10px;

}
.cut-hg{
float:left;
height:6px; 
width:322px;
background:#FEE1B2 url(../images/cut_hg.gif) no-repeat scroll 0 0;
}
.cut-hg1{
float:left;
height:6px; 
width:260px;
background:#FEE1B2 url(../images/cut_hg.gif) no-repeat scroll 0 0;
}

.cut-hd{
float:left;
height:6px;
width:6px;
background:#FEE1B2 url(../images/cut_hd.gif) no-repeat scroll 0 0;
}
.cut-hd1{
float:left;
height:6px;
width:6px;
background:#FEE1B2 url(../images/cut_hd.gif) no-repeat scroll 0 0;
}
.cut-bg{
float:left;
height:6px;
width:260px;
background-color:#FEE1B2 ;
background:url(../images/cut_bg.gif) no-repeat scroll 0 0;

}

.cut-bd{
float:left;
height:6px;
width:6px;
background:url(../images/cut_bd.gif) no-repeat scroll 0 0;


}






/* ------------------------------------------------------------------------------------
Tha Drop-down Menu
------------------------------------------------------------------------------------ */

/* CSS du menu horizontal, bieler batiste */

.menu{
	float:left;
    display:block;
    margin:0;
    padding:0;
    width: 954px;
	height: 26px;
	background:#fff;
 }	
   

.menu ul{
    position:absolute;
    display:block;
    width:159px;
    margin:0;
    padding:0;
	
    }
    
.menu li ul{
    visibility:hidden;
	
    }

.menu li li ul{
    position:absolute;
    margin-left:159px;
    margin-top:-23px;
	
    }
    
.menu li{
    list-style:none;
    width:159px;
    height:auto;
    display:inline;
    display/**/:block;
    float:none;
    float/**/:left;
    margin:0;
    padding:0;
	
    }
    
.menu li li{
    display:block;
    float:none;
	
    }
    
/* correct a little IE bug */
* html .menu li li{
    display:inline;
    }

.menu a{
    text-align:center;
	font-family:arial;
	font-size:12px;
	height:24px;
	background:url(../images/t-h-m.jpg) repeat;
    /*background-color:#FF9938;*/
    border-right:1px ;
    color:#fff;
    display:block;
    width:158px;
    text-decoration:none;
    padding:0px 0;
    margin-top:1px;
	
    }
    
.menu a:hover{
background:url(../images/t-h.gif) repeat;
    border-right:1px ;
	height:24px;
	
    }
    
/* for a mozilla better display with key nav */
.menu a:focus{
background:url(../images/t-h.gif) repeat;
height:24px;
	
}

a.linkOver{
    background:url(../images/t-h.gif) repeat;
	height:24px;
	
    }


/*----------------------------------------------------------------------------------------*/



/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.ubercolortabs{
padding: 0;
width: 100%;
overflow: hidden;
background: transparent;
}

.ubercolortabs ul{
font: bold 11px Arial, Verdana, sans-serif;
margin: 0;
padding: 0;
list-style: none;
}

.ubercolortabs li{
display: inline;
margin: 0 2px 0 0;
padding: 0;
text-transform: uppercase;
}


.ubercolortabs a{
float: left;
color: white;
background: #804000 url(../images/roundleft.gif) no-repeat left top; /*default background color of tabs, left corner image*/
margin: 0 2px 0 0;
padding: 0 0 1px 3px;
text-decoration: none;
letter-spacing: 1px;
}

.ubercolortabs a span{
float: left;
display: block;
background: transparent url(../images/roundright.gif) no-repeat right top; /*right corner image*/
padding: 7px 9px 3px 6px;
cursor: pointer;
}

.ubercolortabs a span{
float: none;
}


.ubercolortabs a:hover, .ubercolortabs li.selected a{
background-color: #FF9900; /*background color of tabs onMouseover*/
color: white;
}

.ubercolortabs a:hover span{
background-color: transparent;
}


.ubercolordivider{ /*CSS for horizontal line.*/
clear: both;
padding: 0;
width: 954px;
height: 2px;

background: #804000; /*background color of horizontal lineline-height: 5px;*/
/*border-top: 1px solid #fff; Remove this to remove border between bar and tabs*/
border-left-color:#CCCCCC;
border-left-style:solid;
border-left-width:1px;
border-right-color:#CCCCCC;
border-right-style:solid;
border-right-width:1px;
}



/*-----------------------------------------------*/

.txtmessage{
width:300px;
height:150px;
}

.colone_gauche{

float:left;
margin-bottom:20px;
/*text-align:center;*/
width:90%;
}

.index_champs_1{
/*float:right;*/
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
/*height:39px;*/
margin-top:-2px;
overflow:hidden;
text-align:right;
width:100px;

}
.colone_input{
float:left;
margin-left:60px;
text-align:left;
}

.textErreur{
float:left;
margin-left:16px;
overflow:hidden;
}
.textErreur_1{
float:left;
margin-left:16px;
overflow:hidden;
display:none;
width:0px;
}
.colone_text{
float:left;
margin-top:5px;
text-align:right;
width:50px;
}


.titre_milieu{
/*float:left;

overflow:hidden;
text-align:center;
width:700px;*/
}
.colone_submit{
float:left;
width:90%;
}

.radioLigne2{

position:absolute;
left:380px;
margin-top:-25px;

/*text-align:center;*/
}
.input{
width:200px;
}
/*------------------------------------------LIGHTBOX-------------------------------------------------------*/
#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color:#CCCCCC; }