/* Feuille de style définissant le squelette du site
  * Multi-assoc : Voir aussi les fichiers CSS annexes [nom_association].css
  */

/***** SOMMAIRE *****/

 /* 1. Définitions générales
  * 2. En-tête (bannière)
  * 3. Conteneur
  * 4. Coté gauche
  * 5. Milieu
  * * * 5.1. Barre principale
  * * * 5.2. Arianne
  * * * 5.3. Centre
  * 6. Côté droit
  * 7. Pied
  * 8. Eléments graphiques
  * 9. Page d'accueil
  */

/***** 1. Définitions générales *****/

html {
	margin : 0;
	padding : 0;
}

body {
	margin : 0;
	padding : 0;

	font-size : 0.75em;
	font-family: Tahoma, Verdana, "Lucida Grande", Lucida, "Trebuchet MS", Arial, Geneva, Helvetica, sans-serif;
}

p {
	margin : 0 0 10px 0;
}

a {
	color : #FFF;
	text-decoration : none;
}

a:hover {
	text-decoration : underline;
}

a, a:active {
   outline : none;
}

a img {
	border : none;
}

/***** 2. En-tête (bannière) *****/

div#header {
	position : relative;
	color : #EEE;
	
}

div#header1 {
	float : left;
}

div#header2{
	float : right;
}

div#header p {
	position : absolute;
	font-size : 1.2em
}

div#header1  p {
	font-size : 1.3em;
}

div#header1 p strong {
	font-size : 1.3em;
	font-weight : normal;
}

div#header1 p span {
	font-size : 0.8em;
}


/***** 3. Conteneur3. Conteneur3. Conteneur *****/

div#conteneur {
	position : absolute;
	background-color : #FFF;

	top : 179px;
	left : 30px;
	right : 30px;
}


/***** 4. Coté gauche *****/


div#gauche {
	float : left;
	margin : 0;
	width : 175px;
	margin : 0 0 2.5em 0;
}

#navigation {
	margin : 1.5em 0 1.5em 4em;
	padding : 0;

	background-color : #fff;
	color: #fff;
}

#navigation li  {
	margin : 0;
	margin-left : 15px;
	padding : 0px;

	color : #fff;
}

#navigation li img{
	border : 0;
}

#navigation a, #navigation span {
	display : block;
	padding : 2px 5px;

	color : rgb(10,59,84);
	text-decoration : none;
}

#navigation a:hover {
	text-decoration : underline;
}

#navigation .toggleSubMenu {
	margin: 0 0 0.4em 0;
	padding: 0;

	line-height : 9px;

}

#navigation .toggleSubMenu a, #navigation .toggleSubMenu span {
	display : block;
}

#navigation .toggleSubMenu img{
	margin-left : 10px;
	margin-top : -15px;
}

/*
#navigation .open a, #navigation .open span {

}
#navigation a:hover, #navigation a:focus, #navigation a:active {

}
*/

#navigation .subMenu {
	margin : 0.5em 0;
	padding : 0;

	background : #fff url(../subMenu.png) 0 0 repeat-x;

}

#navigation .subMenu li {
	line-height : 1.2em;
	padding : 0;
	margin : 0 0 0 13px;
}

#navigation ul.subMenu a {
	margin : 0;
	padding : 0.5em 0;

	background : none;
}

div#acces_pratique {
	width : 180px;
	padding : 0;
}

div#ap_titre {
	height : 31px;
	margin : 0;
	padding :0;
}

ul#ap_contenu {
	width : 128px;
	margin : 0 0 0 9px;
	padding : 0 0 0 40px;

	padding-top : 1em;
	padding-bottom : 1em;

	list-style-type : dot;
}

ul#ap_contenu li {
	margin : 0;
	padding: 3px 0;

	position : relative;
	list-style-type : dot;
}

div#ap_bas {
	height : 8px;
	width : 180px;
	margin-left : 1px;
}


/***** 5. Milieu *****/

div#barre_principale, div#arianne, div#centre{
	margin-left : 185px;
}

/********** 5.1. Barre principale *********/

#barre_principale {
	height : 26px;
	margin : 0 10px 0 0;
	position : relative;

	background-color : rgb(1,25,44);
}

#connexion {
	float : left;

	height : 26px;
	min-height : 26px;
	width : 450px;
	color : white;
	background-color : rgb(1,25,44);
}

#connexion span {
	position : relative;
	left : 23px;
	top : 6px;
}

.non_connecte {
	background : url(../../images/charte/barre_login.png) #ffffff top left no-repeat;
}

.connecte {
	background : url(../../images/charte/barre_login_connected.png) #ffffff top left no-repeat;
}

