/*======================================================================
CSS commun à toutes les pages
======================================================================*/

body{
	margin-top:10px;
	margin-left:35px;
	margin-right:0px;
	margin-bottom:40px;
	background-color:#FFFFF7;
	font-size:11px;
	font-family: Arial, sans-serif;
	color: #746f6a;
}

p{
	margin:0px;
	padding:0px;
	color: #746f6a;
}

img{
	border:0px;
}

ul{
	padding:0px;
	margin:0px;
	color: #746f6a;
}

li{
	color: #746f6a;
}

span {
	cursor: hand;
}

label{
	cursor:pointer;
}

#contenurubrique h1{
	padding:0px;
	margin:0px;
	font-size:18px;
}

#contenurubrique h2{
	padding:0px;
	margin:0px;
	font-size:11px;
}

#contenurubrique h3{
	padding:0px;
	margin:0px;
	font-size:11px;
}

#contenuarticle h1{
	padding:0px;
	margin:0px;
	font-size:18px;
}

#contenuarticle h2{
	padding:0px;
	margin:0px;
	font-size:13px;
	font-weight:bold;
}

#contenuarticle h3{
	padding:0px;
	margin:0px;
	font-size:11px;
}

textarea{
	background-image:url('../IMG/input_background.gif');
	background-repeat:none;
}

legend{
	display:none;
}

.spip {
	margin: 10px 0 10px 0;
}
/*======================================================================
Tete
======================================================================*/

#tete{
	width:920px;
	height:45px;
}

#logotete{
	float:left;
}

#recherchetete{
	float:right;
	color:#8F8880;
}

#plantete{
	float:right;
	margin-top:4px;
	color:#8F8880;
}

#recherchetete input{
	border:1px solid #8F8880;
	background-image:url('../IMG/input_background.gif');
}


/*======================================================================
Menu
======================================================================*/
#globalmenu{
	margin-top:15px;
}

#menu{
	width:100%;
	height:100px;
	border-collapse:collapse;
}

#menuanimation{
	width:790px;
	padding:0px;
	margin:0px;
}

#menubleu{
	background-image:url('../IMG/fond_menu.gif');
	background-repeat:repeat-x;
}

/*======================================================================
Fil d'ariane
======================================================================*/
#filariane{
	width:700px;
	height:18px;
	color:#8f8880;
	letter-spacing:0.1em;
}

#icomaison{
	width:12px;
	height:13px;
}

/*======================================================================
Sommaire
======================================================================*/
#sommaire{
	height:410px;
}

#sommairegauche{
	float:left;
	width:400px;
	height:380px;
}

#sommairedroite{
	float:left;
	width:520px;
}

.checkdom{
	width:50px;
	float:left;
}

/*=========================== Les 2 rubriques de gauche  ===========================*/

#rubriquesommaire1{
	width:400px;
	height:160px;
	border-bottom:1px solid #F1E7D7;
}

#articlessommaire{
	width:920px;
	height:160px;
	border-bottom:1px solid #F1E7D7;
}

#rubriquesommaire2{
	width:400px;
	height:160px;
	padding-top:35px;
}

#dernierementcalv {
	background-image: url('/IMG/dernierementcalv_fond.png');
	background-repeat: no-repeat;
	background-color: #3366ff;
	width: 99.2%;
	margin: 0 0px 20px 0;
	padding: 25px 0 0 8px;
	color: #ffffff;
	font-size: 15px;
	font-weight: bold;
	text-transform: uppercase;
	height: 40px;
}

.contenurubrique{
	height:160px;
	color:#746F6A;
	text-align:justify;
}

.titrerubrique{
	color:#8F8880;
	font-weight:bold;
}

.rubriquetitre{
	float:left;
	width:120px;
	height:160px;
	padding-right:20px;
}

.rubriquetitre img{
	margin-top:30px;
	margin-left:30px;
}

.articletitre{
	float:left;
	width:120px;
	height:160px;
	padding-right:20px;
}

