/* BODY */
body {
	font: normal 62.5% "Trebuchet MS";
	text-align: center;
}

.top_bleu {
	background-image: url(../images/top_bleu.jpg);
	background-position: top center;
	background-repeat: no-repeat;
}

.top_orange {
	background-image: url(../images/top_orange.jpg);
	background-position: top center;
	background-repeat: no-repeat;
}

.top_jaune {
	background-image: url(../images/top_jaune.jpg);
	background-position: top center;
	background-repeat: no-repeat;
}

.bg_bleu {
	background-image: url(../images/bg_bleu.jpg);
	background-position: top center;
	background-repeat: repeat-x;
}

.bg_orange {
	background-image: url(../images/bg_orange.jpg);
	background-position: top center;
	background-repeat: repeat-x;
}

.bg_jaune {
	background-image: url(../images/bg_jaune.jpg);
	background-position: top center;
	background-repeat: repeat-x;
}

/* CONTAINERS */
.container {
	background-color: #fff;
	margin: 0 auto;
	text-align: left;
	width: 900px;
}

/* HEADER */
.header_bleu {
	background-image: url(../images/header_bleu.jpg);
	background-repeat: no-repeat;
	height: 58px;
	width: 900px;
}

.header_orange {
	background-image: url(../images/header_orange.jpg);
	background-repeat: no-repeat;
	height: 58px;
	width: 900px;
}

.header_jaune {
	background-image: url(../images/header_jaune.jpg);
	background-repeat: no-repeat;
	height: 58px;
	width: 900px;
}

.logo {float: left; width: 350px;}
.top_nav {float: right; font-size: 1.2em; width: 550px;}

/* MILIEU */
.content {
	background-image: url(../images/bg_content.jpg);
	background-position: top right;
	background-repeat: no-repeat;
	color: #394a59;
	font-size: 1.2em;
	margin-left: 204px;
	text-align: justify;
	width: 696px;
}

.intro {
	background-image: url(../images/bg_intro.jpg);
	background-repeat: no-repeat;
	height: 342px;
	width: 900px;
}

.extra_jaune {
	background-image: url(../images/bg_extra_jaune.jpg);
	background-repeat: no-repeat;
	height: 76px;
	width: 900px;
}

.extra_orange {
	background-image: url(../images/bg_extra_orange.jpg);
	background-repeat: no-repeat;
	height: 76px;
	width: 900px;
}