a#lien_deco {
	margin-left : 50px;
	font-weight : normal;
	color : #CCC;
	width : 7em;
}

#connexion  a.mp_oublie {
	text-decoration : none;
	width : 100%
}

/* Input */
#connexion input.logPass, #connexion input.logUser{
	font-family : Tahoma;
	font-size : 11px;
	margin-top : 5px;
	color : #FFF;
	width : 100px;
	height : 17px;
	min-height : 17px;
	border : 0px;

	background-color : #03354F;
}

#connexion input.logPass {
	margin-left : 15px;
	margin-right : 8px;
}

#connexion input.logUser {
	margin-left : 30px;
}

#connexion .valide{
	margin-top : 4px;
	margin-left : 3px;
	width : 42px;
	height : 19px;
}

#connexion a, #connexion a:visited{
	text-decoration : none;
	color : #788fa0;
	left : 340px;
	top : 6px;

	position : absolute;
}

#horloge {
	float : right;
	position : relative;
	height : 26px;
	width : 159px;

	font-size : 0.9em;
	color : #ffffff;
	background : url(../../images/charte/date.png) #ffffff top left no-repeat;
}

#horloge .date {
	position : absolute;
	top : 6px;
	left : 15px;
	width : 90px;

	text-align : center;
}

#horloge .heure {
	position : absolute;
	top : 6px;
	right : 10px;
}

/********** 5.2. Arianne *********/

#arianne {
	position : relative;
	height : 27px;
	margin : 4px 10px 0 0;
	line-height : 27px;
	background-color : rgb(41,140,181);
}

#arianne #fil_arianne {
	float : left;
	width : 150px;
	height : 27px;
	padding : 0 0 0 5px;
	font-size : 0.9em;
	background : url(../../images/charte/fin_fil_arianne.png) #ffffff top right no-repeat;
	color : #03354f ;
}

#arianne #texte_defilant{
	position : relative;
	height : 27px;
	padding: 0;
	bottom : 1px;
	color:#FFFF00;
}

#arianne #texte_defil_fin {
	position : absolute;
	height : 27px;
	width : 5px;
	right : 0;
	top : 0;

	background : url(../../images/charte/arianne.png) top right no-repeat;
}

/********** 5.3. Centre **********/

div#centre {
	position : relative;
	margin-top : 0.5em;
	margin-right : 167px;
	margin-bottom : 2.5em;
	background-color : #c9dceb;
}

div#centre_haut_gauche, div#centre_haut_droite, div#centre_bas_gauche, div#centre_bas_droite {
	height : 6px;
	width : 4px;

	background-repeat : no-repeat;
	font-size : 1px; /* correction d'un bug d'IE */
}

div#centre_haut_gauche {
	background-image : url(../../images/charte/centre_haut_gauche.png);
}

div#centre_bas_gauche {
	background-image : url(../../images/charte/centre_bas_gauche.png);
}

div#centre_haut_droite {
	float : right;
	background-image : url(../../images/charte/centre_haut_droite.png);
}

div#centre_bas_droite {
	float : right;
	background-image : url(../../images/charte/centre_bas_droite.png);
}

div#centre_contenu, div#edito {
	margin : 0.3em;
	background-color : #FFF;
	margin-right : 1em;
	background : url(../../images/charte/fond_centre_contenu.png) #FFF top left repeat-y;
}


div#centre_contenu_haut_gauche, div#centre_contenu_bas_gauche ,
div#edito_haut_gauche, div#edito_bas_gauche {
	height : 9px;
	width : 109px;

	background-repeat : no-repeat;
	font-size : 1px; /* correction d'un bug d'IE */
}

div#centre_contenu_haut_droite, div#centre_contenu_bas_droite,
div#edito_haut_droite, div#edito_bas_droite {
	height : 12px;
	width : 6px;
	float : right;

	background-repeat : no-repeat;
	font-size : 1px; /* correction d'un bug d'IE */

}

div#centre_contenu_haut_gauche, div#edito_haut_gauche {
	background-image : url(../../images/charte/centre_contenu_haut_gauche.png);
}

div#centre_contenu_haut_droite, div#edito_haut_droite {
	background-image : url(../../images/charte/centre_contenu_haut_droite.png);
}

div#centre_contenu_bas_droite, div#edito_bas_droite {
	background-image : url(../../images/charte/centre_contenu_bas_droite.png);

	position : relative;
	bottom : 3px;
}

div#centre_contenu_bas_gauche, div#edito_bas_gauche {
	background-image : url(../../images/charte/centre_contenu_bas_gauche.png);
}