.articletitre img{
	text-align: center;
	margin-top: 5px;
	margin-left: 5px;
}

/*=========================== Les titres ===========================*/

.trait{
	float:left;
	width:15px;
	height:120px;
	margin-top:3px;
	background-image:url('../IMG/trait_rouge.gif');
	background-repeat:no-repeat;
}

.titre{
	color:#0129A1;
	letter-spacing:3px;
	font-variant: small-caps;
}

p.titre img, span{
	vertical-align: middle;
	display: inline-block;
}

.soustitre{
	color:#0140FC;
	letter-spacing:2px;
}

/*=========================== Références ===========================*/

#references{
	float:left;
	width:360px;
	height:159px;
	margin-left:15px;
}

.ref{
	float:left;
	width:119px;
	height:220px;
	padding-left:1px;
	background-image:url('../IMG/barre_ref.jpg');
	background-repeat:no-repeat;
}

.titreref{
	margin-top:8px;
	margin-left:6px;
	color:#8CA6B7;
	font-weight:bold;
	letter-spacing:2px;
}

.descriptionref{
	letter-spacing:1px;
	color:#A9A298;
	padding:6px;
	text-align:justify;
}

/*=========================== Nom de domaine ===========================*/

#ndd{
	float:left;
	width:359px;
	height:74px;
	margin-left:15px;
	background-image:url('../IMG/fond-ndd.jpg');
}


/*=========================== Actualités ===========================*/

#actualites{
	float:right;
	width:130px;
	height:222px;
	padding-top:3px;
	background-image:url('../IMG/fond_actu.jpg');
	background-repeat:no-repeat;
}

.actu{
	width:130px;
	text-align:justify;
}

.flecheactu{
	float:left;
	width:8px;
	padding-left:2px;
}

.contenuactu{
	float:left;
	width:112px;
	padding-right:8px;
}

.texteactu{
	color:#9D968A;
	letter-spacing:1px;
}

.dateactu{
	float:right;
	color:#FFCC00;
	letter-spacing:1px;
	font-weight:bold;
}

/*=========================== Interventions ===========================*/

#interventions{
	clear:both;
	width:485px;
	height:120px;
	margin-left:15px;
	background-color:#F9F6EC;
	color:#746F6A;
	letter-spacing:1px;
	padding:10px;
	text-align:justify;
	overflow:hidden;
}

/*======================================================================
Rubrique
======================================================================*/

#animation{
	width:100%;
	height:100px;
}

#rubrique{
	width:920px;
	margin-top:15px;
}

#menurubrique{
	float:left;
	width:200px;
}

#menurubrique .spip_doc_titre{
	display:none;
}

#contenurubrique{
	float:left;
	width:480px;
	text-align:justify;
	padding-left:20px;
	padding-right:20px;
}

#contenurubrique li{
	margin-left:12px;
}

#acturubrique{
	float:right;
	width:200px;
}

.sommairegauche{
	width:180px;
	padding-top:5px;
	padding-bottom:5px;
	border-bottom:1px solid #D6BA9B;
	cursor:pointer;
}

div.sommairegauche img, span{
	vertical-align:middle;
	display:inline-block;
}

.descriptifrubrique{
	width:430px;
	height:35px;
	color:#F85704;
	padding-left:50px;
	padding-top:15px;
	font-weight:bold;
	font-size:18px;
	background-image:url('../IMG/titre_fond.gif');
}

.texterubrique{
	color:#8F8880;
}

.descriptifrubriquearticle{
	color:#746F6A;
}

/*=========================== Les actualités ===========================*/

#acturubriquehaut{
	width:200px;
	height:5px;
	background-image:url('../IMG/actu_haut.gif');
}

#acturubriquecentre{
	width:200px;
	background-image:url('../IMG/actu_corps.gif');
	text-align:justify;
}

#acturubriquebas{
	width:200px;
	height:5px;
	background-image:url('../IMG/actu_bas.gif');
}

