/* CSS Document */
#page {
	margin: auto;
}
/************************************************************************************************************************************************
******************************************* SQUELETTE HOME **********************************************************************************
*************************************************************************************************************************************************/
/*****************************************
****************** HEADER *************
******************************************/
#header {
	width: 950px;
	text-align: left;
	margin: 0 auto 27px auto;
}
.pages  #header {
	margin: 0 auto 7px auto;
}
.logo {
	padding: 7px 20px 0 6px;
	float: left;
}
#header p {
    color: #404d57;
    font-weight: bold;
    font-size: 267%;
    float: left;
    width: 650px;
    margin:7px 0 40px;
    font-family:Arial,Helvetica,sans-serif;
}
#header p span {
	font-size: 71%;
	display: block;
}
#header p a {
	font-size: 71%;
	display: block;
	color: #585858;
	float: right;
	background: url(../images/css/puce_bleu.gif) no-repeat 0 4px;
	padding: 0 0 0 20px;
	font-weight: normal;
	margin: 5px 250px 0 0;
}
/*Mantis  0041935*/
.barre_liens {
	float: right;
	text-align: right;
	padding: 15px 0 0 0;
	width: 800px;
    margin-right: -30px;    
}
.barre_liens ul {
	padding: 3px 0 0 0;
	width:450px;
    float: left;
}
.barre_liens li {
	display: inline;
	border-right: 1px solid #d5d5d5;
    padding:0 5px;
    float: left;
}
.barre_liens form {
	float: right;
	width: auto;
	text-align: left;
	padding-left:10px;
	width:160px;
}

.barre_liens form label{
	display: none;
}
.barre_liens form select{
	width: 156px;
	margin: 0 0 0 15px;
}
.barre_liens form .input{
	width:110px;
	padding: 4px 0 0 23px;
	height: 16px;
	background: url(../images/css/input.gif) no-repeat;
	margin: 0 -4px 0 0;
}
.barre_liens form .lien{
	display: block;
	color: #666;
	padding: 0 0 0 23px;
}
.barre_nav {
	font-family: Arial, Helvetica, sans-serif;
	padding: 5px 0 0 0;
 }
.barre_nav img {
	float: right;
}
.barre_nav ul {
	/*background: url(../images/css/sepa_nav.gif) no-repeat;*/
	min-height: 52px;
	height: auto;
	padding: 0 0 0 1px;
}
.barre_nav li {
	float: left;
	font-size: 144.5%;
	font-weight: bold;
	background: url(../images/css/fond_nav.gif) repeat-x bottom left;
	margin: 0 10px 0 0;
	position: relative;
}
.barre_nav li a {
	float: left;
	display: block;
	height: 31px;
	padding: 17px 14px 0 14px;
	/*border-bottom: 4px solid #ccc;*/
}
.barre_nav li a:hover {
	background: url(../images/css/bg_img_nav_a.gif) repeat-x bottom left;
	text-decoration: none;

}
.barre_nav li.li_accueil a {
	border-bottom-color: #4268a4;
}
.barre_nav li.li_accueil a:hover {
	color: #4268a4;
}
.barre_nav li.li_nous a,
.barre_nav li.li_nous_encour a {
	border-bottom-color: #a75585;
}
.barre_nav li.li_nous a:hover,
.barre_nav li.li_nous_encour a  {
	color: #a75585;
	background: #d9eaf5;
}
.barre_nav li.li_informer a,
.barre_nav li.li_informer_encour a  {
	border-bottom-color: #e13f00;
}
.barre_nav li.li_informer a:hover,
.barre_nav li.li_informer_encour a {
	color: #e13f00;
	background: #d9eaf5;
}
.barre_nav li.li_projets a {
	border-bottom-color: #f78000;
}
.barre_nav li.li_projets a:hover {
	color: #f78000;
	background: #d9eaf5;
}
.barre_nav li.li_reseau a,
.barre_nav li.li_reseau_encour a  {
	border-bottom-color: #f6a201;
}
.barre_nav li.li_reseau a:hover,
.barre_nav li.li_reseau_encour a {
	color: #f6a201;
	background: #d9eaf5;
}
.barre_nav li.li_accueil_encour a,
.barre_nav li.li_accueil_encour a:hover {
	background: #c3ddee;
	color: #4268a4;
	border-bottom-color: #4268a4;
}
.barre_nav li.li_projets_encour a,
.barre_nav li.li_projets_encour a:hover {
	background: #d9eaf5;
	color: #f78000;
	border-bottom-color: #f78000;
}
/**  nivo 2*/
#menu ul ul {
	display:none;
	margin:0;
}
#menu ul li:hover ul , #menu ul li.sfhover ul{
	display:block;
}
.barre_nav li ul {
	position: absolute;
	width: 189px; 
	background: url(../images/css/ss_menu.gif) no-repeat bottom left #ecf5fa;
	height: auto;
	padding: 0;
	z-index:+999999;
	top: 48px;
	left: -1px;
	zoom:1;
}
.barre_nav li li {
	float: none;
	font-size: 85%;
	font-weight: bold;
	background: non;
	padding: 0 0 0 0;
	z-index:+999999;
	margin: 0;
}
.barre_nav li.li_projets li a,
.barre_nav li.li_accueil li a,
.barre_nav li.li_projets_encour li a,
.barre_nav li.li_accueil_encour li a,
.barre_nav li.li_nous li a,
.barre_nav li.li_nous_encour li a,
.barre_nav li.li_informer li a,
.barre_nav li.li_informer_encour li a,
.barre_nav li.li_reseau li a,
.barre_nav li.li_reseau_encour li a   {
	float: none;
	display: block;
	background: url(../images/css/sepa_ss_menu.gif) no-repeat;
	height: auto;
	padding: 6px 15px 6px 10px;
	border-bottom: 0;
	color: #0a3c72;
}
.barre_nav li.li_projets li a:hover,
.barre_nav li.li_accueil li a:hover,
.barre_nav li.li_projets_encour li a:hover,
.barre_nav li.li_accueil_encour li a:hover,
.barre_nav li.li_nous li a:hover,
.barre_nav li.li_nous_encour li a:hover,
.barre_nav li.li_informer li a:hover,
.barre_nav li.li_informer_encour li a:hover,
.barre_nav li.li_reseau li a:hover,
.barre_nav li.li_reseau_encour li a:hover {
	color: #fff;
}
.barre_nav li.li_projets li a:hover,
.barre_nav li.li_projets_encour li a:hover{
	background: #f78000;
}
.barre_nav li.li_nous li a:hover,
.barre_nav li.li_nous_encour li a:hover {
	background: #a75585;
}
.barre_nav li.li_informer li a:hover,
.barre_nav li.li_informer_encour li a:hover {
	background: #e13f00;
}
.barre_nav li.li_reseau li a:hover,
.barre_nav li.li_reseau_encour li a:hover {
	background: #f6a201;
}
/*****************************************
****************** FOOTER *************
******************************************/
#footer {
	/**background: url(../images/css/bg_footer.gif) repeat-y top center;**/
}
.acces_rapide {
	background: url(../images/css/bg_lien_rapide.gif) repeat top center;
	padding: 10px 0 0 0;
	margin:auto;
}