div#page {
	padding : 0 2em 0 100px;
	overflow : hidden;
	zoom:1;
}

div#page h1 {
	border-bottom : solid black 1px;
	margin : 0 0 1em 0;
	padding : 0 0 0.2em 17px;
	font-size : 1.2em;
}

div#page h2 {
	border-bottom : solid black 1px;
	margin : 0 0 1em 0;
	padding : 0 0 2px 16px;
	font-size : 1em;
}

div#page td{
	text-align : left;
}

div#page a {
	color : #144F9F;
}


/****** 6. Côté droit *****/


#droite {
	float : right;
	width : 150px;

	padding : 0;
	margin : 0.5em 10px 2.5em 0;
	color : #046172;
}

#droite div.module_droite {
	margin : 0 0 0.6em 0;
}

#droite .droite_haut {
	height : 7px;
}

#droite .droite_centre {
	position : relative;
	left : 1px;
	width : 135px;
	margin : 0;
	padding : 0 7px;
	text-align : left;
}

#droite .droite_centre h1 {
	font-size : 1.15em;
	text-align : center;
	padding : 0.2em 0 0.4em 0;
	border-bottom : solid #1f8897 1px;
	margin : 0 0.4em 0.5em 0.4em;
	font-weight : normal;
}

#droite .droite_bas {
	height : 6px;
	width : 150px;
}

#pied {
	font-size : 0.9em;
	color : #b3c9d5;
	text-align : center;
	clear : both;
	background-color : #01182a;
	padding : 0.2em 0.5em;
	padding-bottom : 0.3em;
}

/***** 7 . Pied *****/

#pied a {
	color : #b3c9d5;
}


/***** 8 . Eléments graphiques *****/

.acces1, .acces2, .acces3, .acces_droite1 {
	color : #FFF;
	padding : 0;
	margin : 0 0 0.5em 1em;
	text-indent : 37px;
	line-height : 26px;
	font-size : 0.9em;
	font-weight : bold;
	width : 164px;
	height : 27px;
	line-height : 27px;
}

.acces1 {
	background:url(../../images/charte/btn_vert.png) top no-repeat;
	width : 166px;
	height : 26px;
	line-height : 26px;
}

.acces2 {
	background:url(../../images/charte/btn_bleu.png) top no-repeat;
}

.acces3 {
	background:url(../../images/charte/btn_violet.png) top no-repeat;
}

.acces_droite1 {
	background:url(../../images/charte/btn_vert_droite.png) top no-repeat;
	width : 150px;
	height : 26px;
	line-height : 26px;

	margin : 0 0 0.5em 0;
}

#navigation li.menu1 {
	list-style-image: url(../../images/charte/puce_menu/puce_1.png)
}

#navigation  li.menu2 {
	list-style-image: url(../../images/charte/puce_menu/puce_2.png)
}

#navigation  li.menu3 {
	list-style-image: url(../../images/charte/puce_menu/puce_3.png)
}

#navigation  li.menu4 {
	list-style-image: url(../../images/charte/puce_menu/puce_4.png)
}

#navigation  li.menu5 {
	list-style-image: url(../../images/charte/puce_menu/puce_5.png)
}

#navigation  li.menu6 {
	list-style-image: url(../../images/charte/puce_menu/puce_6.png)
}

#navigation  li.menu7 {
	list-style-image: url(../../images/charte/puce_menu/puce_7.png)
}

#navigation  li.menu8 {
	list-style-image: url(../../images/charte/puce_menu/puce_8.png)
}

#navigation  li.menu9 {
	list-style-image: url(../../images/charte/puce_menu/puce_9.png)
}

.titre_page_1 {
	background : url(../../images/charte/puce_menu/puce_1.png) center left no-repeat;
}

.titre_page_2 {
	background : url(../../images/charte/puce_menu/puce_2.png) center left no-repeat;
}

.titre_page_3 {
	background : url(../../images/charte/puce_menu/puce_3.png) center left no-repeat;
}

.titre_page_4 {
	background : url(../../images/charte/puce_menu/puce_4.png) center left no-repeat;
}

.titre_page_5 {
	background : url(../../images/charte/puce_menu/puce_5.png) center left no-repeat;
}

.titre_page_6 {
	background : url(../../images/charte/puce_menu/puce_6.png) center left no-repeat;
}

.titre_page_7 {
	background : url(../../images/charte/puce_menu/puce_7.png) center left no-repeat;
}

.titre_page_8 {
	background : url(../../images/charte/puce_menu/puce_8.png) center left no-repeat;
}

.subMenu li {
	list-style-image : none;
}

