/* 
 * Copyright (c) 2007 Copyright (c) Octolys Development
 * Ce template a été réalisé par http://www.scopika.com & http://www.fredodo.com
 * Il est soumis à la licence GPL
 */

/* Ce fichier définit le style visuel pour les différents éléments des pages.
 * Dans l'ordre, vous trouverez les règles qui définissent l'apparence pour:
 * - Eléments HTML en général
 * - Page
 * - Entête
 * - Chemin
 * - Produit petit & grand
 * - Pied de page
 * - Menu général
 * - Signature
 * - Nombre de pages
 * - les styles particuliers pour les pages intérieures
 */


/* Eléments HTML en général
-------------------------------------------------------- */

body {
	padding: 0;
	margin: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #aeaeae;
	text-align: left;
	background-color: #282828;
	font-size: 10px;
	scrollbar-face-color:#282828;
	scrollbar-arrow-color: #fff;
}

h1, h2, h3{
	font-family: "Trebuchet MS", sans-serif;
}

h1{
	font-size: 1.8em;
	margin: 0;
	padding: 0;
}
h2{
	font-size: 1.5em;
	margin: 0;
	padding: 0;
}
h3{
	font-size: 1.1em;
	margin: 0;
	padding: 0;
}

a {
	color: #62a653;
	text-decoration: none;
}

a:visited {
	color: #62a653;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
	color: #62a653;
}

img {
	border: 0
}

/* Le corps de la page */

#conteneur {
	width:800px;
	margin:auto;
}

#corps {
	float: left;
	width: 800px;
}

#img_gauche {
	float: left;
	width: 36px;
}

#img_centre {
	float: left;
	width: 727px;
}

#img_droite {
 	float: left;
	width: 36px;
}

/* Entete
-------------------------------------------------------- */

#en_tete {
	float:left;
	width: 800px;
	height: 158px;
}


/* Sommaire
-------------------------------------------------------- */
#accueil {
	float:left;
	background-image:url(images/index_03.jpg);
	width: 727px;
	z-index:1;
}


#actualite {
	float:left;
	display:block;
	height:327px;
	width:300px;
}

#actualite_contenu{
	display:block;
	float:left;
	height:83px;
	padding-left:18px;
	padding-top:244px;
	width:290px;
	color:#fff;
	font-weight:bold;
}
#actualite_contenu a{text-decoration:none; color:#fff; font-weight:bold;}
#actualite_contenu a:hover{text-decoration:underline; font-weight:bold;}
/* Rubriques
-------------------------------------------------------- */

#contenue{
	float:left;;
	width: 727px;
	z-index:1;
	background-color:#fff;
}

#contenu2{
	float:left;
	width:717px;
	height:316px;
	margin:5px;
	background-color:#282828;
	color:#fff;
	font-size:10px;
}

#rub_logo {
	float:left;
	width: 717px;
	height:45px;
	margin:5px 5px 0px 5px;
}

#rub_texte {
	float:left;
	width:701px;
	height:271px;
	padding-left: 8px;
	padding-right: 8px;
	margin:0px 5px 5px 5px;
	background-color:#282828;
}

#rub_contenue_texte{
	width: 690px;
	height:142px;
	float:left;
	margin:5px 5px 5px 5px;
	color:#acacac;
	font-size:10px;
}

#rub_contenue{
	float:left;
	height:109px;
	margin:5px;
	width:700px;
}

#rub_contenue_style{
	width: 100px;
	height:94px;
	float:left;
}

#rub_logo_style{
	padding-bottom:5px;
	width: 95px;
	height:58px;
	float:left;
}

#rub_titre_pointille{
	position:relative;
	top:61px;
	width: 690px;
	height:1px;
}

#rub_titre_style{
	width: 99px;
	height:29px;
	float:left;
	color:#acacac;
	font-size:10px;
	/*border-top:dotted #aeaeae 1px;*/	
}


/* Rubriques n°1
-------------------------------------------------------- */
#rubrique1{
	float:left;
	width:717px;
	height:316px;
	margin:5px;
	background-color:#282828;
	color:#fff;
	font-size:9px;
}
#rub_article_titre_1 {
	float:left;
	width:228px;
	color:#F79E00;
	text-align:left;
	font-weight: bold;
	padding-left: 10px;
}
#rub_texte2 {
	float:left;
	width: 485px;
	height: 315px;
	padding-left: 10px;
	padding-right: 10px;
	text-align:justify;
	border-right:dotted #aeaeae 1px;
	overflow:auto;
}

#rub_article{
	float:left;
	width:211px;
}

#rub_article_texte{
	width:221;
	float: left;
	padding-left: 10px;
	padding-bottom: 10px;
}

