html, body {
	height: 100%;
}
body {
	font: normal 11px Arial, Verdana, Helvetica, sans-serif;
	color: #000;
	margin: 0 auto;
	background: #c8c8c8 url("/comores.exprimanoo.com/img/back.gif") repeat-x;
}
#global {
	position: relative;
	width: 955px;
	margin: 0 auto;
	padding: 0;
	background: #fff;
}
#zone_login {
	position: absolute;
	left: 690px;
	top: 91px;
	background: url("/comores.exprimanoo.com/img/img_login.gif") no-repeat;
	width: 260px;
	height: 79px;
}
#head {
	background: url("/comores.exprimanoo.com/img/bandeau_h.jpg") no-repeat;
	width: 955px;
	height: 154px;
}
#pub {
	position: absolute;
	display: block;
	width: 468px;
	height: 60px;
	top: 5px;
	left: 467px;
	background: #663366;
	border: 1px solid #CFFB12;
}
#menu {
	background: url("img/bandeau_menu.jpg") no-repeat;
	width: 955px;
	height: 36px;
}
#menu ul {
	padding: 3px 0 0 25px;
	margin: 0;
	list-style-type: none;
}
#menu li {
	margin: 0;
	border: 0 none;
	padding: 0;
	float: left;
	display: inline;
	list-style: none;
	height: 22px;
}
#menu .ide {
	text-indent: -1000px;
}

#outils {
	padding: 14px 0 0 800px;
	margin: 0;
	list-style-type: none;
}
#outils li {
	margin: 0;
	border: 0 none;
	padding: 0;
	float: left;
	display: inline;
	list-style: none;
	height: 20px;
}
#outils .mail {
	display: block;
	width: 28px;
	height: 22px;
	background: url("/comores.exprimanoo.com/img/picto_email.jpg") no-repeat;
	padding: 0;
}
#outils .home {
	display: block;
	width: 28px;
	height: 22px;
	background: url("/comores.exprimanoo.com/img/picto_home.jpg") no-repeat;
	padding: 0;
}

#outils .infos {
	display: block;
	width: 28px;
	height: 22px;
	background: url("/comores.exprimanoo.com/img/picto_cgu.jpg") no-repeat;
	padding: 0;
}
#outils .eclaire {
	display: block;
	width: 28px;
	height: 22px;
	background: url("/comores.exprimanoo.com/img/eclair.jpg") no-repeat;
	padding: 0;
}
#corps {
	background: #fff;
	width: 955px;
}