div.lien_asso {
	text-align : left;
	margin : 0.8em 1em 0.8em 4em;
}

div.lien_asso a {
	color : rgb(10,59,84);
}

/***** 9 . Page d'accueil *****/


div#edito {
	position : relative;
	margin-bottom : 0.7em;
}

div#titre_edito {
	position : relative;
	float: left;
	width : 112px;
	margin : 0 1em 0 0;
	background : url(../../images/charte/logo_edito.png) left top no-repeat;
	height : 96px;
}

div#edito_contenu {
	position : relative;
	padding : 15px 1em 0 11px;
	margin : 0 0 1em 0;
	min-height : 100px;
	text-align : justify;
	overflow : hidden;

}

#revue {
	background : url(../../images/charte/revue_fond.png) #FFFFFF top left repeat-y;

	position : relative;
	margin : 0.3em;
	margin-right : 1em;
	margin-top : 0.29em;
}

#titre_revue {
	position : relative;
	float: left;
	width : 232px;
	height : 247px;
	margin: 0 1em 15px 1px;

	background : url(../../images/charte/revue_logo.png) top left no-repeat;
}

.accueil_contenu {
	padding : 0 0.5em 0 1.8em;
}

#revue_contenu {
	color : #01192c;
	position : relative;
	padding : 12px 1em 0 10px;
	min-height : 260px;
	text-align : justify;
	overflow : hidden;
}

#revue_haut_gauche, #revue_bas_gauche {
	height : 10px;
	width : 256px;

	background-repeat : no-repeat;
	font-size : 1px; /* correction d'un bug d'IE */
}

#revue_haut_droite, #revue_bas_droite {
	height : 12px;
	width : 6px;
	float : right;

	background-repeat : no-repeat;
	font-size : 1px; /* correction d'un bug d'IE */

}

div#revue_haut_gauche {
	background-image : url(../../images/charte/revue_fond_haut_gauche.png);
}

div#revue_haut_droite {
	background-image : url(../../images/charte/centre_contenu_haut_droite.png);
}

div#revue_bas_gauche {
	background-image : url(../../images/charte/revue_fond_bas_gauche.png);
}

div#revue_bas_droite {
	background-image : url(../../images/charte/centre_contenu_bas_droite.png);

	position : relative;
	bottom : 3px;
}

div#edito, div#revue {
	margin-right : 180px;
}

.actu {
	float : right;
	background : #c9dceb;
	width : 172px;
	margin-top : 0.29em;
}

.actu_centre {
	color : #046172;
	margin-left : 10px;
	background : #c9dceb;
	padding-right : 20px;
	text-align : left;
}

.actu_centre ul {
	list-style-type : square;
	margin : 0 0 0 20px;
	padding: 0;
}

.actu_centre ul li {
	margin : 0 0 0.5em 0;
}

.actu_haut {
	position : relative;
	background : url(../../images/charte/actu_haut.png) top left no-repeat;
	width : 172px;
	height : 62px;
}

.actu_bas {
	position : relative;
	background : url(../../images/charte/actu_bas.png) top left no-repeat;
	width : 172px;
	height : 72px;
}

.actu_suite {
	position : absolute;
	bottom : 10px;
	right : 15px;
	color : #307d8c;
}

.actu  a {
	color : #307d8c;
}

.textn1nj {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
	text-align: center;
}
.textn1nj a{

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
	text-align: center;
}
.textn1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
	text-align: justify; }
.textn1 a{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
	text-align: justify; }
.textn2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
}
.textn2b {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #666666;
}

.skin0 {
	position : absolute;
	width : 200px;
	border : 2px solid black;
	background-color : menu;
	font-family : Verdana;
	line-height : 20px;
	cursor : default;
	visibility : hidden;

}

.skin1 {
	cursor : default;
	font : menutext;
	position : absolute;
	width : 145px;
	background-color : menu; 
	border : 1 solid buttonface;
	visibility : hidden;
	border : 2 outset buttonhighlight;
	font-family : Verdana,Geneva, Arial;
	font-size : 10px;
	color : black;
}

.menuitems {
	padding-left : 15px;
	padding-right : 10px;
}


/************ JSCROLLER *******************/

/* Scroller Box */
#texte_defilant {
 position: relative;
 overflow: hidden;
}

#scroller {
 white-space: nowrap;
}

#scroller p {
 padding: 0;
}
/* Scoller Box */

/************ carte google maps ********/
 #EmplacementDeMacarte span {
		display : none;
			}
 #copyright {
 		font-family:Verdana, Arial, Helvetica, sans-serif;;
 		font-size: 9px;
 }
/***** fin carte google maps ******/