﻿
/*-----------------------
Elements communs
-------------------------*/

p {
	margin:0 0 16px 0;
}

ul {
	padding:0 0 0 15px;
}

li {
	padding:0 0 5px 0;
}

h1 {
	margin:0 0 20px 0;
	color: #f06300;
	font-weight:lighter;
	font-size:1.8em;
}

h2 {
	margin:0;
	padding:0;
	color: #000;
	font-weight:bold;
	font-size:1.2em;
}

strong {
	font-weight: normal;
	color: #000;
}

a {
	color: #000;
	text-decoration:underline;
}

a:hover {
	color: #000;
	text-decoration:underline;
}

img {
border:0;
}

form {
padding: 0;
margin: 0;
}

.clear {
margin:0;
padding:0;
clear: both;
}

.tab1 {  /* pour placer le champ texte*/
float: left;
padding: 6px 0 0 0;
}

.tab1 input {
text-decoration: none;
border: 1px solid #e5e5e5;
}

.tab2 {  /* pour placer le bouton à côté du champ texte*/
float: right;
padding: 7px 0 0 0;
}

/*---------------------------------------------------------
Structure de la page
----------------------------------------------------------*/

body {
margin:0 0 20px 0;
padding:0;
background-color: #FFF;
background-position:top;
background-repeat:repeat-x;
font-family : verdana, arial;
/*font-size: 0.7em; defint dans gabarit */
color:#999;
}

#visuel {
margin:0 auto 0 auto;	/*permet de centrer le contenu + image de fond*/
padding:0;
width:960px;
height:190px;
}


#cadre {
margin:0 auto 0 auto;	/*permet de centrer le contenu + image de fond*/
padding:0;
background-color:#FFF;
width:960px;
}

/* ------------------------ Bloc Gauche ---------------*/

#blocGauche {
float:left;
margin: 0;
padding:0;
width:205px;
}

#recherche{
margin: 0;
padding:0 0 0 15px;
text-align:right;
height:40px;
width:190px;
}

#blocmenu{
margin: 0;
padding:5px 0 0 15px;
width:190px;
}

/* ------------------------ Bloc Droite ---------------*/

#blocDroite {
float:left;
margin: 0;
padding:0;
width:755px;
}


#date {
padding: 13px 0 0 0;
font-size: 0.9em;
color:#b0ce11;
text-align: right;
}

#navig{
padding: 12px 0 0 0;
font-size: 0.9em;
color:#999;
}

#navig a{
color:#999;
font-size: 0.9em;
text-decoration:none;
}

#navig a:hover{
color:#999;
font-size: 0.9em;
text-decoration:underline;
}

#contenu{
margin: 0;
padding: 0;
width:745px;
}

.texteContenu{
padding: 0 0 0 25px;
}

/* ------------------------ Bloc Bas ---------------*/

#zoom {
margin:0 auto 0 auto;	/*permet de centrer le contenu + image de fond*/
padding:0;
background-repeat:repeat-x;
background-position:left top;
height:58px;
width:930px;
}

#zoomContenu {
padding:20px 0 0 0;
text-align:right;
}

#bas {	
margin:0 auto 0 auto;	/*permet de centrer le contenu + image de fond*/
padding: 0;
width:930px;
}

#dateMaj {
float:left;
margin:0;
padding:0;
color:#999;
font-size:0.9em;
text-align:right;
width:257px;
}

#liens {
float:left;
margin:0;
padding:0;
color: #999;
width:673px;
}

#liens a{	
color: #999;
}


/* -----------------------------------------------------------*/
/* -----------------------------------------------------------*/

/* ------------------------ Style page normale ---------------*/

p.entete {
	font-weight: bold;
	color: #9a5c2b;
}

p.entete strong{
	font-weight: bold;
	color: #000;
}

.orange {
	font-weight: normal;
	color: #f06300;
}

.orangeGras {
	font-weight: bold;
	color: #f06300;
}

.vert {
	font-weight: normal;
	color: #71a600;
}

.vertGras {
	font-weight: bold;
	color: #71a600;
}

p.cadre1{
	padding:5px;
	color: #999;
	font-weight:bold;
	font-size:0.9em;
	text-align:center;
	border: solid 1px #e5e5e5;
}

p.titreRubrique {
	font-weight:bold;
	font-size:1.2em;
	color:#07448e;
}

td.titreTab {
	padding:5px;
	font-weight:bold;
	font-size:1em;
	color:#fff;
}

/* ------------------------ Bloc Chapitre ------------------------*/

.blocChapitre {
	margin:0;
	padding:0;
	color: #3cbfe5;
}

.blocChapitre .titre{
	margin:0;
	padding: 0 0 10px 0;
	text-transform:uppercase;
	font-size:1em;
	font-weight: bold;
	color: #9a5c2b;
	border-bottom: solid 1px #e5e5e5;
}

.blocChapitre .menuOn{
	margin:0;
	padding:2px 0 2px 0;
	font-weight:bold;
	display:block;
	color:#f06300;
	background-color:#ffe4af;
}

.blocChapitre ul{
	margin:0 0 20px 0;
	padding:0;
	list-style:none;
}

.blocChapitre li{
	margin:5px 0 0 0;
	border-bottom: solid 1px #e5e5e5;
}

.blocChapitre a{
	color: #f06300;
	text-decoration:none;
}

.blocChapitre a:hover{
	color: #f06300;
	text-decoration:underline;
}

/* ------------------------ Bloc Lien ------------------------*/

.blocLien {
	margin:0;
	padding:0;
	font-size:0.9em;
}