#c_art {
	float: left;
	width: 60%;
	margin: 5px;
}
#c_art p {
	text-align: justify;
	line-height: 1.4;
}
#c_aut {
	float: left;
	width: 18%;
	margin: 5px;
}
#c_rest {
	float: left;
	width: 18%;
	margin: 5px;
}
#prim {
	background: #f1efe2;
}
#article {
	font-size: 12px;
	line-height: 130%;
}
.mavleft {
	background: url("img/bar_gf.jpg") top no-repeat;
	height: 34px;
	width: 250px;
}
.grand_titre {
	padding-left: 35px;
	height: 23px;
	color: #fff;
	font: bold 14px Arial, Helvetica, sans-serif;
	text-align: left;
}
.p {
	padding: 3px;
}
p.p1 {
	padding: 0;
	margin: 0;
}
.mavd {
	float: left;
	padding: 0;
	display: block;
	width: 250px;
	border: 1px solid #C5CBD1;
	border-top: none;
}
.mavd2 {
	padding: 1px;
	display: block;
	width: 172px;
	border: 1px solid #C5CBD1;
}
.act {
	width: 200px;
	background: #D1D8E2;
}
.act_1 {
	width: 200px;
	background: #f1f1f1;
}
.act1 {
	background: url("/comores.exprimanoo.com/img/bar_pf.jpg") top no-repeat;
	height: 34px;
	width: 200px;
}
.act2 {
	background: url("/comores.exprimanoo.com/img/bar_pf2.jpg") top no-repeat;
	height: 34px;
	width: 200px;
}
.dos {
	display: block;
	width: 200px;
	background: #F1EFE2;
}
.dos1 {
	background: url("/comores.exprimanoo.com/img/bar_pf3.jpg") top no-repeat;
	height: 34px;
	width: 200px;
}
.dos2 {
	background: url("/comores.exprimanoo.com/img/bar_pf4.jpg") top no-repeat;
	height: 34px;
	padding-left: 42px;
	color: #fff;
	font: bold 14px Arial, Helvetica, sans-serif;
	line-height: 25px;
	text-align: left;
}
#pieds {
	clear: both;
	width: 955px;
	height: 30px;
	background: url("/comores.exprimanoo.com/img/bandeau_pieds.jpg") bottom no-repeat;
}
#pieds .copy {
	display: block;
	width: 200px;
	font: normal 10px Verdana, Arial, Helvetica, sans-serif;
	color: #fff;
	font-style: italic;
	padding: 10px 0 0 15px;
}
#pieds .copy a {
	font: normal 10px Verdana, Arial, Helvetica, sans-serif;
	color: #fff;
	font-style: italic;
}
#pieds #mb {
	padding: 0 0 0 445px;
	margin: -13px 0 0 0;
	list-style-type: none;
	color: #fff;
}
#mb ul {
	padding: 0;
	margin: 0;
	list-style-type: none;
}
#mb li {
	float: left;
	padding: 0;
	margin: 0;
	list-style-type: none;
}
#mb a {
	color: #fff;
}
#mb a:hover {
	color: #ccc;
}
#mb .ins {
	color: #CFFB12;
}
#mb .ins:hover {
	color: #fff;
}
/* 119 20  815 170*/
#left_txt {
	float: left;
	padding: 0 10px 10px 0;
	width: 275px;
}
.gros_titre {
	font-size: 18px;
	font-weight: bold;
	color: #79848A;
	margin: 0;
	margin-bottom: 8px;
}
.sous_titre {
	font-size: 12px;
	font-weight: bold;
	color: #79848A;
}
hr.sous_titre {
	margin: 0;
	padding: 0 0 0px 0;
	width: 95%;
	height: 2px;
	color: #A2D06E;
	background-color: #A2D06E;
	border: 0;
}
.txt_gros_titre {
	font-size: 12px;
	font-weight: normal;
	line-height: 1.4;
	margin: 0;
	margin-top: 5px;
	color: #000
}
.auteur_gros_titre {
	text-align: right;
	font-size: 11px;
	font-weight: normal;
}
#left_img {
	float: left;
	width: 200px;
	padding: 0 10px 10px 10px;
	border: none;
}
ul.puce_left {
	padding: 0;
	margin: 0;
	list-style-type: none;
}
li.puce_left {
	padding: 0;
	margin: 0;
	list-style-type: none;
}
a.reac {
	padding-left: 10px;
	font-size: 11px;
	color: #79848A;
	background: url("/comores.exprimanoo.com/img/fleche_droite.gif") left center no-repeat;
}
.tex {
	padding-left: 37px;
}
.dat {
	float: left;
}
.dmes {
	font-style: italic;
	font-size: 9px;
	color: #666;
}
ul {
	padding: 0;
	margin: 0;
	list-style-type: none;
}
li {
	padding: 0;
	margin: 0;
	list-style-type: none;
}
.ariane {
	font-weight: normal;
	font-size: 10px;
	color: #005984;
	text-decoration: none;
}
.ariane:hover {
	color: #004566;
}
a {
	font-size: 11px;
	font-weight: bold;
	color: #79848A;
	text-decoration: none;
}
a:hover {
	text-decoration: none;
	color: #000;
}
a.art {
	font-size: 12px;
	font-weight: bold;
	color: #666;
	text-decoration: underline;
}
a.art:hover {
	text-decoration: none;
	color: #647A92;
}
h2 {
	display: block;
	margin: 0 0 5px 0;
	padding: 5px;
	font-size: 16px;
	color: #fff;
}
h3 {
	margin: 0;
	color: #f00;
	font-size: 14px;
}
#zone_login input.log {
	position: absolute;
	top: 40px;
	left: 20px;
	width: 100px;
	height: 16px;
	border: 1px solid #2C5782;
	font: bold 10px Verdana;
}
#zone_login input.pass {
	position: absolute;
	top: 40px;
	left: 128px;
	width: 80px;
	height: 16px;
	border: 1px solid #2C5782;
	font: bold 10px Verdana;
}
#zone_login input.val {
	position: absolute;
	top: 40px;
	left: 216px;
	border: none;
}
#zone_login input.img {
	position: absolute;
	left: 270px;
	width: 25px;
	border: none;
	background: transparent
}
#ajou form {
	padding: 0;
	margin: 0;
}
#ajou input {
	width: 200px;
	background: #fff;
	border: 1px solid #9DBBDF;
}
select {
	height: 20px;
	font-size: 9px;
	border: 1px solid #333;
}
.form {
	position: absolute;
	left: 210px;
	width: 200px;
	background-color: #CFFB12;
	color: #666666;
}
#ajou label {
	line-height: 25px;
}
.jus {
	display: block;
	padding: 5px;
	background: #F1EFE2;
	border: 0px solid #C5CBD1;
	text-align: justify;
}
h4 {
	padding: 0;
	margin: 0;
	font-size: 14px;
	color: #69342C;
}
#ajou {
	padding: 5px 5px 5px 90px;
	border-right: 1px solid #F1EFE2;
	background: #ffffff
}
.rouge {
	font-weight: bold;
	color: red;
}
.bleu {
	font-weight: bold;
	color: blue;
}
.impres {
	float: left;
	padding-right: 5px;
}
/*MENU*/
/* Root = Horizontal, Secondary = Vertical */
ul#navmenu {
	position: absolute;
	top: 160px;
	left: 17px;
	width: 620px;
	height: 22px;
	z-index: 100;
	margin: 0;
	border: 0 none;
	padding: 0;
	list-style: none;
}
ul#navmenu li {
	margin: 0;
	border: 0 none;
	padding: 0;
	float: left;
