/* CSS du backoffice du site animaction */

body
{
	font: 11px verdana, sans-serif;
	background:#444141;
	margin: 0;
	padding: 0;
	text-align: center; /* pour corriger le bug de centrage IE */
}


/*Pour positionner le site au milieu de la page */

#global {
     margin-left: auto;
     margin-right: auto;
	 background:transparent url("imcss/bandeau_backoffice.jpg") no-repeat;
	 background-color:#444141;
     width: 961px ;
     text-align:left; /* on rétablit l'alignement normal du texte */
     }
	 
	 
	 
/* Le bloc conteneur(global) du site est positionné au milieu de la page. Il est composé de deux bloc: le bloc 01(haut) et le bloc 02(bas)*/	 
/* Bloc conteneur01 (haut)---------------------------------------------------------------------------------------------------*/	 
/*Bandeau-haut */
 
div#bloc01 {
	width: 1500px;
	height:200px;


}

div#titre {
position:relative;
left:20px;
width:270px;
height:auto;
}


div#compte {
	width: 200px;
	height: 70px;
	left: 600px;
	position: relative;
	top: 110px;
}


/* Menu de navigation horizontal......................*/

/* Style du menu déroulant*/
.menuDeroulant
{
	width: 800px;
	list-style-type: none;
	position: relative;
	margin: 0px;
	left: 0px;
	top: 42px;

}


.menuDeroulant li
{
 float: left;
 width: 100px;
 margin: 0;
 padding: 0;
 border: 0;
}

/* Style des sous menu déroulant*/
.menuDeroulant .sousMenu
{
 display: none;
 list-style-type: none;
 margin: 0;
 padding: 0;
 border: 0;
}
.menuDeroulant .sousMenu li
{
 float: none;
 margin: 0;
 padding: 0;
 border: 0;
 width: 100px;
 border-top: 1px solid transparent;
 border-right: 1px solid transparent;
}
/* Style des liens sous menu déroulant*/

.menuDeroulant li a:link, .menuDeroulant li a:visited
{
 display: block; 
 height: 1%;
 color: #FFF;
 background:transparent url("imcss/nav.gif") repeat;
 margin: 0;
 padding: 4px 8px;
 border-right: 1px solid #fff;
 text-decoration: none;
}
.menuDeroulant li a:hover { background:transparent url("imcss/nav_hover.gif") repeat; }
.menuDeroulant li a:active { background:transparent url("imcss/nav_hover.gif") repeat; }

.menuDeroulant .sousMenu li a:link,
.menuDeroulant .sousMenu li a:visited
{
 display: block;
 color: #FFF;
 margin: 0;
 border: 0;
 text-decoration: none;
 background: transparent url("imcss/nav_transparent.png") repeat;
}
.menuDeroulant .sousMenu li a:hover
{
 background-image: none;
 background-color:#E50083;
}
.menuDeroulant li:hover > .sousMenu { display: block; }
/* Fin du menu de navigation horizontal...................................................*/



/*Contenu éditorial.....................................*/

div#admin{
	width: 1100px;
	position: relative;
	margin-top: 30px;
	margin-left: auto;
	margin-right: auto;
}



/*bloc 02 (= contenu éditorial)*/

div#bloc02 {
	padding-bottom: 110px;
	background: transparent url("imcss/bandeau_bas.jpg") bottom left no-repeat;
	padding-left: 10px;
	text-decoration: none;
	color: #FFFFFF;
	padding-right: 10px;
}


/* menu de gestion vertical ...........................................................*/
#gestion{
	width: 120px;
	height: 650px;
	
}	
/* Fin du menu de gestion vertical..................................... */




div#en_tete{
	background:#E50083;
	width: 935px;
}




div#editorial {
	width: 850px;
	position: relative;
	left: 300px;
}




/* menu utilisateur*...................................*/
div#utilisateur {
position:absolute;
left:622px;
top:6px;
width:340px;  
}





p { 
	margin-top: 0; 
	text-align: justify;
	margin: 0 10px;
	}
	
p.centre {
	margin-top: 0;
	text-align: center;
	}
	
p.legende{
	margin-top: 0;
	font-size:9px;
	}

p.ancre{
	text-align: left;
	color: #B7A5DF;
	text-decoration:underline;
	font-size:12px;
	text-indent: 500px;
	font-weight: bold;
	}
	
p.date{
	text-align: right;
	font-size:10px;
	}

p.auteur{
	font-size:10px;
	font-weight: bolder;
	text-indent: 600px;
	}

.titre {
	font-size: 16px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold ;
	color:#FFFFFF ;
}

.colone {
	font-size: 13px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold ;
	color:#555555;	
}



.tableau {
	border : solid 1px #cccccc;
	background: #E9ECEF;
	color : #666666;
	font-weight : bold;
	font-size : 12px;
	padding: 4px;
	text-align: center;
	font-family: verdana;
}

/* Liens*/
a:link { 
	text-decoration:none; 
	color: #B7A5DF;
	}
a:visited { 
	text-decoration: none; 
	color: #D4CDDC;
	}
a:hover{ 
	text-decoration: none; 
	color: #E50083;
	}

/* Style des titres */
h1,h2, h3, h4{margin: 0 10px}
h1{
	font-size: 20px;
	font-weight:bold;
	color: #FFF;
}
   
h2{
   font-size:16px;
   color: #F5AD48;
}

h3 { 
	font-size:12px; 
	color:#F5AD48;
	}
	
	
	
img {
	border: none;
	text-align: left;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 9px;
	padding-top: 10px;
}


img.bouton {
	border: none;
	text-align: left;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-top: 0px;
}