/* BALISES CONCERNANT LE MENU DEROULANT */

#menu2, #menu2 ul /* Liste */     
{
        padding : 0; 
        margin : 0; 
        list-style : none; 
        line-height : 30px; 
        text-align : center; 
}

#menu2 /* Ensemble du menu */
{
        font-weight : bold; /* <<Modification possible */
        font-family : Arial; /* <<Modification possible (police) */
        font-size : 12px; /* <<Modification possible (taille du texte) */
        width : 960px;
}

#menu2 .grey /* Contenu des listes */
{
        display : block; 
        padding : 0; 
        background-image : url("media/menu.png"); /*  <<Modification possible (couleur de fond) */ 
        background-repeat : no-repeat;       
        color : #fff; /*  <<Modification possible (couleur du texte) */
        text-decoration : none; /*  <<Modification possible (decoration du lien) */
        width : 240px; /*A-A  <<Modification possible (largeur des cases) (si modifiée, modifié aussi A-A)*/
}
#menu2 .deroule
{
	 display : block; 
        padding : 0; 
        background-image : url("media/menuh.png"); /*  <<Modification possible (couleur de fond) */        
        color : #fff; /*  <<Modification possible (couleur du texte) */
        text-decoration : none; /*  <<Modification possible (decoration du lien) */
        width : 240px; /*A-A  <<Modification possible (largeur des cases) (si modifiée, modifié aussi A-A)*/
}
#menu2 .derouleli:hover
{
	background-image : url("media/menuh.png");
}

#menu2 li /* Elements des listes */      
{ 
        float : left; 
        border-right : 0px solid #fff; /* <<Modification possible (couleur de la bordure sous IE) */
}


html>body #menu2 li
{
        border-right: 0px solid transparent ; /*  <<Modification possible (couleur des bordure) */
}

#menu2 li ul /* Sous-listes */
{ 
        position: absolute; /* Position absolue */
        width: 240px; /*A-A  <<Modification possible (largeur des cases deroulante (si modifiée, modifié aussi A-A)) */
        left: -999em;
}


#menu2 li ul li /* Éléments de sous-listes */
{
        border-top : 0px solid #fff; /* <<Modification possible (couleur des bordures)*/
}


html>body #menu2 li ul li                
{
        border-top : 0px solid transparent; /*  <<Modification possible (couleur des bordures) */
}

#menu2 li ul ul 
{
        margin    : -22px 0 0 191px ; /* On décale les sous-sous-listes pour qu'elles ne soient pas au dessus des sous-listes */ 
        border-left     : 0px solid #fff ; /* <<Modification possible */      
}

html>body #menu2 li ul ul                
{
        border-left     : 0px solid transparent ; /* <<Modification possible */
}
 
#menu2 .grey:hover 
{
        color: #fffff; /*<<Modification possible (couleur du texte quand la souris est dessus) */
        background-image : url("media/menuh2.png"); /* <<Modification possible (couleur du fond quand la souris est dessus */
}
#menu2 .deroule:hover
{
	background-image : url();
	background-color : #18852f;
}
#menu2 li:hover ul ul, #menu2 li.sfhover ul ul 
{
        left: -999em; 
}

#menu2 li:hover ul, #menu2 li li:hover ul, #menu2 li.sfhover ul, #menu2 li li.sfhover ul  
{
        left: auto; 
        min-height: 0;
}
#menu2 .green
{
		background-image : url("media/menug.png");
		display : block; 
        padding : 0; 
        color : #fff; /*  <<Modification possible (couleur du texte) */
        text-decoration : none; /*  <<Modification possible (decoration du lien) */
        width : 240px; /*A-A  <<Modification possible (largeur des cases) (si modifiée, modifié aussi A-A)*/
}
#menu2 .green:hover
{
	color: #fff; /*<<Modification possible (couleur du texte quand la souris est dessus) */
     background-image : url("media/menugh.png"); /* <<Modification possible (couleur du fond quand la souris est dessus */
}
/* PARAMÈTRES GÉNÉRAUX DE LA PAGE */
html
{
height : 100%;
}
body 
{
width : 960px;
height : 100%;
margin : auto;
margin-top : 0px;
background-color : #e9e8d4;
}