/*For Gecko*/
	display: inline;
	list-style: none;
	position: relative;
	width: 155px;
	height: 22px;
}
ul#navmenu ul {
	margin: 0;
	border: 0 none;
	padding: 0;
	width: 155px;
	list-style: none;
	display: none;
	position: absolute;
	top: 22px;
	left: 0;
}
ul#navmenu ul:after
/*From IE 7 lack of compliance*/
 {
	clear: both;
	display: block;
	font: 1px/0px serif;
	content: ".";
	height: 0;
	visibility: hidden;
	height: 22px;
}
ul#navmenu ul li {
	width: 155px;
	float: left;
/*For IE 7 lack of compliance*/
	display: block !important;
	display: inline;
/*For IE*/
	height: 22px;
	border-bottom: 1px solid #CFFB12;
}
/* Root Menu */
ul#navmenu a {
	padding: 0 6px;
	float: none !important;
/*For Opera*/
	float: left;
/*For IE*/
	display: block;
	color: #fff;
	font: bold 12px/22px verdana, arial, helvetica, sans-serif;
	text-decoration: none;
	height: auto !important;
	height: 1%;
/*For IE*/
}
#zone_login a {
	color: #FFF;
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
}
#zone_login a:hover {
	color: #CFFB12;
}
ul#navmenu a:hover {
	color: #fff;
}
ul#navmenu a.dd:hover {
	color: #CFFB12;
}
/* Root Menu */
ul#navmenu li {
	background: #3C76B0;
	height: 22px;
}
ul#navmenu li.dt1 {
	background: transparent url("/comores.exprimanoo.com/img/menu.gif") no-repeat;
	height: 22px;
	width: 155px;
}
/* 2nd Menu */
ul#navmenu li:hover li a, ul#navmenu li.iehover li a {
	float: none;
	padding-left: 5px;
	background: #7B594F;

	
}
/* 2nd Menu Hover Persistence */
ul#navmenu li:hover li a:hover, ul#navmenu li:hover li:hover a, ul#navmenu li.iehover li a:hover, ul#navmenu li.iehover li.iehover a {
	background: #D2B0A4;
}
/* Do Not Move - Must Come Before display:block for Gecko */
ul#navmenu li:hover ul ul, ul#navmenu li:hover ul ul ul, ul#navmenu li.iehover ul ul, ul#navmenu li.iehover ul ul ul {
	display: none;
}
ul#navmenu li:hover ul, ul#navmenu ul li:hover ul, ul#navmenu ul ul li:hover ul, ul#navmenu li.iehover ul, ul#navmenu ul li.iehover ul, ul#navmenu ul ul li.iehover ul {
	display: block;
}

