/****
* FEUILLE DE STYLE PRINCIPALE DU SITE CD 3 Formats.
* -------------------------------------------------
*
* Pierre Delcher - www.shinkan.info
* Hugues Peytavin
****/


/* GENERAL **********************************************************************/

body,td, th {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	color: #000000;
	margin: 0;
	padding: 0;
}

body {
	background-color: #666666;
	margin-left: auto;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	text-align: center;
	width : 1000px;
}

a {
	color: #FF0000;
	text-decoration: none;
}

a:hover {
	color: #666666;
	text-decoration: none;
}

img
{
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	border: none;
    width : 50 %;
}

/* ul
{
	list-style-type: square;
} */

strong
{
	font-weight: bold;
}

em
{
	font-style: italic;
}

q
{
	font-style: italic;
}

p
{
	font-weight: normal;
	text-indent: 20px;
}

input
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #5E395E;
	background-color: #FFEEFF;
	border: #CCCCCC 1px solid;
	
}
input:hover
{
	background-color: #FFFFFF;
}

input:focus
{
	background-color: #FFFFFF;
}

h1, h2, h3, h4, h5, h6
{
	text-transform: uppercase;
	color: #FF0000;
	margin: 0px;
	padding: 0px;
}

h1
{
	font-size: 2.2em;
	text-align: center;
}

h2
{
	font-size: 2em;
	text-align: center;
}

h3
{
	font-size: 1.7em;
    text-align: center;
}

h4
{
	font-size: 1.5em;
    text-align: center;
}

h5
{
	font-size: 1.3em;
    text-align: center;
}

h6
{
	font-size: 1.2em;
    text-align: center;
}


/* CLASSES ET ID PERSO **********************************************************************/

/* Conteneur general de mises en forme */
#box
{
	/*width: 95%;*/
	margin: 20px auto;
	background-color: #CCCCCC;
	border: 2px solid grey;
}

#uplink
{
	color: #FFFFFF;
	text-align: center;
	font-weight: bold;
}

#uplink a:hover
{
	color: #FFFFFF;
}

/* Bandeau de haut de page */
#header
{
	width: 200px;
	height: 150px;
	margin: auto;
	padding: 5px;
	background-image: url(../img/header.png);
	background-repeat: no-repeat;
	background-position: center;
}


/* Pied de page */
#footer
{
	width: 95%;
	margin: auto;
	margin-top: 10px;
	margin-bottom: 0px;
	padding: 5px;
	font-weight: bold;
	clear : both;
}

/* Message d'erreur */
.error
{
	font-size: 1.5em;
	font-weight: bold;
	color: #FF0000;
	margin: auto;
	padding: 5px;
}

.texterouge
{
	color: #FF0000;
}

.textebleu
{
	color: #0000FF;
}

.texteblanc
{
	color: #FFFFFF;
}

.floatleft
{
	float: left;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-right: 30px;
}

.floatright
{
	float: right;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 20px;
}

/****
* FEUILLE DE STYLE DU MENU DE CD3F
* --------------------------------
*
* Pierre Delcher (adapté de www.pompage.net)
****/


#nav, #nav ul { /* toutes les listes */
		padding: 0;
		margin: 0;
		list-style: none;
		float : left;
		width : 11em;
	}
	
	#nav li { /* tous les items de liste */
		position : relative;
		float : left;
		line-height : 1.25em;
		margin-bottom : -1px;
		width: 11em;
	}
	
	
	#nav li ul ul { /* listes de troisième niveau et plus */
		left: -999em;
	}
	
	#nav li a {
		width: 11em;
		w\idth : 10em;
		display : block;
		color : black;
		font-weight : bold;
		text-decoration : none;
		background-color : white;
		border : 2px solid red;
		padding : 0 0.5em;
	}
	
	#nav li a:hover {
		color : white;
		background-color : red;
	}
	
	#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
		left: -999em;
	}
	
	#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { /* listes imbriquées sous les items de listes survolés */
		left: auto;
	}