BODY {

	scrollbar-track-color: #E8F0F8;

	scrollbar-darkshadow-color: #3266A5;

	scrollbar-shadow-color: #3D7AC5;

	scrollbar-3dlight-color: #96B8E0;

	scrollbar-highlight-color: #4580C7;

	scrollbar-face-color: #4c84ab;

	scrollbar-arrow-color: #E8F0F8;

	margin-top: 5px;

	margin-left: auto;

	margin-right: auto;

	padding: 0px 0px 0px 0px;

	background: White;

	font-family: Arial, Helvetica, sans-serif;

	color: Black;

	font-weight: normal;

	font-size: 13px;

	text-align: center;

}



CODE {

font : monospace;

font-size: 12px;

border : 1px solid #4C84AB;

padding-bottom: 1px;

padding-left: 5px;

padding-right: 1px;

padding-top: 1px;

width : 90%;

background-color : White;

display: block;

} 



/*########   HEADER   #######################################################################*/

/*###########################################################################################*/



#cadre-page {

	background-color: White;

	border-top: 1px solid #CCCCCC;

	border-right: 1px solid #CCCCCC;

	border-bottom: 1px solid #CCCCCC;

	border-left: 1px solid #CCCCCC;

	text-align: center;

	width: 100%;

}



#header {

	width: 100%;

	height: 169px;

	text-align: center;

}



.header-menu-bar {

	text-align: right;

	/*width: 100%;*/

	height: 18px;

	background-color: #4C84AB;

	border-top: 1px solid #000000;

	border-right: 1px solid #000000;

	border-bottom: 1px solid #000000;

	border-left: 1px solid #000000;

	margin-bottom: 2px;

	margin-top: 2px;

}



A.header-lien {

	display: inline;

	height: 18px;

	color: #E6E6E6;

	font-size: 15px;

	font-weight: bold;

	font-family: Arial, Helvetica, sans-serif;

	text-transform: uppercase;

	border-left: 1px solid Black;

	padding-right: 8px;

	padding-left: 8px;



}



A.header-lien:hover {

	background-color: #f66914;

	color: #E6E6E6;

	font-size: 15px;

	font-weight: bold;

	font-family: Arial, Helvetica, sans-serif;

	text-transform: uppercase;

	text-decoration: none;

	padding-right: 8px;

	padding-left: 8px;

}



A.header-lien:visited {

	color: #E6E6E6;

	font-size: 15px;

	font-weight: bold;

	font-family: Arial, Helvetica, sans-serif;

}



A.header-lien:active {

	background-color: #C10005;

	color: #E6E6E6;

	font-size: 15px;

	font-weight: bold;

	font-family: Arial, Helvetica, sans-serif;

}



.bebe {

	width: 169px;

	height: 153px;

	border-top: 1px solid #CCCCCC;

	border-right: 1px solid #CCCCCC;

	border-left: 1px solid #CCCCCC;

	margin-right: 3px;

	margin-left: 2px;

        margin-top: 2px;

}



.bebe2 {

    height: 16px;

    width: 169px;

    margin-right: 3px;

    margin-left: 2px;

} 



.logo {

	height: 46px;

	background-image: url(/themes/Modulo/images/logo.gif);

	background-position: center top;

	background-repeat: no-repeat;

	background-color: #F9F9FA;

	border-top: 1px solid #CCCCCC;

	border-right: 1px solid #CCCCCC;

	border-bottom: 1px solid #CCCCCC;

	border-left: 1px solid #CCCCCC;

	margin-bottom: 2px;

}



.banner {

	height: 70px;

	padding-top: 10px;

	background-color: #F9F9FA;

	border-top: 1px solid #CCCCCC;

	border-right: 1px solid #CCCCCC;

	border-bottom: 1px solid #CCCCCC;

	border-left: 1px solid #CCCCCC;

}



.pub {

	height: 27px;

	/*width: 100%;*/

	border-top: 1px solid #CCCCCC;

	border-right: 1px solid #CCCCCC;

	border-bottom: 1px solid #CCCCCC;

	border-left: 1px solid #CCCCCC;

	margin-top: 2px;

	text-align: center;

}