/* menu ie suite */
ul#navmenu,
ul#navmenu ul {
	width: 155px; 
	margin: 0;
	padding: 0;/* IE6 Bug */
	font-size: 100%;
	}
	
ul#navmenu {
	position: absolute;
	top: 160px;
	left: 17px;
	width: 620px;
	height: 22px;
	z-index: 100;
	margin: 0;
	border: 0 none;
	padding: 0;
	list-style: none;
	}
	
ul#navmenu:after {
	content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
	}

ul#navmenu li {
	position: relative;
	list-style: none;
	float: left;
	width: 155px; /* Width of Menu Items */
	}

ul#navmenu li a,
ul#navmenu li li a {
	display: block;
	text-decoration: none;
	color: #fff;

		padding: 0 6px;
	font: bold 12px/22px verdana, arial, helvetica, sans-serif;
	text-decoration: none;
	}

/* Fix IE. Hide from IE Mac \*/
* html ul#navmenu li { float: left; height: 1%; }
* html ul#navmenu li a { height: 1%; }
/* End */

ul#navmenu ul {
	position: absolute;
	display: none;
	}
	
ul#navmenu ul ul {
	left: 155px;
	top: 0;
	}

ul#navmenu li ul li a { padding: 2px 5px; } /* Sub Menu Styles */

ul#navmenu li:hover ul ul,
ul#navmenu li:hover ul ul ul,
ul#navmenu li.over ul ul,
ul#navmenu li.over ul ul ul { display: none; } /* Hide sub-menus initially */

ul#navmenu li:hover ul,
ul#navmenu li li:hover ul,
ul#navmenu li li li:hover ul,
ul#navmenu li.over ul,
ul#navmenu li li.over ul,
ul#navmenu li li li.over ul { display: block; } /* The magic */

ul#navmenu li.dt1 { 
	background: transparent url("http://reunion.exprimanoo.com/reunion.exprimanoo.com/img/menu.gif") no-repeat;
	height: 22px;
	width: 155px;
  }
ul#navmenu li li.dt1 { background: transparent url(img/arrow-right.gif) right center no-repeat; }

ul#navmenu li.dt1:hover,
ul#navmenu li.over { background-color: transparent !important; }

ul#navmenu li a:hover { color: #fff; text-decoration:none; }


ul#navmenu li.dt1 ul li a:hover {
color:#ffffff;
	background: #9BBCDF;
}

