*, html{
	margin:0;
	padding:0;
}

body{
	font-family: Arial;
	font-size: 11px;
	color:#ffffff;
	background-color: #1F1E46;
	width: 760px;
	margin: auto;
	margin-top: 5px;
	margin-bottom: 20px;
	font-family: Arial;
	font-size: 12px;
	text-align: justify;
	
}

#en_tete
{
   width: 760px;
   height: 120px;
   background-image: url(../images/banniere.jpg);
   background-repeat: no-repeat;
   margin-bottom: 5px;
}


#menu{
	margin-left:30px;
	margin-top:30px;
	float: right;
	width: 200px;
}

h1{
	font-size:20px;
	margin-bottom:10px;
	color:#FFFFFF;
	font-size:13px;
}

#corps h1
{
	color: #1F1E46;
	text-align: center;
	font-family: "Arial";
	font-size: 20px;
}

#corps h2
{
	color: #FFFFFF;
	text-align: center;
	font-family: "Arial";
	font-size: 12px;
}

#corps h3
{
	color: #1F1E46;
	text-align: center;
	font-family: "Arial";
	font-size: 12px;
}

#corps h4
{
	color: #FFFFFF;
	text-align: center;
	font-family: "Arial";
	font-size: 20px;
}

#corps h5
{
	color: #FFFFFF;
	text-align: justify;
	font-family: "Arial";
	font-size: 12px;
	
}

#corps h6
{
	color: #FF0000;
	text-align: center;
	font-family: "Arial";
	font-size: 24px;
	text-decoration: blink;
	font-weight: bold;
}

li {
 color: #FFFFFF;
	text-align: justify;
	font-family: "Arial";
	font-size: 12px;
 display : list-item;
 list-style-image : url(../images/puce.gif);
} 



/******************* F A N C Y   J Q U E R Y   M E N U *********************/
#fancyJM{
	position:absolute;
	margin-top:-25px;
	margin-left:0px;
	float: right;
	width: 220px;
}

#fancyJM ul{
	list-style-type:none;
}

#fancyJM li{
	background:#797890;
	display:block;
	width:190px;
	margin-bottom:2px;
	padding-right:10px;
	font-weight:bold;
	border:1px solid #a2a2a2;
}

#fancyJM li a{
	padding-left:55px;
	line-height:27px;
	color:#ffffff;
	text-decoration:none;
}

.fancyJM_arrow{
	padding:0px;
	display:block;
	position:absolute;
	margin-top:7px;
	margin-left:16px;
	width:17px;
	height:15px;
	background:url(../images/arrow.jpg) no-repeat;
}

#corps
{
   margin-left: 0px; /* Une marge à gauche pour pousser le corps, afin qu'il ne passe plus sous le menu */
   margin-top:10px;  
   margin-bottom: 0px; /* Ca c'est pour éviter que le corps colle trop au pied de page en-dessous */
   padding: 0px; /* Pour éviter que le texte à l'intérieur du corps ne colle trop à la bordure */
   margin-right:210px;
   color: #1f1e46;
   background-color: #797890; /* Une couleur de fond pour le corps */
   height: 600px;
          
}

/*conteneur de la taille des images, centré dans la page avec un overflow hidden pour cacher les images qui dépasse et en position relative pour effectivement cacher les image sous IE*/ 

#conteneur 
{ 
border:1px; 
margin-left:0px;
margin-top: 0px; 
margin-right:auto; 
height: 850px; 
width: 540px; 
overflow:hidden; 
position:relative; 
} 
/*slidebox en position relative pour que le slide fonctionne avec une taille trés large pour que les images placées dedans restent alignées horizontalements*/ 
#slidebox 
{ 
position:relative; 
width:10000px; 
} 

/*
    ColorBox Core Style
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:hidden;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/* 
    ColorBox example user style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay{background:#fff;}

#colorBox{}
    #cboxTopLeft{width:25px; height:25px; background:url(../../menusotra/css/images/border1.png) 0 0 no-repeat;}
    #cboxTopCenter{height:25px; background:url(../../menusotra/css/images/border1.png) 0 -50px repeat-x;}
    #cboxTopRight{width:25px; height:25px; background:url(../../menusotra/css/images/border1.png) -25px 0 no-repeat;}
    #cboxBottomLeft{width:25px; height:25px; background:url(../../menusotra/css/images/border1.png) 0 -25px no-repeat;}
    #cboxBottomCenter{height:25px; background:url(../../menusotra/css/images/border1.png) 0 -75px repeat-x;}
    #cboxBottomRight{width:25px; height:25px; background:url(../../menusotra/css/images/border1.png) -25px -25px no-repeat;}
    #cboxMiddleLeft{width:25px; background:url(../../menusotra/css/images/border2.png) 0 0 repeat-y;}
    #cboxMiddleRight{width:25px; background:url(../../menusotra/css/images/border2.png) -25px 0 repeat-y;}
    #cboxContent{background:#fff;}
        #cboxLoadedContent{margin-bottom:20px;}
        #cboxTitle{position:absolute; bottom:0px; left:0; text-align:center; width:100%; color:#999;}
        #cboxCurrent{position:absolute; bottom:0px; left:100px; color:#999;}
        #cboxSlideshow{position:absolute; bottom:0px; right:42px; color:#444;}
        #cboxPrevious{position:absolute; bottom:0px; left:0; color:#444;}
        #cboxNext{position:absolute; bottom:0px; left:63px; color:#444;}
        #cboxLoadingOverlay{background:url(../../menusotra/css/images/loading.gif) 5px 5px no-repeat #fff;}
        #cboxClose{position:absolute; bottom:0; right:0; display:block; color:#444;}

/*
    The following fixes png-transparency for IE6.  
    It is also necessary for png-transparency in IE7 & IE8 to avoid 'black halos' with the fade transition
    
    Since this method does not support CSS background-positioning, it is incompatible with CSS sprites.
    Colorbox preloads navigation hover classes to account for this.
    
    !! Important Note: AlphaImageLoader src paths are relative to the HTML document,
    while regular CSS background images are relative to the CSS document.
*/
.cboxIE #cboxTopLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderTopLeft.png, sizingMethod='scale');}
.cboxIE #cboxTopCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderTopCenter.png, sizingMethod='scale');}
.cboxIE #cboxTopRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderTopRight.png, sizingMethod='scale');}
.cboxIE #cboxBottomLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderBottomLeft.png, sizingMethod='scale');}
.cboxIE #cboxBottomCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderBottomCenter.png, sizingMethod='scale');}
.cboxIE #cboxBottomRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderBottomRight.png, sizingMethod='scale');}
.cboxIE #cboxMiddleLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderMiddleLeft.png, sizingMethod='scale');}
.cboxIE #cboxMiddleRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderMiddleRight.png, sizingMethod='scale');}


#lien a{
	color:#ffffff;
	/*text-decoration:none;*/
}

#inline_example1 {
	color:#FFFFFF;
}

/* Le pied de page (qui se trouve tout en bas, en général pour les copyrights) ----------------------------------------------------*/

#pied_de_page
{
   width: 600px;
   padding: 5px;
   height: 35px;
   position : absolute; 
   text-align: center;
   z-index: 5000;
  
  /*  background-color: #ffffff;*/
   color: #797890;
  background-color: #1F1E46;
   
}

#pied_de_page h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
}