/*########   BLOCS  #######################################################################*/

/*###########################################################################################*/





#bloc-cadre {

	width: 171px;

	border-top: 1px solid #CCCCCC;

	border-right: 1px solid #CCCCCC;

	border-bottom: 1px solid #CCCCCC;

	border-left: 1px solid #CCCCCC;

	margin-right: 3px;

	margin-left: 2px;

	padding: 1px 1px 20px 1px;

	border-collapse: collapse;

}



.bloc-titre {

	height: 27px;

	width: 171px;

	text-align: center;

	font-size: 15px;

	font-weight: bold;

	font-family: Arial, Helvetica, sans-serif;

	background-repeat: repeat-x;

	background-image: url(/themes/Modulo/images/T-bloc.gif);

	color: Gray;

	margin-bottom: 5px;

}



.bloc-content {

	background: White;

	width: 171px;

}



.bloc-login-titre {

	height: 27px;

	width: 171px;

	text-align: center;

	font-size: 15px;

	font-weight: bold;

	font-family: Arial, Helvetica, sans-serif;

	background-repeat: repeat-x;

	background-image: url(/themes/Modulo/images/T-bloc.gif);

	color: Gray;

	margin-bottom: 5px;

}



.bloc-content-admin {

	background: White;

	font-size: 13px;

	font-weight: bold;

	font-family: Arial, Helvetica, sans-serif;

	color: #BABABA;

}



.main-puce {

	border: 0;

	margin: 0px;

}





/*########   ANIMATION MENU  #######################################################################*/

/*###########################################################################################*/



A.menu {

	display: block;

	background: #4c84ab;

	color: White;

	width: 167px;

	height: 15px;

	font-size: 13px;

	font-weight: bold;

	font-family: Arial, Helvetica, sans-serif;

	text-transform: uppercase;

	vertical-align: text-bottom;

	padding: 1px;

 	cursor: pointer;

	margin-bottom: 1px;

}





A.menu:hover {

	display: block;

	background: #f66914;

	color: White;

	width: 167px;

	height: 15px;

	font-size: 13px;

	font-weight: bold;

	font-family: Arial, Helvetica, sans-serif;

	text-transform: uppercase;

	vertical-align: text-bottom;

	padding: 1px;

	cursor: pointer;

	margin-bottom: 1px;

}





A.menu-liens {

	display: block;

	background: #4c84ab;

	color: White;

	width: 167px;

	height: 25px;

	margin-bottom: 1px;

	font-size: 12px;

	font-weight: bold;

	font-family: Arial, Helvetica, sans-serif;

	text-transform: uppercase;

	vertical-align: text-bottom;

	padding-top: 5px;

	cursor: pointer;

}



A.menu-liens:hover {

	display: block;

	background: #f66914;

	color: White;

	width: 167px;

	height: 25px;

	margin-bottom: 1px;

	font-size: 12px;

	font-weight: bold;

	font-family: Arial, Helvetica, sans-serif;

	text-transform: uppercase;

	vertical-align: text-bottom;

	padding-top: 5px;

	cursor: pointer;

}







/*########   NEWS  ############################################################################*/

/*###########################################################################################*/



.corps-puce {

	border: 0;

	margin: 5px;

}



.cadre-articles {

	width: 100%;

	margin: 0px 1px 0px 0px;

	background: White;

	border-top: 1px solid #CCCCCC;

	border-right: 1px solid #CCCCCC;

	border-bottom: 1px solid #CCCCCC;

	border-left: 1px solid #CCCCCC;

}



.content-articles {

	width: 100%;

	margin: 0px;

	padding: 0px;

	background: White;

	border-collapse: collapse;

}





.titre-articles {

	background: White;

	border-top: none;

	border-right: none;

	border-bottom: 1px dashed #CCCCCC;

	border-left: none;

	font-size: 13px;

	font-weight: bold;

	font-family: "Arial";

	color: #4c84ab;

	padding-top: 7px;

}



/*########   FOOTER  #######################################################################*/

/*###########################################################################################*/





