/* Polices */
/* Police Titres */
@font-face
{
	font-family: 'ComicBook';
	src: url('../files/font/Comic_Book.otf');
}
/* Police Menu + Titre de Jeux*/
@font-face
{
	font-family : 'Mighz';
	src : url('../files/font/mighz.ttf');
}



/* Squelette du site */
body
{
    background-image: url('../files/images/background.jpg');
    background-attachment : fixed;
    font-family: 'Trebuchet MS', Arial, sans-serif;

}

#menu, #logo, #main-content, #Infos, #ColGauche,#Newsletter, footer
{
	background-color: #424450;
	color : #EEC232;
	font-size : 1em;
}

#container
{
    width: 80%;
    margin: auto;
}



/******Menu******/
#menu
{
	background-color: ;
    border : 1px solid black;
    text-align: center;
    margin-bottom: 15px;
    border-radius: 15px;
}

ul#menu_horizontal
{
	padding:0;
}
ul#menu_horizontal li
{
	/*float:left;*/
	display:inline-block;
	list-style: none;

}
ul#menu_horizontal li a
{
	font-family : Mighz;
	color:#EEC232;
	text-decoration:none;

	padding:1px 30px;
	display: inline-block;
	margin-bottom:5px;
}

ul#menu_horizontal li a:hover
{
	color:black;
	text-decoration:none;
	background-color:orange;
}

/******Sous-menu******/

ul#menu_horizontal li .sous-menu 
{
	display:none;
	position:absolute;
	padding:0;
	margin:0;
}
ul#menu_horizontal li:hover .sous-menu
{
	display:block;
}

ul#menu_horizontal li .sous-menu a
{
	display:block;
}

ul#menu_horizontal li .sous-menu li
{
	background-color:#424450;
	clear:both;
	margin-bottom:3px;
	display:block;
	border:black thin solid;
	float:left;
	width: 250px;
	padding :0px;
}


/* Banniere */
#logo
{
    border : 1px solid black;
    height: 200px;
    background-image:url('../files/images/banner.jpg');
    background-repeat : no-repeat;
    background-position:center;
 	border-radius: 15px;
    margin-bottom: 15px;
}

/* Partie centrale */

#content
{
    margin: auto;
    margin-bottom: 15px;
}

#main-content, #Infos, #ColGauche, #Newsletter
{
    border : 1px solid black;
    display : inline-block;
    vertical-align: top;
}

/* Colonne centrale */
#main-content
{
    width: 66%;
    padding: 1%;
    margin-bottom:1%;
}
/** Colonnes Droite et Gauche + newsletter **/

/** Droite **/
#Droite
{
	width: 14%;
	display : inline-block;
}
/* Newsletter */
#Newsletter
{
	width:110%;
}
.form_news
{
	text-align:center;
}

.champmail
{
	width:90%;
}

/* Infos - Events - Partenaires */
#Infos
{
	width:110%;
	margin-bottom:2%;
}
#Infos img
{
	width :100%;
	margin-top : 5%;

}

#Infos li
{
	list-style-image : url('../files/images/icone_de.jpg');
}

#Infos a
{
	font-family : ComicBook;
	color : #F2E606;
	text-decoration : none;
}

.event a
{
	font-size:0.9em;
}

#liens
{
    text-align:center;
    margin-bottom:5%;
}

#liens img
{
    width:30%;
    
}

/* Colonne gauche */
#ColGauche
{
    width: 15%;
}

#ColGauche li
{
	list-style-image : url('../files/images/icone_de.jpg');
}


.ContentColonne
{
	margin-left:3%;
	margin-right:3%;
	font-size:0.9em;
}

.SousTitreColonne
{
	text-decoration:underline;
	color: #F8CB00;
}

/* Partie footer */
footer
{
    border : 1px solid black;
    text-align: center;
    font-size : 0.9em;
}

.finfooter
{
font-size:0.8em;
}

footer a
{
	color : #F2E606;
	text-decoration : none;
}

/**Mise en forme texte**/
/* General */
a
{
	color : #F2E606;
	text-decoration : none;
}


/* Colonne */
.TitreColonne
{
	font-family: ComicBook;
	font-variant:small-caps;
	font-size : 1.3em;
	color: #F8CB00;
}


/* Page */
/* Titre + sous titre */
.TitrePage
{
	font-family: ComicBook;
	font-variant:small-caps;
	font-size : 2.8em;
	color: #F8CB00;
}

.sous-titre-page
{
	font-family: ComicBook;
	font-size : 2.2em;
	color: #F8CB00;
	margin-left:1%;
}

.sous-sous-titre-page
{
	font-family: ComicBook;
	font-size : 1.6em;
	color: #F8CB00;
}

/* Texte */
.info-rouge
{
	font-family:ComicBook;
	color:#C80606;
	text-align:center;
}


.texte
{
	text-indent:25px;
	list-style-type:none;
}

.gras
{
	font-family: ComicBook;
		color: #F8CB00;
}

li strong, p strong
{
	font-weight:normal;
}