/*Template réalisé pour le service TIC du
* Conseil Régional de Basse-Normandie
* Par Julien Mulac en Avril 2008.
*/
body {
	text-align: center;
}
#page {
	text-align: left;
	width: 920px;
	vertical-align: top;
	margin-left: auto;
	margin-right: auto;
	background-image: url(../images/FondPage/fondpage.png);
	background-position: center;
	background-repeat: repeat-y;
}

/* ===================================================== 
 ********************************************************
 *  		STYLES SPECIFIQUES AU TEMPLATE : HEADER
 ********************************************************
 * =====================================================
 */
 
#header {
	/* Style des cellules du header */
	width: 920px;
	background-image: url(../images/header.jpg);
	background-repeat: no-repeat;
	background-position: top right;
	background-color: #769ed1;
	margin-left: auto;
	margin-right: auto;
	height: 145px;
	text-align: left;
}
#nomportail{
	float: left;
	padding-top: 10px;
	padding-left: 20px;
}
#image {
	background-image: url(../images/ban1.jpg);
	background-position: left 10px;
	background-repeat: no-repeat;
	margin-left: 175px;
	height: 70px;
	width: 650px;
}

#image:hover {
	background-image: url(../images/ban2.jpg);
	height: 70px;
	width: 650px;
}

#image img{
	margin-right: 5%;
}

#logo {
	/*Style pour le logo*/
	margin-left: 15px;
	margin-top: 5px;
	padding-top: 0px;
	margin-bottom: 5px;
}
.barre_menu {
	/*Style de la barre de couleur contenant le menu horizontal*/
	color: White;
	padding-left: 2px;
	overflow: hidden;
	width: auto;
	text-align: left;
}
#date {
	/*Style de la date se trouvant dans la barre de menu*/
	color: White;
	padding-left: 15px;
	font: 12px Arial;
	float: left;
	overflow: hidden;
	height: 17px;
	text-align: left;
	width: 160px;
}

#barre_couleur {
	/*Style de la barre de couleur de la région (service TIC)*/
	height: 5px;
	overflow: hidden;
	width: 920px;
	background-image: url(../images/FondPage/barreBleue.png);
	background-position: left;
	background-repeat: repeat-y;
	margin-left: auto;
	margin-right: auto;
}

#menu_horizontal {
	width: 920px;
	margin-left: auto;
	margin-right: auto;
	background-image: url(../images/FondPage/barreVerte.png);
	background-position: left;
	background-repeat: repeat-y;
	min-height: 17px;
}

.blanc {
	/*Style des lignes blanches*/
	height: 1px;
	overflow: hidden;
	width: 920px;
	background-image: url(../images/FondPage/barreBlanche.png);
	background-position: left;
	margin-left: auto;
	margin-right: auto;
	background-repeat: repeat-y;
}

/*---------------Style du menu horizontal---------------*/

a.mainlevel-nav {
	/*ce style correspond au menu horizontal dans la barre de couleur (liens)*/
	color: White;
	text-decoration: none;
	background-image: url(../images/puce4.gif);
	background-position: 5px;
	background-repeat: no-repeat;
	padding-left: 15px;
	text-align: left;
	vertical-align: top;
	padding-right: 10px;
	font-family: Arial;
	font-size: 12px;
}

a.mainlevel-nav:hover {/*ce style correspond au menu horizontal dans la barre de couleur, lorsque l'on passe le curseur sur le lien*/
}


#recherche {
	/*Style pour le module de recherche (zone de saisie de texte dans le header)*/
	vertical-align: top;
	float: right;
	margin-right: 20px;
	margin-top: 10px;
}
 
/* ===================================================== 
 ********************************************************
 *  	STYLES SPECIFIQUES AU TEMPLATE : Corps du Site
 ********************************************************
 * =====================================================
 */
 
#corps {
	width: 900px;
	background-color: White;
	padding-bottom: 30px;
	margin-left: 10px;
	margin-right: 10px;
}

/*---------------Style des Trois Colonnes Principales---------------*/