.footer-cadre {

	width: 100%;

	background-color: White;

	border-top: 1px solid #CCCCCC;

	border-right: 1px solid #CCCCCC;

	border-bottom: 1px solid #CCCCCC;

	border-left: 1px solid #CCCCCC;

	text-align: center;

	margin-left: auto;

	margin-right: auto;

	margin-top: 4px;

	margin-bottom: 2px;

}



.footer-articles {

	background: White;

	border-top: 1px solid #CCCCCC;

	font-size: 12px;

	font-weight: bold;

	font-family: "Arial";

	color: #BABABA;

}



.footer-info {

	

}



.footer-message {

	

}



/*##########   NPDS CSS  ###################################################################*/

/*##########################################################################################*/



A {

	text-decoration: none;

	color: Black;

}



A:hover {

	text-decoration: underline;

        color: Red;

}



.input-login {

	background-color: #4c84ab;

	color: #F8F8F8;

	font-family: Arial,Helvetica,sans-serif;

	font-size: 12px;

	font-weight: bold;

	text-decoration: none;

	border-bottom: #f66914 2px solid;

	border-left: #f66914 2px solid;

	border-right: #f66914 2px solid;

	border-top: #f66914 2px solid;

	margin: 2px;

}



SELECT {

        font-family: Arial,Helvetica,sans-serif;

        font-size: 12px;

        font-weight: bold;

}



TD {

        font-family: Arial,Helvetica,sans-serif;

        font-size: 12px;

}



A.BOX, A.BOX:ACTIVE {

        color: #000000;

        font-family: Arial,Helvetica,sans-serif;

        font-size: 11px;

        text-decoration: none;

}



A.HEADA:HOVER {

        color: #45445B;

        font-family: Arial,Helvetica,sans-serif;

        font-size: 12px;

        font-weight: bold;

        text-decoration: underline;

}



A.NOIR:HOVER{

        color: #000000;

        font-family: Arial,Helvetica,sans-serif;

        font-size: 12px;

        font-weight: bold;

        text-decoration: underline;

}



.ROUGE, A.ROUGE, A.ROUGE:ACTIVE {

        color: #FF0000;

        font-family: Arial,Helvetica,sans-serif;

        font-size: 12px;

        font-weight: bold;

        text-decoration: none;

}

A.ROUGE:HOVER{

        color: #FF0000;

        font-family: Arial,Helvetica,sans-serif;

        font-size: 12px;

        font-weight: bold;

        text-decoration: underline;

}



A.BOX:VISITED {

	color: #C10005;

	font-family: Arial,Helvetica,sans-serif;

	text-decoration: none;

}



A.HEADA, A.HEADA:VISITED, A.HEADA:ACTIVE, A.HEADER, A.HEADER:VISITED, A.HEADER:ACTIVE {

        color: #202D40;

        font-family: Arial,Helvetica,sans-serif;

        font-size: 12px;

        font-weight: bold;

        text-decoration: none;

}



A.HEADER:HOVER, A.BOX:HOVER {

        color: #FFFFFF;

        font-family: Arial,Helvetica,sans-serif;

        text-decoration: underline overline;

}



A.OPTION:HOVER, A.OPTION:ACTIVE {

        background: none transparent;

        color: #000000;

        font-family: Arial,Helvetica,sans-serif;

        font-size: 12px;

        font-weight: bold;

}



A.OPTION, A.OPTION:VISITED {

        background: none transparent;

        color: #000000;

        font-family: Arial,Helvetica,sans-serif;

        font-size: 12px;

        font-weight: bold;

        text-decoration: none;

}



HR {

        color: #000000;

        height: 1px;

        margin-left: 0px;

        margin-right: 0px;

}



.AIDE {

        background-color: #E8E8EC;

        margin: 0px 5px;

        padding-bottom: 5px;

        padding-left: 5px;

        padding-right: 5px;

        padding-top: 5px;

}



.BOX {

      background-color: transparent;

      color: #4A5768;

      font-family: Arial,Helvetica,sans-serif;

      font-size: 11px;

      margin-left: 5px;

      margin-right: 5px;

      font-weight: bold;

}