#footer a {
	color: #0a3c72;
}
#footer .inside {
	width: 800px;
	text-align: center;
	margin: 0 auto;
	padding: 10px 0 0 0;
	color: #464952;
}
#footer .inside ul  {
	padding: 0 0 10px 0;
}
#footer .inside li  {
	display: inline;
}
#footer .inside p  {
	padding: 0 0 14px 0;
}
#footer .inside ul.partenaires  {
	padding:0 260px 74px 0;
	width: 280px;
	background: url(../images/css/bg_footer01.jpg) no-repeat top right;
	margin: 0 auto;
}
#footer .inside .partenaires li  {
	padding: 0 1px;
	float:left;	
}
#footer .acces_rapide .inside {
	text-align: left;
	padding: 12px 0 15px 70px;
	font-size: 110%;
}
#footer .acces_rapide .inside ul  {
	padding: 0;
}
#footer .acces_rapide .inside li  {
	display: block;
	font-weight: bold;
	float: left;
	width: 160px;
	text-transform: uppercase;
	padding: 0 0 2px 0;
}
#footer .acces_rapide .inside li li  {
	font-weight: normal;
	text-transform: none;
	float: none;
}
/*****************************************
****************** CONTENEUR *************
******************************************/
#conteneur {
	width: 950px;
	text-align: left;
	margin: 0 auto 27px auto;
}
#conteneur h3{
 	font-family: Verdana, Arial, Helvetica, sans-serif;
}
#conteneur h2 {

	font-weight: bold;
	font-size: 144.5%;
}
#conteneur .centre h2 {

}
.col_gauche {
	width: 193px;
	margin: 0 19px 0 -2px;
	float: left;
}
.centre {
	width: 554px;
	margin: 0 0 0 0;
	float: left;
}
.col_droite {
	width: 170px;
	margin: 0 -2px 0 0;
	float: right;
	position: relative;
	overflow-x: hidden;
}
.fil_ariane {
	color: #005ba6;
	font-size: 133.5%;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	margin: 0 0 6px 0;
	position: static;
	zoom : 1;
	z-index: +9;
}
.fil_ariane a {
	color: #005ba6;
}
.fil_ariane li {
	display: inline;
}
.fil_ariane li.encour {
	font-soze: 92%;
	font-weight: normal;
}

.barre_liens {
	width: 800px;#
	border-top: 1px solid #fff;
	margin-right: -0px;#   
}
.barre_liens {
	padding: 7px 0 0 0;#
}
.barre_nav {
	padding:0;#
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
    div.barre_nav  {
		padding: 4px 0 0 0;
	}
	.acces_rapide {
		margin: 0;
	}
    
  }