.blocLien .titre{
	margin:0;
	padding:16px 0 0 10px;
	background-position:top left;
	background-repeat:no-repeat;
	text-transform:uppercase;
	font-size:0.9em;
	font-weight: bold;
	color: #71a600;
	height:26px;
}

.blocLien .stitre{
	margin:0;
	padding:0 0 0 10px;
	font-weight: bold;
	color: #71a600;
}

.blocLien ul{
	margin:0 0 15px 10px;
/*	list-style-image:url(medias/pucelien2.gif);*/
}

.blocLien li{
	margin:0 0 5px 0;
}

.blocLien a{
	color: #000;
	text-decoration:none;
}

.blocLien a:hover{
	color: #000;
	text-decoration:underline;
}


/* ------------------------ Bloc Lien2 ------------------------*/

.blocLien2 {
	margin:0;
	padding:0;
	font-size:0.9em;
}

.blocLien2 .titre{
	margin:0;
	padding:16px 0 0 10px;
	background-position:top left;
	background-repeat:no-repeat;
	text-transform:uppercase;
	font-size:0.9em;
	font-weight: bold;
	color: #f06300;
	height:26px;
}

.blocLien2 ul{
	margin:0 0 15px 0;
	padding:0;
	list-style:none;
}

.blocLien2 li{
	margin:0;
	padding:5px 0 5px 10px;
	border-bottom: solid 1px #e5e5e5;
}

.blocLien2 a{
	color: #000;
	text-decoration:none;
}

.blocLien2 a:hover{
	color: #000;
	text-decoration:underline;
}

/* ------------------------ Bloc Lien3 ------------------------*/

.blocLien3 {
	margin:0;
	padding:0;
	font-size:0.9em;
}

.blocLien3 .titre{
	margin:0;
	padding:16px 0 0 10px;
	background-position:top left;
	background-repeat:no-repeat;
	text-transform:uppercase;
	font-size:0.9em;
	font-weight: bold;
	color: #f6b300;
	height:26px;
}

.blocLien3 ul{
	margin:0 0 15px 0;
	padding:0;
	list-style:none;
}

.blocLien3 li{
	margin:0;
	padding:5px 0 5px 10px;
	border-bottom: solid 1px #e5e5e5;
}

.blocLien3 a{
	color: #000;
	text-decoration:none;
}

.blocLien3 a:hover{
	color: #000;
	text-decoration:underline;
}

/* ------------------------ Bloc Lien4 ------------------------*/

.blocLien4 {
	margin:0;
	padding:0;
	font-size:0.9em;
}

.blocLien4 .titre{
	margin:0;
	padding:10px 0 0 10px;
	background-position:top left;
	background-repeat:no-repeat;
	text-transform:uppercase;
	font-size:0.9em;
	font-weight: bold;
	color: #f06300;
	height:28px;
	width:180px;
}

.blocLien4 ul{
	margin:0 0 15px 10px;
/*	list-style-image:url(medias/pucelien2.gif);*/
}

.blocLien4 li{
	margin:0 0 5px 0;
}

.blocLien4 a{
	color: #000;
	text-decoration:none;
}

.blocLien4 a:hover{
	color: #000;
	text-decoration:underline;
}


/* ------------------------ Bloc Vert ------------------------*/

.blocVert {
	margin-bottom:15px;
	padding:2px 2px 0 2px;
	border: solid 1px #e5e5e5;
	font-size:0.9em;
	color: #000;
}

.blocVert .titre{
	margin-bottom:2px;
	padding:8px 0 0 5px;
	font-size:1.1em;
	font-weight: bold;
	color: #fff;
	background-color:#9fc70e;
	height:24px;
}

.blocVert p{
	margin-bottom:2px;
	padding:5px;
	color: #000;
	background-color:#e1e8bc;
}

.blocVert strong{
	font-weight:bold;
	color:#379300;
}

.blocVert a{
	color: #379300;
	text-decoration:underline;
}

.blocVert a:hover{
	color: #379300;
	text-decoration:underline;
}

/* ------------------------ Bloc Orange ------------------------*/

.blocOrange {
	padding:0;
}

.blocOrange p, .blocOrange li, .blocOrange ul{
	color: #000;
	font-weight: bold;
}

.blocOrange h2{
	color: #d84b00;
	font-size:1.1em;
	font-weight: bold;
}

.blocOrange strong{
	color: #f06300;
	font-weight: bold;
}

.blocOrange a{
	color: #f06300;
	font-weight: bold;
	text-decoration:underline;
}

.blocOrange a:hover{
	color: #f06300;
	font-weight: bold;
	text-decoration:underline;
}

/* ------------------------ Bloc Menu ------------------------*/
#blocmenu ul{
	list-style:none;
	margin:0;
	padding:0;
}

#blocmenu ul li {
	margin:0;
	padding:0;
}

#blocmenu ul li a {
	color:#FFF;
	text-transform:uppercase;
	font-size:0.9em;
	padding: 10px 0 9px 8px;
	display:block;
	border-bottom:solid 1px #FFF;
}


#blocmenu ul.menu1{
	list-style:none;
	margin:0;
	padding:0;
}

#blocmenu ul li.menu1 a{
	color:#FFF;
	text-transform:uppercase;
	font-size:0.9em;
	padding: 10px 0 13px 8px;
	display:block;
	border-bottom:solid 1px #FFF;
}

#blocmenu ul.menu li {
	background-color:#e9dbd0;
	background-image:none;
	margin:0;
	padding:0;
}

#blocmenu ul.menu li a {
	color:#000;
	text-transform:none;
	display:block;
	padding: 5px 0 5px 8px;
}


#blocmenu ul.sousmenu1 li {
	background-color:#ffe4af;
	background-image:none;
}