#colonne1 {
	/* Style de la colonne 1 du corps du site */
	padding-top: 40px;
	font-family: Arial;
	font-size: 11px;
	width: 160px;
	float: left; 
	background-color: White;
}

#colonne2 {
	/* Style de la colonne 2 du corps du site */
	padding-top: 50px;
	font-size: 11px;
	font-family: Arial;
	margin-left: 180px;
	width: 530px;
	background-color: White;
	min-height: 600px;
}

#colonne3 {
	/* Style de la colonne 3 du corps du site */
	padding-top: 30px;
	font-family: Arial;
	font-size: 11px;
	width: 160px;
	float: right;
	margin-left: 20px;
	background-color: White;
}

/*---------------Style des éléments du corps du site---------------*/

/*-----Menu Principal-----*/
.moduletable-menu {
	/*Style du menu principal*/
	text-align: left;
	color: #95C253;
	vertical-align: top;
	height: auto;
	width: 100%;
}
.moduletable-menu th {
	color: #749347;
	font-size: 11px;
	font-family: Arial;
	padding-bottom: 10px;
	padding-top: 10px;
	background-color: White;
	text-align: center;
}
a.mainlevel{/*ce style correspond aux liens du menu principal*/ 
	font-weight: bold;
	font-size: 11px;
	font-family: Arial;
	display: block;
	text-decoration: none;
	color: #95C253;
	background-image: url(../images/puce1.gif);
	background-repeat: no-repeat;
	padding-left: 8px;
	padding-bottom: 1px;
	background-position: 1px top;
}
a.mainlevel:hover{/*Liens du menu principal au passage du curseur de la souris*/
	background-image: url(../images/puce2.gif);
	background-repeat: no-repeat;
	background-position: left top;
	color: #ed9017;
}

a#active_menu.mainlevel {/*lien courant du menu principal*/
	text-decoration: none;
	color: #ed9017;
}

a.sublevel{
	/*ce style correspond aux articles du sous-menu*/
	text-decoration: none;
	font-size: 11px;
	font-family: Arial;
	color: #95C253;
	padding-left: 12px;
	background-image: url(../images/puce6.gif);
	background-position: left 3px;
	background-repeat: no-repeat;
}
a.sublevel:hover{
	text-decoration: none;
	font-size: 11px;
	font-family: Arial;
	color: #95C253;
	padding-left: 12px;
	background-image: url(../images/puce7.gif);
	background-position: left 3px;
	background-repeat: no-repeat;
}  

/*---------------Style du Pathway---------------*/
#pathway {
	color: #95C253;
	font-size: 12px;
	font-family: Arial;
	text-decoration: none;
	text-align: right;
	margin-top: 40px;
}
span.pathway {
	margin-right: 50px;
}
a.pathway {
	color: #95C253;
	text-decoration: none;
}

/*---------------NewsFlash---------------*/
table.moduletable-corps_flash {
	font-size: 11px;
	font-family: Arial;
	margin-bottom: 20px;
	background-image: url(../images/stripe3.png);
	width: 100%;
}
table.moduletable-corps_flash th {
	font-family: Arial;
	font-size: 11px;
	color: #749347;
	background-color: White;
	padding-bottom: 10px;
	text-align: center;
}
table.moduletable-corps_flash td {
	font-family: Arial;
	font-size: 11px;
}

/*-----Lien "Retour"-----*/
.back_button a{
	color: #95C253;
	text-decoration: none;
	font-weight: bold;
}
div.back_button{
	text-align: center;
}

/*********Style pour les positions des modules "articles les plus lus" et "derniers articles"*********/
/*********Deux Possibilités : soient les modules sont en positions "user1" et "user2" (sous le corps du site)*********/
/*********ou en position "user6" et "user7" (au-desssus du corps du site)*********/
/*********les positions "user3" et "user8" servent uniquement si un seul des 2 modules est activé*********/
/*-----Position "user1"-----*/
#user1
{
	float: left;
	width: 48%;
	margin-top: 20px;
	vertical-align: top;
	text-align: right;
}

