@charset "utf-8";
/* CSS Document created by Nicolas Fiorini - CREATOX */

/* Propriété générale */
* {
	margin:0;
	padding:0;
}

/* Corps de page */
body {
	background-color:#272727;
}

ul {
	list-style:none;
}

/* Titre de news */
h2 {
	color:#193360;
	text-transform:uppercase;
	font-weight:bold;
	font: 16px "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin-bottom:15px;
	font-weight:bold;
}

h2 span {
	display:block;
	margin-top:-7px;
	font-size: 10px;
	text-transform:none;
	color:#333;
	font-weight:normal;
}

/* Titre de FAQ */
h3 {
	color:#193360;
	font-weight:bold;
	font: 14px "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin-bottom:15px;
	margin-left:10px;
	font-weight:bold;
}


/* Style de paragraphe */
p {
	margin-bottom:15px;
}

/* Classe news_txt */
.news_txt {
	font-size:12px;
	color:#333;
}

/* Liens généraux pour les questions */
a {
	color:#87ceeb;
	font-weight:bold;
	text-decoration:none;
}

/* Lors du survol */
a:hover {
	text-decoration:underline;
}

/* Style de balise input de formulaire classe type */
input.type {
	background:url(../images/input_type.png) no-repeat;
	width:259px;
	height:20px;
	border:none;
	padding:8px;
	color:#193360;
	font-size:13px;
	font-weight:bold;
	font-family:"Trebuchet MS", Verdana, Helvetica, sans-serif;
}

/* Style de saisie de texte de formulaire */
textarea {
	background:url(../images/textarea_type.png) no-repeat;
	width:365px;
	height:186px;
	border:none;
	color:#193360;
	font-size:13px;
	font-weight:bold;
	font-family:"Trebuchet MS", Verdana, Helvetica, sans-serif;
	padding:10px;
}

/* Ligne sparatrice */
hr {
	border:dashed #CCC 1px;
	margin-top:10px;
	margin-bottom:10px;
}

/* Placement du fond de site */
#site {
	background:url(../images/body.gif) repeat-y center;
	width:1000px;
	margin:auto;
	padding: 0 1px 0 1px;
}

/* Placement de l'entete */
#entete {
	background:url(../images/entete.jpg) top center no-repeat;
	width:inherit;
	height:226px;
	margin:auto;
}

/* Definition du menu */
ul#menu {
	background:url(../images/menu_bg.gif) repeat-x;
	margin:auto;
	height:42px;
    list-style:none; 
    text-align:center; 
    overflow:hidden;
}

/* Une case */
ul#menu li{
	position:relative;
    z-index:5;
    float:left;
}

/* Application JS */
ul#menu li.backLava {
	background:url(../images/menu_hover.gif) no-repeat center;
}

/* Un lien du menu */
#menu li a { 
    min-width:59px; 
	height:42px;
	display:block;
    color:#FFF;  
    font:12px "Trebuchet MS", Arial, Helvetica, sans-serif;
    line-height:42px ; 
    text-align:center ; 
    text-decoration: none;
	padding-left:10px;
	padding-right:10px;
	outline:none;
}

/* Le lien de la page en cours */
#menu li a.focus {
	color:#2f6acc;
}

/* La case flottant à droite */
#menu li.menu_right { 
	float:right; 
}

/* Bloc de contenu global */
#container {
	width:980px;
	margin-right:auto;
	margin-left:auto;
	padding: 20px 10px 0 10px;
	font-family:"Trebuchet MS", Verdana, Helvetica, sans-serif;
	font-size:14px;
}

/* Partie gauche */
#left_side {
	width:980px;
}

/* Partie droite */
#right_side {
	float:right;
	width:270px;
}



/********************* On remplit la partie droite *********************/

/* Bloc recherche */
.recherche {
	width:240px;
	height:49px;
	background:url(../images/recherche.png) no-repeat;
	padding:25px 15px 15px 15px;
	margin-bottom:10px;
}

.recherche input {
	background:url(../images/input_recherche.png) no-repeat;
	width:174px;
	height:23px;
	border:none;
	padding:5px 5px 0 5px;
	color:#193360;
	font-weight:bold;
	font-family:"Trebuchet MS", Verdana, Helvetica, sans-serif;
}

/* Bloc de news */
.news {
	width:262px;
	margin:auto;
	margin-bottom:10px;
}

/* entete */
.news .head {
	background:url(../images/news_head.gif) no-repeat;
	height:45px;
}

/* corps */
.news .body {
	background:url(../images/news_body.gif) repeat-y;
	width:262px;
}

/* pied */
.news .foot {
	background:url(../images/news_foot.gif) no-repeat;
	height:6px;
}

/* IDs de scroll automatique des news */
#newsbox {
	height:350px; 
	position:relative; 
	overflow:hidden; 
}

#newslist { 
	position:absolute; 
	padding:0 0.5em; 
}

/* Bloc divers (bouton contact, etc.) */
.divers {
	width:270px;
	margin:auto;
	margin-bottom:10px;
}

/********************* On remplit la partie gauche *********************/
.general {
	width:702px;
	margin-bottom:10px;
}

/* Tete de bloc general */
.general .head {
	background:url(../images/left_head.gif) no-repeat;
	width:692px;
	height:24px;
	padding: 5px 0 0 10px;
	color:#193360;
	font-weight:bold;
	text-transform:uppercase;
	font-size:16px;
}

/* Contenu */
.general .body {
	background:url(../images/left_body.gif) repeat-y;
	width:682px;
	padding:10px;
	color:#ffffff;
	font-size:12px;
}

/* Pied */
.general .foot {
	background:url(../images/left_foot.gif) no-repeat;
	width:702px;
	height:5px;
	color:#ffffff;
	font-size:12px;
}

/* Hack affichant le fond quelles que soient les hauteurs */
.hack {
	clear:both;
	height:5px;
}

/* Specifique page FAQ */
.highlight {
	background:#666;
}

.links {
	margin-left:20px;
}

.links li a {
	margin-left:10px;
}

.faq li {
	margin-bottom: 50px;
	padding: 10px;
}

.faq li span.question {
	display: block;
	font-weight: bold;
}

/* La reponse sélectionnee */
.highlight {
	background:#484848;
}

/* Le bouton en haut */
div.top {
	margin-top: 5px;
}

div.top a {
	background:#193360;
	padding: 3px;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
}

/* Au survol */
div.top a:hover {
	background-color:#09F;
}

/* Pied de page / droits */
.footer {
	background:url(../images/footer.jpg) no-repeat;
	margin:auto;
	width:902px;
	height:45px;
	padding:0 50px 0 50px;
    list-style:none; 
	line-height:45px;
	color:#FFF;
	font-size:12px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}

.footer .right {
	text-align:right;
	display:inline;
	margin-left:25px;
}