.actudansrubrique{
	clear:both;
	width:200px;
	text-align:justify;
}

.contenuactudansrubrique{
	float:left;
	width:180px;
}

/*=========================== Gestion des onglets ===========================*/

#lesonglets{
	clear:both;
	width:450px;
	height:23px;
	margin-top:20px;
	border-bottom:1px solid #E4D9CB;
}

#onglet1{
	float:left;
	width:77px;
	height:21px;
	background-image:url('../IMG/onglet_on.gif');
	text-align:center;
	padding-top:3px;
	color:#F85603;
	cursor:pointer;
	font-weight:bold;
}

#onglet2{
	float:left;
	width:77px;
	height:18px;
	background-image:url('../IMG/onglet_off_centre.gif');
	text-align:center;
	padding-top:6px;
	color:#0129A1;
	cursor:pointer;
	font-weight:bold;
}

#onglet3{
	float:left;
	width:77px;
	height:18px;
	background-image:url('../IMG/onglet_off_centre.gif');
	text-align:center;
	padding-top:6px;
	color:#0129A1;
	cursor:pointer;
	font-weight:bold;
}

#onglet4{
	float:left;
	width:77px;
	height:18px;
	background-image:url('../IMG/onglet_off_centre.gif');
	text-align:center;
	padding-top:6px;
	color:#0129A1;
	cursor:pointer;
	font-weight:bold;
}

#onglet5{
	float:left;
	width:77px;
	height:18px;
	background-image:url('../IMG/onglet_off_droite.gif');
	text-align:center;
	padding-top:6px;
	color:#0129A1;
	cursor:pointer;
	font-weight:bold;
}

#sousmenuguide{
	padding-top:5px;
	padding-left:5px;
}

#sousmenuguide1{
	display:block;
	margin-left:20px;
}

#sousmenuguide2, #sousmenuguide3, #sousmenuguide4, #sousmenuguide5, #bloc1, #bloc2, #bloc3, #bloc4, #bloc5, #bloc6, #bloc7, #bloc8{
	display:none;
	margin-left:20px;
}

/*=========================== Gestion des encadrés ===========================*/

.encadre{
	float:left;
	margin-right:15px;
	width:175px;
	height:20px;
	background-image:url('../IMG/fond_encadre.gif');
	cursor:pointer;
	padding-top:6px;
	padding-left:10px;
	color:#8f8880;
}

/*======================================================================
Rubrique 5 (actualités)
======================================================================*/
.datebreve{
	color:#000000;
	font-family:verdana;
	font-size:11px;
	font-weight:bold;
	font-style:italic;
}

.imagebreve{
	float:left;
	width:48px;
	height:48px;
	margin-right:15px;
	margin-top:2px;
	padding:3px;
}

.descriptifbreve{
	color:#8F8880;
}

/*======================================================================
Mot
======================================================================*/
.imageref{
	float:left;
	padding:3px;
	border:1px solid #0129A1;
	margin-right:15px;
	margin-left:8px;
}

/*======================================================================
Recherche
======================================================================*/
.intitulerech{
	font-weight:bold;
	text-decoration:underline;
	color:#0129A1;
}

.titrerech{
	font-weight:bold;
}

.pourcentagerech {
	font-weight: bold;
	color: #f87310;
}

/*======================================================================
Article
======================================================================*/

#article{
	width:920px;
	margin-top:15px;
}

#menuarticle{
	float:left;
	width:200px;
}

#contenuarticle{
	float:left;
	width:480px;
	text-align:justify;
	padding-left:20px;
	padding-right:20px;
}

#contenuarticle li{
	margin-left:12px;
}

.titrearticle{
	color:#0129A1;
	font-size:14px;
	font-variant:small-caps;
	font-weight:bold;
	letter-spacing:1px;
}

.descriptifarticle{
	color:#8F8880;
	font-weight:bold;
}

.textearticle{
	letter-spacing:0.1em;
}

#article li{
	margin-top:5px;
}