#user1 h3 {
	color: #749347;
	text-align: right;
	font-size: 11px;
	font-family: Arial;
	padding-right: 15px;
}
#user1 a {
	text-decoration: none;
	color: Black;
	font-weight: bold;
}
#user1 ul {
	border: solid #cee1af;
	border-width: 1px 1px 1px 1px; 
	width: 80%;
	background-image: url(../images/stripe.png);
	float: right;
}
#user1 li{
	background-image: url(../images/puce4.gif);
	background-repeat: no-repeat;
	background-position: left;
	background-color: transparent;
}
/*-----Position "user2"-----*/
#user2
{
	float: right;
	width: 48%;
	margin-top: 20px;
	vertical-align: top; 
	text-align: left;
}
#user2 h3 {
	color: #749347;
	text-align: left;
	font-size: 11px;
	font-family: Arial;
	padding-right: 10px;
}
#user2 ul {
	border: solid #cee1af;
	border-width: 1px 1px 1px 1px;
	background-image: url(../images/stripe.png);
	width: 80%;
	float: left;
}
#user2 a {
	text-decoration: none;
	color: Black;
	font-weight: bold;
}
#user2 li{
	background-image: url(../images/puce5.gif);
	background-repeat: no-repeat;
	background-position: right;
	background-color: transparent;
}
/*-----Position "user3"-----*/
#user3
{
	padding-top: 20px;
	text-align: center;
	margin-left: 10%;
	margin-right: 10%;
	width: 80%
}
#user3 h3 {
	color: #749347;
	text-align: center;
	font-size: 11px;
	font-family: Arial;
	padding-left: 10px;
}
#user3 a {
	text-decoration: none;
	color: Black;
	font-weight: bold;
}
#user3 ul {
	border: solid #cee1af;
	border-width: 1px 1px 1px 1px;
	background-image: url(../images/stripe.png);
	width: 80%;
	float: left;
}
#user3 li{
	background-image: url(../images/puce5.gif);
	background-repeat: no-repeat;
	background-position: right;
	background-color: transparent;
}

/*-----Listes contenues dans ces positions-----*/
#user1 ul, #user2 ul, #user3 ul
{
	list-style: none;
	margin: 0px;
	padding: 0px;
	padding-left: 0.7em;
	padding-right: 0.7em;
	margin-left: 0.7em;
	margin-right: 0.7em;
	margin-bottom: 5px;
	margin-top: 2px;
}

/*-----Style de la partie située juste sous le corps-----*/
.end_corps {
	margin-top: 50px;
	font-family: Arial;
	font-size: 11px;
	width: 100%;
}

/*-----Style de la partie située juste au-dessus du corps-----*/
.top_corps {
	font-family: Arial;
	font-size: 11px;
	width: 100%;
}
/*-----Position "user6"-----*/
#user6
{
	float: left;
	width: 48%;
	vertical-align: top;
	text-align: right;
}

#user6 h3 {
	color: #749347;
	text-align: right;
	font-size: 11px;
	font-family: Arial;
	padding-right: 10px;
}
#user6 a {
	text-decoration: none;
	color: Black;
	font-weight: bold;
}
#user6 ul {
	border: solid #cee1af;
	border-width: 1px 1px 1px 1px; 
	width: 80%;
	background-image: url(../images/stripe.png);
	float: right;
}
#user6 li{
	background-image: url(../images/puce4.gif);
	background-repeat: no-repeat;
	background-position: left;
	background-color: transparent;
}
/*-----Position "user7"-----*/
#user7
{
	float: right;
	width: 48%;
	vertical-align: top; 
	text-align: left;
}
#user7 h3 {
	color: #749347;
	text-align: left;
	font-size: 11px;
	font-family: Arial;
	padding-left: 10px;
}
#user7 ul {
	border: solid #cee1af;
	border-width: 1px 1px 1px 1px;
	background-image: url(../images/stripe.png);
	width: 80%;
	float: left;
}
#user7 a {
	text-decoration: none;
	color: Black;
	font-weight: bold;
}
#user7 li{
	background-image: url(../images/puce5.gif);
	background-repeat: no-repeat;
	background-position: right;
	background-color: transparent;
}
/*-----Position "user8"-----*/
#user8
{
	padding-top: 20px;
	padding-left: 10%;
	padding-right: 10%;
	text-align: center;
	width: 700px !important;
	width: 900px;
}
#user8 h3 {
	color: #749347;
	text-align: center;
	font-size: 11px;
	font-family: Arial;
	padding-right: 15px;
}
#user8 a {
	text-decoration: none;
	color: Black;
	font-weight: bold;
}
#user8 ul {
	border: solid #cee1af;
	border-width: 1px 1px 1px 1px;
	background-image: url(../images/stripe.png);
}
#user8 li{
	background-image: url(../images/puce5.gif);
	background-repeat: no-repeat;
	background-position: right;
	background-color: transparent;
}

