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

/* Proprit generale */
* {
	margin:0;
	padding:0;
}

/* Corps de page */
body {
	background:url(../images/bg.gif) repeat;
}

ul {
	list-style:none;
}

/* Titre des dieses */
h1 {
	position:relative;
	background:url(../images/h1.png) no-repeat;
	width:238px;
	height:30px;
	padding-left:200px;
	padding-top:10px;
	margin-top:-40px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#2a5fcd;
	text-transform:uppercase;
	z-index:7;
	font-weight:normal;
}

/* Titre de news défilantes */
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 et autres */
h3 {
	color:#193360;
	font-weight:bold;
	font: 14px "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin-bottom:15px;
	margin-left:10px;
	font-weight:bold;
}

/* Titre de page informations légales */
h4 {
	color:#193360;
	font-weight:bold;
	font: 14px "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin-top:15px;
	margin-left:10px;
	font-weight:bold;
}



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

/* Liens generaux */
a {
	color:#2f6acc;
	font-weight:bold;
	text-decoration:none;
}

.rouge {
	color:#fe6c7d;
}

.rouge_f {
	color:#5c0f24;
	font-weight:bold;
}

.violet {
	color:#9f8de3;
}

.bleu {
	color:#66aeff;
}

.rose {
	color:#fb84ff;
}

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

/* Style de balise input de formulaire classe type */
input.type {
	background:url(../images/input.jpg) no-repeat;
	width:300px;
	height:21px;
	border:none;
	padding:5px;
	color:#5c0f24;
	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.jpg) no-repeat;
	width:356px;
	height:201px;
	border:none;
	color:#5c0f24;
	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/site.gif) repeat-y center;
	width:900px;
	margin:auto;
}

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

/* Definition du menu */
ul#menu {
	background:url(../images/menu_bg.png) repeat-x;
	margin:auto;
	height:56px;
	margin-top:-4px;
    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_over.png) repeat-x center;
}

/* Un lien du menu */
#menu li a { 
	height:56px;
	display:block;
    color:#FFF;  
    font:12px "Trebuchet MS", Arial, Helvetica, sans-serif;
    line-height:56px ; 
    text-align:center ; 
    text-decoration: none;
	text-transform:uppercase;
	font-weight:bold;
	letter-spacing:1px;
	padding-left:20px;
	padding-right:20px;
	outline:none;
}

/* Le lien de la page en cours */
#menu li a.focus {
	color:#FFF;
	background:url(../images/menu_actif.gif) repeat-x center 4px;
}

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

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

/* Bloc de caroussel en page d'accueil */
#realisations {
	width:873px;
	height:241px;
	background:url(../images/realisations.jpg) no-repeat;
	padding:20px 5px 5px 5px;
	margin-bottom:15px;
	color:#FFF;
	font-size:12px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}

#realisations a {
	color:#FFF;
	font-weight:bold;
	font-size:14px;
}

/*********************  Page particulière : index  *********************/
.index_left {
	width:438px;
	float:left;
}

.index_right {
	width:438px;
	float:right;
}

.bloc_index {
	margin-bottom:15px;
}

.image_index {
	position:relative;
	z-index:6;
}

.bloc_index .cont {
	background:url(../images/diese.gif) repeat-y;
	width:428px;
	font-size:10px;
	color:#353535;
	padding:5px;
}

.bloc_index .foot {
	background:url(../images/diese_foot.png) no-repeat;
	width:438px;
	height:15px;
}

/*********************   Page 3 colonnes : news    *********************/
.centre {
	width:485px;
	margin-left:135px;
}

.bloc_60 {
	margin-bottom:15px;
}

.bloc_60 .head {
	background:url(../images/bloc_60_head.png) no-repeat;
	height:24px;
	width:475px;
	padding:2px 5px 5px 5px;
	color:#2a5fcd;
	font-size:16px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	font-weight:bold;
}

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

.bloc_60 .body {
	background:url(../images/bloc_60_body.gif) repeat-y;
	width:475px;
	padding:5px;
	font: 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
}

.bloc_60 .foot {
	background:url(../images/bloc_60_foot.png) no-repeat;
	width:485px;
	height:13px;
}

.droite {
	float:right;
}

.bloc_30 {
	width:256px;
	margin-bottom:15px;
}

/* Les champs de texte des blocs à droite */
.bloc_30 input.mini {
	background:url(../images/input_mini.jpg) no-repeat;
	width:160px;
	height:24px;
	border:none;
	padding:7px 5px 0 5px;
	color:#5c0f24;
	font-weight:bold;
	font-family:"Trebuchet MS", Verdana, Helvetica, sans-serif;
}

/* Condensage des bloc flottant à droite (recherche, connexion, etc.) */
.bloc_30 .recherche { background:url(../images/recherche.png) no-repeat; height:48px; width:256px; }
.bloc_30 .connexion { background:url(../images/connexion.png) no-repeat; height:48px; width:256px; }
.bloc_30 .rubriques { background:url(../images/rubriques.png) no-repeat; height:48px; width:256px; }
.bloc_30 .news { background:url(../images/news.png) no-repeat; height:48px; width:256px; }

.bloc_30 .body {
	background:url(../images/bloc_dt_body.png) repeat-y;
	width:236px;
	padding:0 10px 0 10px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:12px;
}

.bloc_30 .body a {
	color:#5c0f24;
	letter-spacing:1px;
}

.bloc_30 .foot {
	background:url(../images/bloc_dt_foot.png) no-repeat;
	width:256px;
	height:14px;
}

.bloc_10 {
	width:125px;
	float:left;
}

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

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

/*********************Page 2 colonnes : réalisations, etc.*********************/
.bloc_70 {
	margin-bottom:15px;
}

.bloc_70 .head {
	background:url(../images/bloc_70_head.png) no-repeat;
	height:24px;
	width:611px;
	padding:2px 5px 5px 5px;
	color:#2a5fcd;
	font-size:16px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	font-weight:bold;
}

.bloc_70 .body {
	background:url(../images/bloc_70_body.jpg) repeat-y;
	width:611px;
	padding:5px;
	font: 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
}

.bloc_70 .foot {
	background:url(../images/bloc_70_foot.png) no-repeat;
	width:621px;
	height:21px;
}

/*********************  Page spécifique : FAQ  *********************/
.highlight {
	background:#CCC;
}

.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;
}

/* 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;
}

/*********************  Page spécifique : CV  *********************/
.cv {
	margin-left:35px;
	list-style:circle;
}


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

/* Pied de page / droits */
.footer {
	background:url(../images/footer.jpg) repeat-x;
	margin:auto;
	width:880px;
	height:172px;
	padding:10px;
	border-bottom:1px solid #000;
    list-style:none; 
	color:#FFF;
	font-size:12px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}

.footer span {
	font-size:14px;
	font-weight:bold;
}