/* CSS Document */

body {
	margin:0;
	padding:0;
	background-image:url(../img/bg/body.jpg);
	background-repeat:repeat-x;
	background-color:#FDE58F;
	font-family:Trebuchet Ms, Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
}

a {
	color:#8D2612;
	text-decoration:none;
}

a:hover {
	color:#10254E;
	text-decoration:underline;
}

h1 {
	margin:0;
	padding:0;
	color:#8D2612;
	font-size:18px;
	letter-spacing:1px;
}

h2 {
	margin:0;
	padding:0;
	color:#8D2612;
	font-size:14px;
	letter-spacing:1px;
}

p {
	margin:0;
	padding:0;
	text-align:justify;
	margin-top:10px;
	margin-bottom:10px;
}

.clear {
	clear:both;
	line-height:1px;
}

.bleu {
	color:#10254E;
}

.colonne_100 {
	position:relative;
	float:left;
	width:100px;
}

.colonne_200 {
	position:relative;
	float:left;
	width:200px;
}

.colonne_250 {
	position:relative;
	float:left;
	width:250px;
}

.colonne_300 {
	position:relative;
	float:left;
	width:300px;
}

.colonne_350 {
	position:relative;
	float:left;
	width:350px;
}

.colonne_400 {
	position:relative;
	float:left;
	width:400px;
}


/* Haut */
#haut {
	position:relative;
	width:900px;
	height:106px;
	margin:auto;
	background-image:url(../img/bg/haut.jpg);
}

#logo {
	position:absolute;
	top:25px;
	left:10px;
}


/* Main */
#main {
	position:relative;
	width:1000px;
	margin:auto;
}


/* Menu */
#menu {
	position:relative;
	height:44px;
	background-image:url(../img/bg/menu.jpg);
	padding-left:50px;
	overflow:hidden;
}


/* Contenu */
#contenu {
	position:relative;
	background-image:url(../img/bg/contenu.jpg);
	background-repeat:repeat-y;
}

#contenu_g {
	position:absolute;
	top:0px;
	left:0px;
	width:50px;
	height:300px;
	background-image:url(../img/bg/contenu-g.jpg);
}

#contenu_d {
	position:absolute;
	top:0px;
	right:0px;
	width:50px;
	height:300px;
	background-image:url(../img/bg/contenu-d.jpg);
}


/* Contenu gauche */
#contenu_gauche {
	position:relative;
	width:240px;
	float:left;
	padding-left:50px;
	letter-spacing:1px;
}

#contenu_gauche a {
	color:#10254E;
	text-decoration:none;
	font-weight:bold;
}

#contenu_gauche a:hover {
	color:#8D2612;
	text-decoration:none;
}

#titre_menu_gauche {
	position:relative;
	background-image:url(../img/bg/titre-menu-gauche.jpg);
	height:23px;
	font-weight:bold;
	color:#8D2612;
	padding-left:20px;
	padding-top:5px;
	margin-top:40px;
	margin-bottom:20px;
}

.mg_rub_1, .mg_rub_2 {
	position:relative;
	color:#10254E;
	font-weight:bold;
	width:190px;
	margin-left:20px;
	border-bottom:1px solid #FDDF77;
	line-height:24px;
}

.mg_rub_2 {
	padding-left:20px;
	background-image:url(../img/liste/pt-rouge.gif);
	background-position:5px 10px;
	background-repeat:no-repeat;
}

#contact_gauche {
	position:relative;
	margin:30px 0px 30px 20px;
}

#bt_email, #bt_plan {
	position:relative;
	margin-left:10px;
	margin-bottom:20px;
}


/* Contenu droite */
#contenu_droite {
	position:relative;
	width:660px;
	float:left;
	line-height:20px;
}

#cd_haut {
	position:relative;
	height:75px;
	background-image:url(../img/bg/contenu-droite-haut.jpg);
	margin-top:15px;
	overflow:hidden;
}

#cd_haut h1 {
	position:absolute;
	top:30px;
	left:30px;
}

#cd_texte {
	position:relative;
	background-image:url(../img/bg/contenu-droit-texte.jpg);
	background-repeat:repeat-y;
	padding:20px 20px 20px 30px;
	width:610px;
}

#cd_bas {
	position:relative;
	height:10px;
	background-image:url(../img/bg/contenu-droite-bas.jpg);
	margin-bottom:20px;
	overflow:hidden;
}


/* Catégories */
.box_cat {
	position:relative;
	float:left;
	width:268px;
	padding:6px 12px 6px 12px;
}

.box_img_cat {
	position:relative;
	width:270px;
	height:100px;
	border:1px solid #8D2612;
	padding:1px;
}

.box_txt_cat {
	position:relative;
	padding-top:5px;
	text-align:center;
	font-weight:bold;
	letter-spacing:1px;
}


/* Articles */
#box_articles {
	position:relative;
	width:100%;
}

.box_img_article {
	position:relative;
	float:left;
	width:130px;
	height:87px;
	border:1px solid #8D2612;
	margin-bottom:14px;
	margin-right:14px;
	padding:1px;
}


/* Contact */
#map {
	position:relative;
	width:600px;
	height:350px;
	border:1px solid #7B1310;
}


/* Bas */
#bas {
	position:relative;
	height:45px;
	background-image:url(../img/bg/bas.jpg);
	color:#FFFFFF;
}

#bas a {
	color:#FFFFFF;
	text-decoration:none;
}

#bas a:hover {
	color:#FFFFFF;
	text-decoration:underline;
}

#menu_bas {
	position:absolute;
	top:12px;
	left:70px;
}

#texte_bas {
	position:absolute;
	top:12px;
	right:70px;
}