/*

   based color :  
#0a384d

 */



/* generallities */


img { margin: 0; padding: 0; border-width: 0; }

ul > li {
display:list-item;
	list-style-image: url(../_images/puce-actu.png);	
}

img{
border:none;
}

.floatl{
float:left;
}
.floatr{
float:right;
}

body{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
overflow: -moz-scrollbars-vertical;
background: white url(../_images/IGM.png) no-repeat fixed 50% 0;
	    background-attachement:scroll;
}


H1
{
color: #617C58;
}

H1.subtitle
{
color: #FF9900;
}

H2
{ 
color: #993333;
}

H3
{
color: #FF9900;
}

H4
{
	font-weight: bold;
color: #999966;
}


div.spacer{
clear:both;
}

div#conteneur{
margin: 1em auto 1em auto;
width:60%;
      min-width:900px;
      text-align : justify;
      border-radius: 5px;
      min-height:600px;
}

div#contenu{
margin:0;
padding:10px 0 0 0 ;
      min-height:600px;
	background-color:#FFFFFF;opacity:0.97;
	border-radius: 5px;
border:1px solid;
}



/** title **/

#header a{
color:inherit;
      text-decoration:none;
}


div#header   {
margin:0;
padding:0;
	text-align:center;
	font-family: Helvetica, Arial, sans-serif;
	text-decoration: none;
	text-shadow: 0 2px 5px gray;

}

/** footer **/

div#footer
{
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
color:black;
      line-height:23px;	
      font-variant:small-caps;
      font-family: Helvetica, Arial, sans-serif;
      font-size: 12px;

      text-align:right;
}

div#footer img {
	vertical-align:middle;
}

div#footer a {
	text-decoration: none;
color:black;
}


div#topmenu *{
	z-index:100;
}
div#path *{
	z-index:50;
}
div#content *{
	z-index:10;
}



/** horyzontal menu **/

div#baniere {	
	text-align:center;
}

div#topmenu{	
margin:0 10px 0px 10px ;	
padding: 10px  ;
	 font-variant:small-caps;
	 font-family: Helvetica, Arial, sans-serif;


}
div#topmenu a{	
	text-decoration:none;
color: #0a384d;
}

div.topmenu
{
float:left;
margin:5px 10px 5px 0 ;
padding: 2px 10px 2px 10px;
border : 1px solid;
	 border-radius: 5px;
	 font-weight:bold;
	 font-size:16px;
}

div.topmenu_r
{
float:right;
margin:5px 10px 5px 0 ;
padding: 2px 10px 2px 10px;
border : 1px solid;
	 border-radius: 5px;
	 font-weight:bold;
	 font-size:16px;
}







/** Content **/

div#content {

	float:left;
   min-height:600px;
	width:80%;
}

div#content a{
color: #6D7B8D; 
       text-decoration: none;
       font-weight: bold;
}
div#content a.extern:before, div#rsstcrts a:before {
content:url("../_images/lien");
	vertical-align:middle;
padding:2px;
}


/** left vertical menu **/


div#menu {
margin: 0 20px 0 20px;
padding: 10px 10px 0 10px;
float:left;
      max-width:20%;
}


div#menu  div {

	margin-top:10px;

}

div#logos {

	padding-top:50px;
}


/**************************************************** dynamic horizontal menu ***********************************************/


/* Some stylesheet reset */
.cssmenutest  li{
	list-style: none;
}


.cssmenutest ul, .cssmenutest li, .cssmenutest span, .cssmenutest a {

	margin: 0;
	padding: 0;
	position: relative;

}

.cssmenutest {

	display:inline-block;
/*	position:absolute;*/


}

.cssmenutest:after, .cssmenutest ul:after {

	content: '';
	display: block;
	clear: both;

}


/* style commun a tous les liens du menu */
.cssmenutest a {
	display: inline-block;
	margin:0 5px 0 0 ;
	padding: 5px 10px 5px 10px;
	border : 1px solid;
	font-weight:bold;
	font-size:16px;
	background:white;

}

/* seulement les verticaux */
.cssmenutest .has-sub .has-sub  a {
	padding-right:  20px ;
}

.cssmenutest ul {
	list-style: none;
}

.cssmenutest > ul {
float: left;
}

.cssmenutest > ul > li {
float: left;
}


/* le triangle */
.cssmenutest > ul > li.has-sub:hover:after {
	content: '';
	display: block;
	width: 0;
	height: 0;
	position: absolute;
	left: 30%;
	bottom: 0;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-bottom: 10px solid #0a384d; /*#0fa1e0;*/
	margin-left: -10px;
}


/* premier et dernier items des menus verticaux arrondis */
.cssmenutest > ul ul > li:first-child > a  {
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	border-top: solid 1px  #0a384d;
} 
.cssmenutest > ul ul > li:last-child > a {
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	border-bottom: solid 1px #0a384d;
}


/*** item horizontaux ***/
.cssmenutest > ul > li > a {
	 font-variant:small-caps;
	 font-family: Helvetica, Arial, sans-serif;
	border-radius: 5px;
	margin-bottom:10px;
	padding-top:2px;
	padding-bottom:2px;
}

/* un lien avec la souris dessus */
.cssmenutest  li:hover > a {
	box-shadow: inset 0 0 3px #000000;
	-moz-box-shadow: inset 0 0 3px #000000;
	-webkit-box-shadow: inset 0 0 3px #000000;
}

/* un lien dont on explore les sous rep */
.cssmenutest li.active > a {
	box-shadow: inset 0 0 3px #000000;
	-moz-box-shadow: inset 0 0 3px #000000;
	-webkit-box-shadow: inset 0 0 3px #000000;
}



.cssmenutest .has-sub:hover > ul {
display: block;
}

.cssmenutest .has-sub ul {
	display: none;
	position: absolute;
	top: 100%;
	left: 0;
}



.cssmenutest .has-sub .has-sub > a::after {
	content: url("../_images/puce-actu.png");
	position: absolute;
	top: 20%;
	right: 10px;
	width: 0px;
	height: 0px;
}
	


/* sous menus verticaux  */
.cssmenutest .has-sub ul li a {
	filter: none;
	display: block;


	 border-top:none;
	 border-left: solid 1px #0a384d;
	 border-right: solid 1px #0a384d;
	 border-bottom: 1px dotted #0a384d;

	 background-color:#ffffff;

	 /* Typography */
	 font-family: Helvetica, Arial, sans-serif;
	color:#0a384d;
      text-decoration: none;
      text-transform: uppercase;
      text-shadow: 0 1px 0 #fff;
      font-size: 13px;

}

.cssmenutest .has-sub .has-sub:hover > ul {
	display: block;
}

.cssmenutest .has-sub .has-sub ul {
	display: none;
	position: absolute;
	left: 100%;
	top: 0;
}


/** end menu **/

/** the path **/

div#path {
	margin:0px 0px 30px 0px ;
}

li.path > a {
	border:none;
	box-shadow:none;
	-moz-box-shadow:none; 
	-webkit-box-shadow:none;
	margin:10px 10px 10px 0px ;
	color: #0a384d;
     text-transform:uppercase;
     font-family: Helvetica, Arial, sans-serif;
     font-size: 12px;
}
li.path > a::after {
	content: url("../_images/puce-actu.png");
	position: absolute;
	top: 2px;
	right: 0px;
	width: 0px;
	height: 0px;
}
li.path.last > a::after {
	content: '';
}