/*======================================================================
Pied
======================================================================*/
#piedaccueil{
	background-image:url('../IMG/photo_hp.jpg');
	//border: 1px transparent !important;
	border: 1px solid #fffff7;
}

#pied{
	clear:both;
	width:100%;
	border-top:1px solid #D6BA9B;
	padding-top:10px;
	padding-bottom:5px;
}

#pied img, span{
	vertical-align:middle;
	display:inline-block;
}
/*======================================================================
Les liens
======================================================================*/

a:link{
	color: #0129a1;
	text-decoration:none;
}

a:visited{
	color: #0129a1;
	text-decoration:none;
}

a:hover{
	color: #0129a1;
	text-decoration:none;
}

a:link.lienstitre{
	color:#8f8880;
}

a:visited.lienstitre{
	color:#8f8880;
}

a:hover.lienstitre{
	color:#F85603;
}

#contenuarticle a:link.lienstitre{
	color:#8f8880;
	text-decoration:underline;
}

#contenuarticle a:visited.lienstitre{
	color:#8f8880;
	text-decoration:underline;
}

#contenuarticle a:hover.lienstitre{
	color:#F85603;
	text-decoration:underline;
}

a:link.lienssommaireref{
	color:#8CA6B7;
	font-weight:bold;
	font-size:10px;
}

a:visited.lienssommaireref{
	color:#8CA6B7;
	font-weight:bold;
	font-size:10px;
}

a:hover.lienssommaireref{
	color:#F85603;
	font-weight:bold;
	font-size:10px;
}

a:link.liensmenurubrique{
	font-weight:bold;
	color:#8F8880;
	letter-spacing:0.1em;
	cursor:pointer;
}

a:visited.liensmenurubrique{
	font-weight:bold;
	color:#8F8880;
	letter-spacing:0.1em;
	cursor:pointer;
}

a:hover.liensmenurubrique{
	font-weight:bold;
	color:#F85603;
	letter-spacing:0.1em;
	cursor:pointer;
}

a:link.lienstitrearticle{
	color:#0129A1;
	letter-spacing:0.1em;
	font-weight:bold;
}

a:visited.lienstitrearticle{
	color:#0129A1;
	letter-spacing:0.1em;
	font-weight:bold;
}

a:hover.lienstitrearticle{
	color:#F85603;
	letter-spacing:0.1em;
	font-weight:bold;
}

a:link.lienstitrebreve{
	color:#0129A1;
	letter-spacing:0.1em;
}

a:visited.lienstitrebreve{
	color:#0129A1;
	letter-spacing:0.1em;
}

a:hover.lienstitrebreve{
	color:#F85603;
	letter-spacing:0.1em;
}

a:link.lienplan{
	color:#8F8880;
}

a:visited.lienplan{
	color:#8F8880;
}

a:hover.lienplan{
	color:#F85603;
}

/*=========================== Liens pour les actus ===========================*/

a:link.titreactu{
	color:#2BB1E6;
	letter-spacing:1px;
}

a:visited.titreactu{
	color:#2BB1E6;
	letter-spacing:1px;
}

a:hover.titreactu{
	color:#F85603;
	letter-spacing:1px;
}

/*=========================== Liens pour les référencess ===========================*/

a:link.lienstitreref{
	color:#0129A1;
}

a:visited.lienstitreref{
	color:#0129A1;
}

a:hover.lienstitreref{
	color:#F85603;
}

/*=========================== Liens dans la recherche ===========================*/

a:link.liensrech{
	color:#746f6a;
}

a:visited.liensrech{
	color:#746f6a;
}

a:hover.liensrech{
	color:#F85603;
}

/*======================================================================
Divers
======================================================================*/

.spip_documents {
	clear: both;
}

.spip_documents_left {
	margin: 0 10px 10px 0;
}

.spip_documents_center {
	margin: 0 10px 10px 10px;
}

.spip_documents_right {
	margin: 0 0 10px 10px;
}