.BOXC {

        background-color: #605F71;

        color: #FFFFFF;

        font-family: Arial,Helvetica,sans-serif;

        font-size: 11px;

        margin: 5px;

        padding-bottom: 5px;

        padding-left: 5px;

        padding-right: 5px;

        padding-top: 2px;

}



.BOXB {

      color: #000000;

      font-family: Arial,Helvetica,sans-serif;

      font-size: 10px;

      margin-left: 5px;

      margin-right: 5px;

}



.BOXCONTENT {

        background-color: transparent;

        color: #000000;

        font-family: Arial,Helvetica,sans-serif;

        font-size: 11px;

        margin: 5px;

        padding-bottom: 5px;

        padding-left: 2px;

        padding-right: 2px;

        padding-top: 2px;

}



.BOXMENU {

	color: #4682B4;

	font-family: Arial,Helvetica,sans-serif;

	font-size: 13px;

	font-weight: bold;

	margin-left: 5px;

	margin-right: 5px;

}



.INPUTA {

        background-color: #C3C2CB;

        border-bottom: #FFFFFF 1px solid;

        border-left: #FFFFFF 1px solid;

        border-right: #FFFFFF 1px solid;

        border-top: #FFFFFF 1px solid;

        color: #000000;

        font-size: 12px;

        height: 15px;

        vertical-align: middle;

        width: 80px;

}



.LIGNA, A.ONGL, A.ONGL:VISITED, A.ONGL:ACTIVE {

        background-color: #CCD8E6;

        color: #45445B;

        font-family: Arial,Helvetica,sans-serif;

        font-size: 12px;

        text-decoration: none;

}



.LIGNB {

        background-color: #F9F9FA;

        color: #45445B;

        font-family: Arial,Helvetica,sans-serif;

        font-size: 12px;

        text-decoration: none;

}



.ONGL {

        border-bottom: #C3C2CB 1px solid;

        color: #45445B;

        font-family: Arial,Helvetica,sans-serif;

        font-size: 12px;

        font-weight: bold;

        text-decoration: none;

}



.HEADER, A.ONGL:HOVER {

        background-color: #96AECA;

        color: #45445B;

        font-family: Arial,Helvetica,sans-serif;

        font-size: 12px;

        font-weight: bold;

        text-decoration: none;

}



.PA {

        background-color: #9E9DAC;

        margin: 0px 0px 0px 5px;

}



.SEPAR {

        background-image: url(../images/logo-r9-c5.gif);

        background-position: right 50%;

        background-repeat: repeat-x;

        color: #000000;

        font-family: Arial,Helvetica,sans-serif;

        font-size: 5px;

        height: 5px;

        margin-bottom: 0px;

        margin-top: 0px;

        padding-bottom: 5px;

        padding-left: 0px;

        padding-right: 180px;

        padding-top: 0px;

}



.TEXTBOX {

        background-color: #FFFFFF;

        border-bottom: #000000 1px solid;

        border-left: #000000 1px solid;

        border-right: #000000 1px solid;

        border-top: #000000 1px solid;

        color: #45445B;

        font-size: 11px;

        width: 90%;

}



.TEXTBOX_STANDARD {

        background-color: #FFFFFF;

        border-bottom: #000000 1px solid;

        border-left: #000000 1px solid;

        border-right: #000000 1px solid;

        border-top: #000000 1px solid;

        color: #45445B;

        font-size: 11px;

}



.BOUTON_STANDARD {

	background-color: #4c84ab;

	color: #F8F8F8;

	font-family: Arial,Helvetica,sans-serif;

	font-size: 11px;

	font-weight: bold;

	text-decoration: none;

	border-bottom: #f66914 2px solid;

	border-left: #f66914 2px solid;

	border-right: #f66914 2px solid;

	border-top: #f66914 2px solid;

}



.QUOTE {

    border-bottom-width : thick;

    border : 1px solid #4C84AB;

    font-family: Arial,Helvetica,sans-serif;

    font-size: 11px;

    padding-bottom: 5px;

    padding-left: 5px;

    padding-right: 5px;

    padding-top: 5px;

    margin-bottom : 5px;

    margin-left : 5px;

    margin-right : 5px;

    margin-top : 5px;

    width : 90%;

} 