#contenu {
	width: 955px;
	background: none;
	padding: 0 10px;
	overflow: hidden;
		clear:both;
}
#col1, #col2 {
	width: 202px;
	margin-right: 10px;
	float: left;
}
#col2 {
	width: 515px;
}
#col3 {
	width: 200px;
	float: left;
}
.bloc {
	margin-bottom: 2em;
	overflow: hidden;
}
#col1 .bloc ul, #col3 .bloc ul, #col2 .sscol1 .bloc ul, #col2 .sscol2 .bloc ul {
	margin-left: 5px;
	margin-top: 0;
	padding: 0;
}
#col1 .pub {
	margin: 5px 0;
}
#col3 .pub {
	width: 160px;
	margin: 0 auto;
	text-align: center;
	margin: 0 0 2em 0;
}
#col1 .bloc, #col2 .bloc, #col3 .bloc, #col2 .sscol1 .bloc, #col2 .sscol2 .bloc {
	color: #333;
	padding: 0 0 10px 0;
	overflow: hidden;
}
.photo {
	width: 131px;
	margin: 0 9px;
	float: left;
	text-align: center;
}
.photo a img {
	width: 120px;
	clear: both;
	border: 3px solid #CCC;
	padding: 3px;
}
.photo a:hover img {
	border: 3px solid #999;
}
.sscol {
	margin-bottom: 2em;
	overflow: hidden;
	clear: both;
}
.sscol1, .sscol2 {
	width: 250px;
	float: left;
}
.sscol1 {
	margin: 0 15px 0 0;
}
#col1 h2 {
	padding-left: 42px;
	padding-bottom: 2px;
	margin: 0;
	height: 34px;
	color: #fff;
	font: bold 14px Arial, Helvetica, sans-serif;
	line-height: 25px;
	text-align: left;
	background: url("img/bar_pf.jpg") top no-repeat;
}
#col1 .bloc {
	width: 200px;
	background: #D1D8E2;
	margin-bottom: 0px;
}
#col2 h2 {
	padding-left: 42px;
	padding-bottom: 2px;
	height: 34px;
	color: #fff;
	font: bold 14px Arial, Helvetica, sans-serif;
	line-height: 25px;
	text-align: left;
	background: url("img/bar_pf5.gif") top no-repeat;
}
#col2 .bloc {
	background: #f1efe2;
	margin-bottom: 0px;
}
#col3 h2 {
	padding-left: 42px;
	padding-bottom: 2px;
	height: 34px;
	color: #fff;
	font: bold 14px Arial, Helvetica, sans-serif;
	line-height: 25px;
	text-align: left;
	background: url("img/bar_pf3.jpg") top no-repeat;
}
#col3 .bloc {
	width: 200px;
	background: #F1EFE2;
	margin-bottom: 0px;
}
#col2 .sscol1 h2, #col2 .sscol2 h2 {
	padding-left: 42px;
	padding-top: 5px;
	padding-bottom: 2px;
	height: 34px;
	color: #fff;
	font: bold 14px Arial, Helvetica, sans-serif;
	line-height: 25px;
	text-align: left;
	background: url("img/bar_gf.jpg") top no-repeat;
}
#col2 .sscol1 .bloc, #col2 .sscol2 .bloc {
	border: 1px solid #C5CBD1;
	border-top: none;
	background: #ffffff;
}
#col3 h1, #col3 h2 {
	margin: 0;
}
#connect {
	color: #AAA;
	margin: 0 0 2em 0;
}
.pagetitre {
	background: url("/comores.exprimanoo.com/img/bar_pf6.jpg") top no-repeat;
	height: 34px;
	padding-left: 42px;
	color: #fff;
	font: bold 14px Arial, Helvetica, sans-serif;
		line-height: 25px;
	text-align: left;
}
.pagetitreb {
	background: url("/comores.exprimanoo.com/img/bar_pf7.jpg") top no-repeat;
	height: 34px;
	padding-left: 42px;
	color: #fff;
	font: bold 14px Arial, Helvetica, sans-serif;
		line-height: 25px;
	text-align: left;
}
.pagetitreadmin {
	background: url("/comores.exprimanoo.com/img/bar_admin.jpg") top left no-repeat;
	height: 34px;
	padding-left: 42px;
	color: #fff;
	font: bold 14px Arial, Helvetica, sans-serif;
		line-height: 25px;
	text-align: left;
}
#titreForm, #piedForm {	/*** Mise en forme du titre et du pied de formulaire ***/
	font: bold 1.1em arial, hevetica, sans-serif;
	margin: 0;
	padding: .5em;
	color:#000000;
}
#piedForm {
	text-align: right; /*** Les boutons sont alignés à droite ***/
}
#piedForm input {
	font-weight: bold; /*** Pour améliorer la lisibilité des boutons ***/
	margin-left: 1em;
}
#corpForm {	/*** Mise en fome du corp du formulaire (bordure, couleur du fond...) ***/
	border: 0px solid black;
	font-size:8pt;
	color: black;
	margin: 0;
	padding: 1em;
	background: transparent;
}
#corpForm fieldset {	/*** Mise en forme des cadres ***/
	margin: 0;
	font-style: normal;
	padding: 0 1em 1em;
}
#corpForm legend {	/*** Mise en forme des titres des cadres ***/
	font-weight: bold;
	color: black;
	background: transparent;
}
#corpForm p {	/*** Mise en forme des lignes du formulaire ***/
	padding: .2em 0;
	margin: 0 0 .2em 0;
}
#corpForm fieldset label {	/*** Mise en forme des intitulés de champs ***/
	float: left;	/*** Très important, ne pas suprimer ! ***/
	width: 30%;	/*** Les intitulés prennent 1/3 de la largeur totale du formulaire... ***/
	text-align: right;	/*** ... et ils sont alignés à droite... ***/
	margin: 0;
	padding: 0 .5em 0 0;
	line-height: 1.8;	/*** ... et centrés verticalement. ***/
	}
	