#menuadmin
{
	margin-left : 10px;
	height : 30px;
	width : 960px;
	background-color : #404449;
}
#menuadmin ul
{
	padding : 0px;
	margin-left : 10px;
	list-style-type : none;
	height : 30px;
}
#menuadmin ul li
{
	margin-left : 0px;
	float : left;
	padding : 0;
}
#menuadmin ul li a
{
color :white ;
text-align : center;
padding-top : 4px;
display : block;
float : left;
width : 120px;
height : 26px;
border-left : 1px solid #9b9d9f;
border-right : 1px solid #9b9d9f;
}
#menuadmin ul li a:hover
{
background-color : #9b9d9f;
}
#menuadmin ul li .text
{
border-right : 30px solid #9b9d9f;
color : white;
font-weight : bold;
padding-top : 4px;
height : 26px;
display : block;
float :left;
width : 160px;
}
.titreadmin
{
	color : white;
	background-color : #52565a;
	text-align : center;
	border-top : 2px solid #929699;
	border-bottom : 2px solid #929699;
	padding-top : 10px;
	padding-bottom : 10px;
}
.paneladmin
{
height : 128px;
width : 128px;
background-color : #52565a;
border : 1px solid #929699;
}
.paneladmin:hover
{
background-color : #929699;
border : 1px solid #929699;
}
#corpsadmin
{
	color : white;
	overflow : auto;
	max-height : 770px;
	padding-top : 0px;
	width : 960px;
	margin-left : 10px;
	background-color : #52565a;
}
#saleve
{
	margin : auto;
	position : absolute;
	top : 350px;
	padding-left : 230px;
	z-index : -10;
}
#all
{
width : 980px;
min-height : 100%;
margin-left : -5px;
background-image : url("media/all.png");
background-repeat : repeat-y;
z-index:-2;
}

#bandeau
{
margin-left : 10px;
padding-bottom : 50px;
}
/* BALISE CONCERNANT L'ENTÊTE DE PAGE */
#defil
{
	margin-left : 10px;
	margin-right : 10px;
	padding-bottom : 20px;
	font-size : large;
	width : 960px;
}
#head
{
width : 960px;
height : 100px;
margin-top : 0px;
margin-bottom : 0px;
margin-left : 10px;
background-image : url("media/head.jpg");
}
#head img
{
	border : none;
}
#head a
{
	border :none;
}
/* BALISES CONCERNANT LE CORPS DE LA PAGE (MENU + CORPS) */
#sound
{
	position : absolute;
	top : 10px;
	left : 10px;
}
#corps /* Le corps dans sa totalitée */
{
margin : auto;
margin-bottom : 10px;
margin-top : 0px;
}
.mainblock
{
width : 600px;
margin-left : 60px;
margin-top : 30px;
margin-right : 10px;
float : left;
}
.mainblock h2
{
background-image : url("media/part600.png");
}
.textnews 
{
padding-top : -10px;
text-align : center;
border : 1px solid black;
}
.verylittle
{
font-size : x-small;
}
.blockleft
{
margin-left : 10px;
width : 700px;
margin-right : 50px;
}
#secondblock
{
float : right;
margin-top : 30px;
margin-right : 15px;
width : 150px;
}
#thirdblock
{
text-align : center;
float : right;
border : 1px solid black;
width : 150px;
margin-right : 15px;
margin-top : 30px;
}

.part720
{
width : 650px;
height : 30px;
background-image : url("media/title.png");
background-repeat : no-repeat;
padding-left : 10px;
color : white;
padding-bottom : 0px;
margin-bottom : 0px;
}
.fixe
{
overflow : auto;
margin : auto;
width : 630px;
margin-left : 175px;
max-height : 770px;
}
.logo
{
float : left;
margin-left : 10px;
}
.part960 h2
{
padding-left : 10px;
color : white;
}
.floatleft
{
float : left;
}
.floatright
{
	float : right;
	width : 170px;
}
.calendar
{
float : right;
width : 160px;
}
#calendartable
{
border-collapse : collapse;
}
#calendartable th
{
border : 1px solid black;
margin : auto;
}
#calendartable td
{
border : 1px solid black;
margin : auto;
}
#calendartable caption 
{
background-image : url("media/monthcalendar.png");
height : 20px;
color : white;
}
.entrez
{
padding : auto;
}
.entrez img
{
border : none;
}
#menu
{
width : 960px;
height : 20px;
background-repeat : no-repeat;
margin-bottom : 50px;
margin-left : 10px;
}
.flechemenu
{
padding-top : 8px;
margin-left : 20px;
}
#menu img
{
border : none;
}
.floatright
{
float : right;
padding-right : 20px;
padding-top : 0px;
}
.floatright2
{
float : right;	
}
.floatleft
{
float : left;
}
.center
{
text-align : center;
}
.underlinecalendar
{
background-color : yellow;
}

#foot
{
width : 980px;
height : 40px;
text-align : center;
font-size : 12px;
color : black;
position : absolute;
bottom : 0px;
background-image : url("media/foot.png");
}
#foot p
{
padding-bottom : 5px;
}
#hache
{
height : 130px;
width : 100%;
position : fixed;
bottom : 0px;
left : 0px;
z-index : -3;
background-image : url("media/hache.png");
background-repeat : repeat-x;
background-attachement : scroll;
}
.news
{
width : 200px;
border : none;
float : right;
}