/*-----Listes contenues dans ces positions-----*/
#user6 ul, #user7 ul, #user8 ul
{
	list-style: none;
	margin: 0px;
	padding: 0px;
	padding-left: 0.7em;
	padding-right: 0.7em;
	margin-left: 0.7em;
	margin-right: 0.7em;
	margin-bottom: 5px;
	margin-top: 2px;
}

/*-----Module Identification-----*/
.moduletable-identification {
	width: 100%;
}

.moduletable-identification th {
	color: #749347;
	font-size: 11px;
	font-family: Arial;
	padding-bottom: 10px;
	padding-top: 10px;
	text-align: center;
}
.moduletable-identification td {
	font-size: 11px;
	font-family: Arial;
	text-align: center;
	background-color: transparent;
	color: Black;
}
.moduletable-identification td a{
	text-decoration: none;
	color: Black;
}
/*------Module identification vertical-----*/
.moduletable-identificationVert {
	background-image: url(../images/fondIdentification.jpg);
	background-repeat: no-repeat;
	width: 100%;
	height: 190px;
	background-position: left;
}
.moduletable-identificationVert th {
	color: #749347;
	font-size: 11px;
	font-family: Arial;
	padding-bottom: 10px;
	padding-top: 10px;
	text-align: center;
	background-color: transparent;
}
.moduletable-identificationVert td {
	font-size: 11px;
	font-family: Arial;
	text-align: center;
	color: Black;
}
.moduletable-identificationVert td a{
	text-decoration: none;
	color: Black;
}
/*-----syndication-----*/
.moduletable-syndication {
	width: 100%;
}
.moduletable-syndication th{
	color: #749347;
	font-size: 11px;
	font-family: Arial;
	padding-bottom: 10px;
	padding-top: 10px;
	text-align: center;
}
.moduletable-syndication td {
	text-align: center;
}

/*-----archives-----*/
.moduletable-archives {
	width: 100%;
	/*float: left;*/
}
.moduletable-archives th{
	color: #749347;
	font-size: 11px;
	font-family: Arial;
	padding-bottom: 10px;
	padding-top: 10px;
	text-align: center;
}
.moduletable-archives td {
	text-align: left;
	background-image: url(../images/stripe3.png);
	background-repeat: repeat;
}
.moduletable-archives ul{}
.moduletable-archives a{
	font-size: 11px;
	font-family: Arial;
	color: Black;
}

/*-----sections-----*/
.moduletable-sections {
	width: 100%;
	/*float: left;*/
}
.moduletable-sections th {
	color: #749347;
	font-size: 11px;
	font-family: Arial;
	padding-bottom: 10px;
	padding-top: 10px;
	text-align: center;
}
.moduletable-sections td {
	text-align: left;
	background-image: url(../images/stripe3.png);
	background-repeat: repeat;
}
.moduletable-sections a{
	font-size: 11px;
	font-family: Arial;
	color: Black;
}

/*-----articles similaires-----*/
.moduletable-articlesSimilaires {
	width: 100%;
	/*float: left;*/
}
.moduletable-articlesSimilaires th {
	color: #749347;
	font-size: 11px;
	font-family: Arial;
	padding-bottom: 10px;
	padding-top: 10px;
	text-align: center;
}
.moduletable-articlesSimilaires td {
	text-align: left;
	background-image: url(../images/stripe3.png);
	background-repeat: repeat;
}
.moduletable-articlesSimilaires a{
	font-size: 11px;
	font-family: Arial;
	color: Black;
}