#corpForm	.videlegende{
	float: left;	/*** Très important, ne pas suprimer ! ***/
	width: 30%;	/*** Les intitulés prennent 1/3 de la largeur totale du formulaire... ***/
	text-align: right;	/*** ... et ils sont alignés à droite... ***/
	margin: 0;
	padding: 0 .5em 0 0;
	line-height: 1.8;	/*** ... et centrés verticalement. ***/
}
#corpForm label:hover, #piedForm input {
	cursor: pointer;	/*** Petite astuce pour apprendre aux utilisateurs à cliquer sur les intitulés ***/
}
#corpForm label.oblig {
	font-weight: normal;	/*** Mise en évidence des champs obligatoires ***/
}
#corpForm .legende {	/*** Mise en forme des aides contextuelles ***/
	font-style: italic;
	color: #666;
	background: transparent;
	margin: 0;
	padding: 0;

}

#corpForm .focus {	/*** Mise en avant des champs en cours d'utilisation ***/
	background: beige;
	color: black;
	font-size: 8pt;
	width: 180px;
	padding: 0;
}
#corpForm .normal {	/*** Retour à l'état normal après l'utilisation ***/
	background: white;
	color: black;
	font-size: 8pt;
	width: 180px;
	padding: 0;
}
#corpForm a.aide {	/*** Mise en forme des bulles d'aide ***/
	text-decoration: none;
}
#corpForm a.aide img {	/*** Mise en forme de l'image des bulles d'aide ***/
	margin: 0;
	padding: 0;
	border: 0;
}
#corpForm a.aide:hover {	/*** Le curseur de la souris change d'aspect quand il passe au-dessus d'une bulle d'aide ***/
	cursor: help;
}
#calendrier {
	margin: 10px;
}
#calendrier table {
	width: auto;
	border: 1px solid #E6E6E6;
}
#calendrier th, #calendrier td {
	padding: 3px;
	border: 1px solid #E6E6E6;
}
.calendarDayToday {
	background-color: #E6E6E6;
}
.calendarDayLinked {
	background-color: #E6E6E6;
}
/*** commentaire article ***/
.comments_wrap {
	width: 550px;
	margin: 20px 0 0px 10px;
	clear: both;
}
.comments_wrap .left {
	width: 56px;
	float: left;
}
.comments_wrap .right {
	width: 470px;
	float: left;
	padding-left: 15px;
}
.comments_wrap .right a {
	text-decoration: none;
}
.comments_wrap .right a:hover {
	text-decoration: underline;
}
.comments_wrap .right p {
	font-size: 12px;
	line-height: 19px;
	padding: 10px 0;
}
/*** commentaire home ***/
.comments_wrap_home {
	width: 190px;
	margin: 0px 0 0px 0px;
	clear: both;
}
.comments_wrap_home .left {
	width: 23px;
	float: left;
}
.comments_wrap_home .right {
	width: 162px;
	float: left;
	padding-left: 5px;
	padding-right: 0px;
}
.comments_wrap_home .right a {
	text-decoration: none;
}
.comments_wrap_home .right a:hover {
	text-decoration: underline;
}
.comments_wrap_home .right p {
	padding: 0px 0;
}