/* Rubriques n°3
-------------------------------------------------------- */
#rubrique3{
	float:left;
	width:717px;
	height:316px;
	margin:5px;
	background-color:#282828;
	color:#fff;
	font-size:9px;
	overflow:auto;
}
#rub_article1 {
	float:left;
	width: 228px;
	height: 105px;
	padding-left: 5px;
}

#rub_article_titre {
	float:left;
	width:228px;
	color:#f89b00;
	text-align:left;
	font-weight: bold;
}
#rub_article_txt {
	float:left;
	width: 228px;
	text-align:left;
}
#rub_article_txt a {color:#fff; text-decoration:none;}
#rub_article_txt a:hover {color:#f89b00; text-decoration:none;}

/* Article
-------------------------------------------------------- */
#article_logo{
	float:left;
	width: 475px;
	height: 315px;
}

/* Article n°2
-------------------------------------------------------- */
#art_contenue{
	float:left;
	width: 700px;
	height:90px;
	margin:5px;
}


#art_logo_gauche{
	float:left;
	width: 280px;
	height:40px;
	margin:5px;
}

#art_logo_droite{
	float:left;
	width: 427px;
	height:37px;
	padding-left:5px;
	padding-top:3px;
	background-color:#282828;
	margin:5px 5px 5px 0px;
}

#art_logo_droite_descriptif{
	float:left;
	width: 300px;
	height:10px;
	color:#f89b00;
	font-size:10px;
	font-weight:bold;
}

#art_logo_droite_titre{
	float:left;
	width: 127px;
	height:25px;
	color:#acacac;
	font-size:10px;
}


#art_logo_droite_chapo{
	float:left;
	width: 300px;
	height:25px;
	color:#acacac;
	font-size:10px;
}

#art_texte {
	float:left;
	width:717px;
	height:479px;
	margin:0px 5px 5px 5px;
	background-color:#282828;
}

/* Article n°4
-------------------------------------------------------- */
#article_logo_4 {
	float:left;
	height:230px;
	padding-top:85px;
	width:140px;
	text-align:center;
}
#article_corp_4 {
	float:left;
	height:230px;
	padding-top:85px;
	width: 222px;
}
#article_titre_4 {
	float:left;
	width:228px;
	color:#f89b00;
	font-size:11px;
}
#article_texte_4 {
	float:left;
}
#article_form_4 {
	float:left;
	width:355px;
	overflow:auto;
	height:315px;
	}
	
/* Article n°11
-------------------------------------------------------- */

.article_11 {
	float:left;
	width: 238px;
	height: 140px;
}
.article_11_vignette {
	float: left;
	width:95;
	height:115px;
	padding:10px;
}
.article_11_droite {
	float:left;
	height:125px;
	padding-right:10px;
	padding-top:10px;
	width:106px;
	
}
.article_11_titre {
	float:left;
	border-top:1px dotted #aeaeae;
	border-bottom:1px dotted #aeaeae;
	width:120px;
	margin-top:50px;
}
.article_11_doc {
	float:left;
	border-bottom:1px dotted #aeaeae;
	width:120px;
}

/* Page publique
-------------------------------------------------------- */
#publique_corps{
	background-color: #161616;
	width:800px;
	margin:auto;
	font-family: "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
}

#publique_contenu{
	width:600px;
	height:700px;
	background-color: #282828;
	
}

#publique_haut_vide{
	float:left;
	border-bottom:1px solid #161616;
	width:600px;
	height:50px;
}

#publique_haut{
	float:left;
	border-bottom:1px solid #161616;
	padding-left: 5px;
	width:595px;
	height:50px;	
	color:#BEBEBE;
	
}

#publique_haut_titre{ 
	width:595px;
	float:left;
	font-size:23px;
	font-weight:bold;
}

#publique_haut_texte{
	width:595px;
	float:left;
	font-size:15px;
	font-weight:bold;
}

#publique_milieu{
	margin:5px;
	float:left;
	border-bottom:1px solid #161616;
	width:590px;
	height:490px;
}

#publique_bas{
	float:left;
	border:1px solid #161616;
	width:600px;
	height:100px;
}	
	
	
/* Le menu
-------------------------------------------------------- */

#menu_bas {
	float:left;
	width: 727px;
	height: 193px;

}

/* Pied de page
--------------------------------------------------------- */
#pied_de_page {
	float:left;
	height:23px;
	width: 727px;
	background-image:url(images/image_pied.jpg);
	background-repeat:no-repeat;
	text-align:center;
}

/* Galerie
--------------------------------------------------------- */
#galerie {
	float:left;
	width:717px;
	margin:5px;
	background-color:#282828;
}

#navgalerie {
	float:left;
	height:432px;
	margin:5px;
	overflow:auto;
	width:120px;
}

#imagegalerie{
	float:left;
	margin:5px 5px 5px 0px;
	width:582px;
}
#page {
	float:left;
	height:10px;
	margin:5px;
	width:680px;
	text-align:center;
}