/*-----Formulaire-----*/
.formulaire {
	font-size: 11px;
	font-family: Arial;
	text-align: left;
}


/*-----Style fournit dans le CSS de base-----*/
.pagenav {/* comme son nom l’indique, ce style correspond aux liens << Premier < Précédent 1 Suivant > Dernier */ 
	color: #95C253;
	text-decoration: none;
	font-size: 11px;
	font-family: Arial;
} 
.readon{/*ce style correspond au texte «lire la suite…" figurant dans la page principale ou en fin de résumé (contenu)*/ 
	font-size: 11px;
	font-family: Arial;
	color: #95C253;
	text-decoration: none;
	padding-left: 10px;
}
.contentpane{/* ce style correspond principalement aux tableaux contenus dans les SECTIONS telles que les news. Quand vous créez un lien vers une section et quand vous cliquez dessus, cela vous montrera le “News” avec une description et une image (si vous en choisissez une), et une liste de catégorie des news. */ 
	font-size: 11px;
	font-family: Arial;
}
.contentpane td{
	font-size: 11px;
	font-family: Arial;
}
.contentheading{/* ce style est employé dans plusieurs endroits ; le titre du contenu de la page principale (index.php), il est également utilisé pour l'entête de Section “News” (voir ci-dessus pour l'explication) ; ou tout autre titre vous employez.*/ 
	font-size: 14px;
        font-weight : bold;
	font-family: Arial;
	color: #95C253;
	padding-left: 30px;
	background: url(../images/puce3.gif) no-repeat left;
}
.contentpagetitle{/*Titre Article*/ 
	color: #95C253;
	text-decoration: none;
        
}
.contentpaneopen{
	/*Style par défaut des articles*/
	font-size: 11px;
	font-family: Arial;
} 
.category {/*Cette classe definit le titre de la Categorie */ 
	text-decoration: none;
	color: #95C253;
} 
.blogsection{/*Lien des articles dans la page blog*/
	font-size: 11px;
	font-family: Arial;
	color: #95C253;
	text-decoration: none;}  
table.moduletable {
	width: 100%	
} /* Le style des tables module */ 
table.moduletable th {
	/* configure le style de l'entete des modules et leurs titres */
	background-color: White;
	color: #749347;
	padding-top: 10px;
	padding-bottom: 5px;
	font-family: Arial;
	font-size: 11px;
	text-align: center;
} 
table.moduletable td {
	/* Permet de formater les cellules de la table module */
	text-align: left;
	margin-bottom: 5px;
	background-image: url(../images/stripe3.png);
	background-repeat: repeat;
	font-size: 11px;
	font-family: Arial;
} 
/* Page de recherche */ 
table.searchintro {} 
/* Ce style configure l'affichage du resultat d'une recherche affichée dans la page principale */ 
table.searchintro td{
	font-size: 11px;
	font-family: Arial;
}
/*Style des liens "précédent" et "suivant"*/
th.pagenav_prev a{
	text-decoration: none;
	color: #95C253;
	font-size: 11px;
	font-family: Arial;
}
th.pagenav_next a{
	text-decoration: none;
	color: #95C253;
	font-size: 11px;
	font-family: Arial;
}
/* ===================================================== 
 ********************************************************
 *  	STYLES SPECIFIQUES AU TEMPLATE : FOOTER
 ********************************************************
 * =====================================================
 */
 
#footer {
	/* Style du footer */
	font-size: 11px;
	font-family: Arial;
	width: 920px;
	text-align: right;
	float: left;
	background-image: url(../images/FondPage/fondFooter.png);
	background-repeat: no-repeat;
	height: 50px;
	text-align: left;
}
#lastmaj-lastmaj{
	padding-left: 20px;
	font-weight: bold;
	font-family: Arial;
	font-size: 11px;
	text-align: left;
}

#lastmaj-lastmaj td{
	width: 300px;
	padding-bottom: 10px;
}
#texte-footer{
	padding-right: 20px;
	width: 500px;
	float: right;
	text-align: left;
}