.navigation {padding-left: 390px; padding-top: 130px;}
.concours {float: left; padding-left: 325px; width: 165px;}
.extra_jaune .concours, .extra_orange .concours {float: left; padding-left: 315px; width: 165px;}
.infolettre {float: left; font-size: 1.2em; padding-left: 183px; padding-top: 37px; width: 227px;}
.extra_jaune .infolettre, .extra_orange .infolettre {float: left; font-size: 1.2em; padding-left: 183px; padding-top: 22px; width: 227px;}
.flash {float: left; height: 342px; width: 458px;}
.intro_jaune {background-image: url(../images/bg_intro_jaune.jpg); background-repeat: no-repeat; float: left; height: 342px; width: 442px;}
.intro_orange {background-image: url(../images/bg_intro_orange.jpg); background-repeat: no-repeat; float: left; height: 342px; width: 442px;}
.jaime {float: right; height: 70px; width: 292px; border: 0px solid #FF0000;}

.wrapper {
	width: 100%;
	float: left;
}

/* GAUCHE */
.gauche {
	float: left;
	font-size: 1.2em;
	margin-left: -900px;
	width: 204px;
}

.gauche_jaune {
	background-image: url(../images/bg_gauche_jaune.jpg);
	background-repeat: no-repeat;
	float: left;
	font-size: 1.2em;
	height: 324px;
	margin-left: -900px;
	width: 204px;
}

.gauche_orange {
	background-color: #FFD9CE;
	/*background-image: url(../images/bg_gauche_orange.jpg);*/
	/*background-repeat: no-repeat;*/
	float: left;
	font-size: 1.2em;
	height: 324px;
	margin-left: -900px;
	width: 204px;
}

.menu_orange {
	background-image: url(../images/bg_menu_orange.jpg);
	background-repeat: no-repeat;
	font-size: 1.2em;
	height: 422px;
	margin-bottom: 10px;
	text-transform: uppercase;
	width: 256px;
}

.menu_vert {
	background-image: url(../images/bg_menu_vert.jpg);
	background-repeat: no-repeat;
	font-size: 1.2em;
	height: 422px;
	margin-bottom: 10px;
	text-transform: uppercase;
	width: 256px;
}

/* FOOTER */
.footer {
	clear: both;
	color: #394a59;
	font: normal 0.8em "Verdana";
	padding-left: 204px;
	text-align: center;
	text-transform: uppercase;
	width: 696px;
}

/* TITRES */
h1 {background-image: url(../images/h1.jpg); background-repeat: no-repeat; color: #fff; font-size: 1.6em; font-weight: bold; height: 48px; padding-left: 40px; padding-top: 28px; text-transform: uppercase; width: 656px;}
h2 {color: #394a59; font: bold 1.2em "Verdana"; margin-bottom: 10px; text-transform: uppercase;}

/* PARAGRAPHES */
p {margin-bottom: 10px;}
.content .texte {font: normal 1em "Verdana"; padding: 10px 200px 10px 40px;}

/* LIENS */
.bg_bleu a {color: #00a8e1; text-decoration: underline;}
.bg_bleu a:hover {color: #00a8e1; text-decoration: none;}

.bg_orange a {color: #fe663f; text-decoration: underline;}
.bg_orange a:hover {color: #fe663f; text-decoration: none;}

.bg_jaune a {color: #ffd200; text-decoration: underline;}
.bg_jaune a:hover {color: #ffd200; text-decoration: none;}

a.btn_home {color: #fff; text-decoration: none; display: block; width: 350px; height: 58px;}
a.btn_home:hover {color: #fff; text-decoration: none;}

.top_nav ul li a {background-color: #394a59; color: #fff; display: block; height: 50px; text-decoration: none; width: 110px;}
.header_orange .top_nav ul li.enligne a {background-image: url(../images/btn_enligne_orange.jpg); background-position: top right; background-repeat: no-repeat;}
.header_jaune .top_nav ul li.enligne a {background-image: url(../images/btn_enligne_jaune.jpg); background-position: top right; background-repeat: no-repeat;}
.top_nav ul li a:hover {height: 58px; text-decoration: none;}
.header_bleu .top_nav ul li a:hover {color: #00a8e1;}
.header_orange .top_nav ul li a:hover {color: #fe663f;}
.header_jaune .top_nav ul li a:hover {color: #ffd200;}
.top_nav ul li a#t_active {background-color: #394a59; color: #fff; display: block; height: 58px; text-decoration: none; width: 110px;}
.header_bleu .top_nav ul li a#t_active {color: #00a8e1;}
.header_orange .top_nav ul li a#t_active {color: #fe663f;}
.header_jaune .top_nav ul li a#t_active {color: #ffd200;}

.navigation ul li a {color: #fff; display: block; height: 120px; text-decoration: none; width: 255px;}
.navigation ul li.first a {color: #fff; display: block; height: 119px; text-decoration: none; width: 100px;}
.navigation ul li a:hover {color: #fff; text-decoration: none;}

.intro_jaune a, .intro_orange a {color: #fff; display: block; height: 60px; margin-left: 195px; margin-top: 270px; width: 210px;}
.intro_jaune a:hover, .intro_orange a:hover {color: #fff; text-decoration: none;}

.concours a {color: #fff; display: block; height: 92px; text-decoration: none; width: 165px;}
.extra_jaune .concours a, .extra_orange .concours a {color: #fff; display: block; height: 76px; text-decoration: none; width: 165px;}
.concours a:hover {color: #fff; text-decoration: none;}

.gauche_jaune a, .gauche_orange a {color: #394a59; text-decoration: none;}
.gauche_jaune a:hover, .gauche_orange a:hover {color: #394a59; text-decoration: underline;}

.footer a {color: #394a59; text-decoration: none;}
.footer a:hover {color: #394a59; text-decoration: underline;}

/* LISTES */
.header_bleu ul, .header_orange ul, .header_jaune ul {float: right;}
.header_bleu li, .header_orange li, .header_jaune li {float: left; list-style: none; text-align: center;}

.navigation li {float: left; list-style: none;}

.gauche_jaune ul, .gauche_orange ul {padding: 5px 10px; text-align: center;}
.gauche_jaune li, .gauche_orange li {font-size: 1.2em; list-style: none; padding: 5px 0; text-align: center; text-transform: uppercase; width: 184px;}
.gauche_jaune li {border-bottom: 1px solid #ffd200;}
.gauche_orange li {border-bottom: 1px solid #fe663f;}

.footer ul {text-align: center;}
.footer li { display: inline; list-style: none; padding: 0 3px;}

.content ul {margin-left: 18px; margin-bottom: 10px;}
.content ul li {margin-bottom: 5px;}

/* FORMULAIRES */
.text {
	color: #666;
	border: 1px solid #e36929;
	font-size: 1em;
}

.bg_bleu .text {border: 1px solid #00a8e1;}
.bg_orange .text {border: 1px solid #fe663f;}
.bg_jaune .text {border: 1px solid #ffd200;}

textarea.text {font-size: 1.2em;}
input.text, textarea.text {padding: 0.15em;}

.button {
	color: #333;
	font-size: 1em;
	font-weight: bold;
	padding: 2px;
	background-color: #e36929;
	border: 1px solid #333;
}

.bg_bleu input.button {background-color: #00a8e1;}
.bg_orange input.button {background-color: #fe663f;}
.bg_jaune input.button {background-color: #ffd200;}

.infolettre input.text {
	background: none;
	border: none;
	float: left;
	font-size: 1em;
/*	height: 25px;*/
	padding: 7px 5px;
	width: 185px;
}

.infolettre input.button {
	background: none;
	border: none;
	float: left;
	height: 30px;
	padding: 0;
	width: 30px;
}

/* MISC */
* {margin: 0; padding: 0;}
.special td {padding: 3px;}
.clearer {clear: both;}
table {font-size: 1em;}
td img, li img {display: block;}