.TITBOXC {

        color: #000000;

        font-family: Arial,Helvetica,sans-serif;

        font-size: 11px;

        font-weight: bold;

}



.TITBOXCONT {

        color: #000000;

        font-family: Arial,Helvetica,sans-serif;

        font-size: 11px;

        font-weight: bold;

}



.TITRE {

	background: #4C84AB;

	color: #DCDCDC;

	font-family: Arial,Helvetica,sans-serif;

	font-size: 11px;

	font-weight: bold;

	text-decoration: none;

}



.TITREA {

        background: none transparent;

        color: #179CFF;

        font-family: Arial,Helvetica,sans-serif;

        font-size: 16px;

        font-weight: bold;

        text-decoration: none;

}



.TITREB {

        background: #878698;

        color: #FFFFFF;

        font-family: Arial,Helvetica,sans-serif;

        font-size: 12px;

        font-weight: bold;

        text-decoration: none;

}



.TITREC {

        background: none transparent;

        color: #839EC0;

        font-family: Arial,Helvetica,sans-serif;

        font-size: 11px;

        font-weight: bold;

        text-decoration: none;

}



/* Aide en Ligne */

a.AIDEAns, a.AIDEAns:visited, a.AIDEAns:active {

	cursor: help;

	font-size: 15px;

	font-weight: bold;

	font-family: Arial, Helvetica, sans-serif;

	text-decoration: none;

	color: Gray;

}

/* SABLE 510 */
.BOX BR {
   margin: -5px 0px 0px 10px;
}
.BOX UL {
	padding: 8px;
   margin: -5px 0px 0px 10px;
	list-style-type: disc;
}
UL {
	padding: 8px;
   margin: -5px 0px 0px 10px; 
	list-style-type: disc;
}

div#box_article, div#box_poll { /* super important pour le passage à SABLE 510 */
   width: 150px;
   float: right;
   margin-bottom: 5px;
   text-align: left;
   display: block;
   margin-right: 3px;
}
div#box_poll {
   float: left;
}
div#box_article h3, div#box_poll h3 {
   background: #C2C2CC;
   color: #404040;
   font-weight: bold;
   text-align: center;
   font-size: 12px;
   margin: 0px;
   height:28px;
   line-height: 25px !important; line-height: 20px
}
div#box_article ul, div#box_poll ul {
   margin: 0; padding: 0;
}
div#box_article .bottom, div#box_poll .bottom {
   background: #C2C2CC;
	width: 150px;
	height: 11px;
}
div#box_article ul li, div#box_poll ul li {
   background: #E7E7EB;
   padding-left: 10px;
	list-style-type: none;
}
div#box_article .bloc_content1, div#box_poll .bloc_content1 {
   padding-left: 4px;
   padding-right: 4px;
   background: #C3C2CB;
}
div#box_article .bloc_content1 p, div#box_poll .bloc_content1 p {
   margin-top: 5px;
}
div#box_article .bloc_content1 br {
   margin: -5px 0px 0px 0px;
} 
div#box_article .bloc_content1 .noir {
   margin-left: 4px;
	padding-bottom: 2px;
   font-size: 10px;
	list-style: disc;
	display: list-item;
}
div#box_article .bloc_content2, div#box_poll .bloc_content2 {
   height: 11px;
   background: #C3C2CB;
}
div#box_article .boxc, div#box_poll .boxc {
   background: #605F71;
   color: #FFFFFF;
   font-size: 11px;
	margin: 0px 0px;
}
.avatar_cadre {
   position: relative;
   margin: -5px 10px 10px 6px;
   background: url(../images/avatar_fond.png) no-repeat;
   height: 98px;
   width: 98px;
   padding: 4px
}
/*==> module geoloc */

#map_bloc {
     position: relative;
     top: 0;
     left: 0;
     width: 100%;
     height: 120px;
     overflow: hidden;
     border: 1px solid #aaa;
}

/*<== module geoloc */