.part200
{
color : white;
background-image : url("media/title200.png");
padding-left : 10px;
}
.noborder
{
border : none;
}
.red
{
color : red;
}
.textsmall
{
font-size : x-small;
}
#menu2 .red
{
	  display : block; 
      padding : 0; 
      background-image : url("media/menuh2red.png"); /*  <<Modification possible (couleur de fond) */ 
      background-repeat : no-repeat;       
      color : #fff; /*  <<Modification possible (couleur du texte) */
      text-decoration : none; /*  <<Modification possible (decoration du lien) */
      width : 240px; /*A-A  <<Modification possible (largeur des cases) (si modifiée, modifié aussi A-A)*/
}
#menu2 .red:hover 
{
        color: #fffff; /*<<Modification possible (couleur du texte quand la souris est dessus) */
        background-image : url("media/menured.png"); /* <<Modification possible (couleur du fond quand la souris est dessus */
}

/* Balise de mise en page */
.bold
{
	font-weight : bold;
}
.italic
{
	font-style : italic;
}
.underline
{
	text-decoration : underline;
}
.barre
{
	text-decoration : line-through;
}
.overline
{
	text-decoration : overline;
}
.menuStrip
{
	background-color : grey;
	border : 1px solid black;
	height : 30px;
	width : 960px;
}
.menuStrip button
{
	background-color : #353535;
	border : 1px solid white;
	height : 30px;
	width : 100px;
	font-weight : bold;
	color : white;
}
.menuStrip button:hover
{
	background-color : grey;
}
.titrePage
{
	background-image : url("media/fondTitre.png");
	position : relative;
	position : relative;
	z-index : -2;
	right : 10px;
	height : 46px;
	width : 1000px;
	color:white;
	margin : 0px;
	padding-top : 4px;
}
.titrePage h2
{
	margin-top : 0px;
	margin-left : 50px;
}
.completePage
{
	width : 960px;
}
.corpsPage
{
	margin-left : 10px;
}
.article
{
	background-color : #e8e8e8;
	width : 960px;
	margin-top : 50px;
}
.articleEntire
{
	background-color : #e8e8e8;
	width : 960px;
	margin-top : 0px;
	position : relative;
}
.articleEntire .dateArticle
{
	float : right;
	position : relative;
	left : 100px;
	bottom : 0px;
	pading : 0px;
	margin : 0px;
	height : 100px;
	width : 100px;
	
	background-image : url("media/fondDateArticle.png");
}
.menuBlog
{
	background-color : #2a2e32;
	width : 950px;
	color :white;
	margin : 0px;
	padding-left : 10px;
}
.menuBlog a
{
	color : white;
}
.menuBlog a img
{
	border : none;
	position : relative;
	top : 3px;
	margin-right : 5px;
}
.articleEdit
{
	background-color : #e8e8e8;
	width : 960px;
	margin-top : 5px;
}
.titreArticle
{
	border-top : 1px solid black;
	border-bottom : 1px solid black;
	width : 950px;
	height : 30px;
	background-image : url("media/fondTitreArticle.jpg");
	padding-left : 10px;
	margin : 0px;
	color : #f0f1f2;
	
}
.titreArticle h3
{
	margin-top : 3px;
}
.corpsArticle
{
	border-bottom : 1px solid black;
	margin : 0px;
	width : 950px;
	padding-left : 10px;	
}
.dateArticle
{
	float : right;
	position : relative;
	left : 100px;
	bottom : 30px;
	pading : 0px;
	margin : 0px;
	height : 100px;
	width : 100px;
	
	background-image : url("media/fondDateArticle.png");
}
.jour
{
	color : #d2d2d2;
	position : relative;
	bottom : 30px;
	font-size : 40px;
	text-align : center;
	pading : 0px;
	margin : 0px;
}
.mois
{
	color : #22272a;
	position : relative;
	bottom : 60px;
	font-size : x-large;
	text-align : center;
	pading : 0px;
	margin : 0px;
}
#footc
{
margin : 0px;
padding : 0px;
width : 980px;
height : 40px;
text-align : center;
font-size : 12px;
color : black;
background-image : url("media/foot.png");
}
#footc p
{
padding-bottom : 5px;
}
.ombreFoot
{
overflow : hidden;
margin : 0px;
padding : 0px;
height : 45px;
width : 980px;
background-image : url("media/all.png");
}
.corps
{
overflow : auto;
margin : 0px;
width : 1100px;
min-height : 78%;
background-image : url("media/all.png");
background-repeat : repeat-y;
}
.corps #defil
{
overflow : auto;
}
.top
{
margin : 0px;
width : 980px;
overflow : hidden;
height : 170px;
background-image : url("media/all.png");
}
.content
{
width : 950px;
margin-left : 20px;
}