@font-face {
    font-family: 'sansationregular';
    src: url('../fonts/Sansation-Regular.eot');
    src: url('../fonts/Sansation-Regular.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Sansation-Regular.woff') format('woff'),
         url('../fonts/Sansation-Regular.ttf') format('truetype'),
         url('../fonts/Sansation-Regular.svg#sansationregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

 

html, body, address, blockquote, div, dl, form, h1, h2, h3, h4, h5, h6, ol, p, pre, table, ul,
dd, dt, li, tbody, td, tfoot, th, thead, tr, button, del, ins, map, object,
a, abbr, acronym, b, bdo, big, br, cite, code, dfn, em, i, img, kbd, q, samp, small, span,
strong, sub, sup, tt, var, legend, fieldset {
	margin: 0;
	padding: 0;
}
html{

}
body {
	font: .81em/150% Arial, Helvetica, sans-serif;
	color: #373535;
	background: #EDEDED;
	  background-color: #94C0F1;
  background-image: url(../img/nuage.jpg);
  background-position: 50% 0%;
  background-repeat: repeat-x;
}

/*********Image**************/

a img, a img:visited, a img:hover, a img:active {
	border:0px;
}
img, fieldset {
	border: 0;
}
img {
	max-width: 100%;
	height: auto;

}

/*********Lien**************/

a {
	color: #1696BB;
	text-decoration: none;
	outline: none;
}
a:hover {
	text-decoration: underline;
}

/*********Paragraphe***********/

p {
	margin: 0.8em 0 1.2em;
	padding: 0px;
}

/*********Liste***********/

ul, ol {
	margin: 1em 0 1.4em 24px;
	padding: 0;
	line-height: 140%;
}
li {
	margin: 0 0 .5em 0;
	padding: 0;
}

/*********Titre***********/

h1, h2, h3, h4, h5, h6 {
	line-height: 1.4em;
	margin: 0.4em 0;
	color: #000;
}
h1 {
clear: both;
font-size: 18px;
font-weight: normal;
text-transform: uppercase;
color: #1696BB;
}

#content_interne h1  a.h1lien:link, #content_interne h1 a.h1lien:visited, #content_interne h1 a.h1lien:active,  #content_interne h1 a.h1lien:hover {
   
    color: #1696BB;
    display: block;
    font: bold 17px "Trebuchet MS",Arial,Helvetica,sans-serif;
    margin: 12px 0 2px;
    padding: 0 0 0 25px;
    text-decoration: none;
    text-transform: uppercase;
}
h2 {
    clear: both;
  font-size: 18px;
  font-weight: normal;
  text-transform: uppercase;
  color: #1696BB;
  margin-top:25px;
}
h3 {
	font-size: 1.1em;
}
h4 {
	font-size: 1em;
}
h5 {
	font-size: 0.9em;
}
h6 {
font-size: 0.5em;
}

/*********Formulaire***********/

#contact .msgErreurContact{
    background-color: #1795BB;
    border-radius: 5px;
    color: #FFFFFF;
    margin: 0 auto 10px;
    padding: 15px 0 0;
    text-align: center;
    width: 200px;
}
#contact strong, #contact b{
	color:#333;
}
#contact .msgErreurContact b{
	color:#fff;
}
#contact p{
	line-height: 16px;
}
#contact form strong, #contact form b{
	color:#666;
}
#contact input, #contact textarea {
    background-image: url("../img/fd_input.gif");
    background-position: 0 0;
    background-repeat: no-repeat;
    border: 1px solid #CCCCCC;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	
    color: #333333;
    font-size: 11px;
    font-weight: normal;
    padding: 7px 4px;
}
#contact input.valider{
	border:0px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	
	margin:0px;
	padding:0px;
}
#contact_msg_retour{
	font-weight:bold;
	padding:20px 0px;
	text-align:center;
}
p.monChampSpecial{
	display:none;
}
/*********Texte***********/

.tpTexte{
    color: #666666;
    font-size: 12px;
    line-height: 16px;
	margin:0px 0px 5px 0px;
}
a.tpTexte, a.tpTexte:visited, a.tpTexte:hover, a.tpTexte:active  {

}
.tpTexte p{

}
.legende{
	text-align:center;
	font-size:10px;
}

/*********Positionnement des images***********/

.imgLeft {
	float: left;
	margin:0px 10px 5px 0px;
	text-align:center;
}
.imgRight {
	float: right;
	margin:0 0px 5px 10px;
	text-align:center;
}
.imgTop {
	margin-bottom: 10px;
	margin-top: 10px;
	text-align:center;
}
.imgBottom {
	margin-top: 10px;
	text-align:center;
}


.clear {
	clear: both;
	font-size: 0px;
	height: 10px;
	margin: 0px;
	padding: 0px;
	visibility: hidden;
}


/*********Icones***********/

a.pdf, a.pdf:link, a.pdf:hover, a.pdf:visited, a.pdf:active{
	background: url(/icones/pdf.gif) left top no-repeat;
	background-position: 0 .0em;
	font: 12px Arial, Helvetica, sans-serif;
	font-weight: bold;
	height: 14px;
	padding-left: 18px;
}
a.doc, a.doc:link, a.doc:hover, a.doc:visited, a.doc:active{
	background: url(/icones/doc.gif) left top no-repeat;
	background-position: 0 .0em;
	font: 12px Arial, Helvetica, sans-serif;
	font-weight: bold;
	height: 14px;
	padding-left: 18px;
}
a.xls, a.xls:link, a.xls:hover, a.xls:visited, a.xls:active{
	background: url(/icones/xls.gif) left top no-repeat;
	background-position: 0 .0em;
	font: 12px Arial, Helvetica, sans-serif;
	font-weight: bold;
	height: 14px;
	padding-left: 18px;
}

/****************************************************************/
/****************************CONTENU*****************************/
/****************************************************************/

#conteneur {
	width: 1000px;
	margin: 0 auto;
	
	width: 1020px;
  margin: 15px auto;
  -moz-box-shadow: 0px 2px 12px #8B8686;
  -webkit-box-shadow: 0px 2px 12px #8B8686;
  box-shadow: 0px 2px 15px #8B8686;
  background: white;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}

/**Entete**/

#entete {
	background:url(../fichiers/img/site/fond3.png) top center no-repeat;
	position: relative;
	height: 493px;
}
#entete2 {
	background:url(../fichiers/img/site/fond3.png) top center no-repeat;
	position: relative;
	height: 166px;
}
.haut{
	height:140px;
}

img.logo{
	margin:13px 0 0 18px;
}
.site-logo a {
	text-decoration: none;
}

/**Colonne**/

#sidebar, #sidebarinterne {
	
	float: left;
	min-height:600px;
    margin: 26px 0 0 34px;
    width: 230px;
}
#sidebarinterne {
	
	
	min-height:300px;
  
}
.espacejeunesse1 img{
	-moz-border-radius: 10px 10px 0px 0px;
	-webkit-border-radius: 10px 10px 0px 0px;
	border-radius: 10px 10px 0px 0px;
	
	display:block;
}
.espace_bloc{
	margin:0px 0px 15px 0px;
}
.mobileniv1{
	display:none;
}

/**Contenu**/

#content {
	float: left;
	margin: 26px 0px 0px 30px;
	padding: 0px 0px;
	width: 490px;
	z-index:1;
}
#content2 {
	float: left;
	margin: 26px 0px 0px 20px;
	padding: 0px 0px;
	width: 700px;
}
#content3 {
	float: left;
	margin: 0px 0px 0px 20px;
	padding: 0px 0px;
	width: 700px;
}
#content_interne {
	float: left;
	margin: 6px 0px 0px 20px;
	padding: 0px 0px;
	width: 700px;
}
#sidebar2{
	display:none;
}
.content_header{
	float: left;
	margin: 26px 0px 0px 20px;
	padding: 0px 0px;
	width: 700px;
}
/*
#content {
    margin: 26px 0 0 275px;
    padding: 0;
    position: absolute;
    width: 490px;
}
#content2 {
    margin: 26px 0 0 275px;
	padding: 0px 0px;
    position: absolute;
	width: 700px;
}*/
.espacejeunesse2{
	display:none;
}
.magazine2{
	display:none;
}
/**Colonne droite**/
#sidebar_droite {
	float: right;
    margin: 26px 25px 0 0px;
    width: 190px;
}
#sidebar_droite_interne{
	float: right;
    margin: 10px 25px 0 0px;
    width: 190px;
}
/**Fil d'ariane**/

#chemin, #divDansChemin{
	color:#1696bb;
	font-size:11px;
}
#divDansChemin a:link, #divDansChemin a:hover,#divDansChemin a:visited,#divDansChemin a:active{
	color:#999999;
}

/**Add This**/

.addthis_native_toolbox {
   
    
	clear:both;
    height: 28px;
	margin:0px 0px 0px 0px;
    padding: 12px 0 0;
}
#atstbx{
	float:right;
	
}
.addthis_bloc .addthis_partagez{
    color: #52545B;
    float: right;
    font-family: "Trebuchet MS",Arial;
    font-size: 13px;
    font-weight: bold;
    letter-spacing: 0.6px;
    padding: 0 7px 0 0;
    text-transform: uppercase;
}

/****************************************************************/
/*************************ACCESSIBILITE**************************/
/****************************************************************/

.accessibilite {
    position: absolute;
    right: 50px;
    top: 45px;
}
.accessibilite a:link, .accessibilite a:hover, .accessibilite a:visited, .accessibilite a:active{
	color:#24418f;
}
img.img_malvoyant{
	float:right;
	margin:0px 0px 0px 5px;
}
div.lien_malvoyant{
	float:right;
	width:150px;
}

/****************************************************************/
/**************************RECHERCHER****************************/
/****************************************************************/

.recherche {
   
    height: 32px;
    padding: 0 0 0 35px;
    position: absolute;
    right: 45px;
    top: 88px;
    width:255px;
}
.recherche #recherche_cadre #rech form#cse-search-box input#rechTxt{
	border:1px solid #CDCDCD;
	color:#666;
    float: left;
    font-size: 11px;
    height: 15px;
	padding:5px;
    width: 190px;
}
.recherche input#rechBou{
	float: left;
    margin: 0 0 0 8px;
}

/****************************************************************/
/*******************************WALL*****************************/
/****************************************************************/

.wall_encart{
	max-width:950px;
	margin:0px auto;
	position:relative;
}
.wall_encart .rslides_nav {
width: 41px;
height: 50px;
padding-top: 0px;
display: block;
overflow: hidden;
position: absolute;
top: 45%;

z-index: 99999999999999999;
}
.wall_encart .leprev {
	font-size: 35px;
z-index: 99999999999999999999;
color: white;
padding: 7px;
background: rgba(56, 54, 54, 0.44);
-webkit-border-top-right-radius: 10px;
-webkit-border-bottom-right-radius: 10px;
-moz-border-radius-topright: 10px;
-moz-border-radius-bottomright: 10px;
border-top-right-radius: 10px;
border-bottom-right-radius: 10px;
}


.wall_encart .lenext {
	font-size: 35px;
z-index: 99999999999999999999;
color: white;
padding: 7px 10px 7px 10px;
background: rgba(56, 54, 54, 0.44);
-webkit-border-top-left-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
-moz-border-radius-topleft: 10px;
-moz-border-radius-bottomleft: 10px;
border-top-left-radius: 10px;
border-bottom-left-radius: 10px;
}


.wall_encart .rslides_nav.next {
	
	right:0%;
}
.rslides {
	list-style: none;
	margin: 0;
	padding: 0;
	position: relative;
	overflow: hidden;
	width: 100%;
}
.rslides li {
	display: none;
	left: 0;
	position: absolute;
	margin:0px;
	padding:0px;
	top: 0;
	width: 100%;
}
.rslides li:first-child {
	display: block;
	float: left;
	margin:0px;
	padding:0px;
	position: relative;
}
.rslides img {
	border: 0;
	display: block;
	float: left;
	height: auto;
	width: 100%;
	-webkit-border-top-left-radius: 10px;
-webkit-border-top-right-radius: 10px;
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
}
.rslides {
	margin: 0 auto 40px;
}

.rslides {
	list-style: none;
	margin: 0 auto 40px;
	overflow: hidden;
	padding: 0;
	position: relative;
	width: 100%;
}

.wall {
	background-color:#fff;
	list-style: none;
	padding: 0;
	position: relative;
	margin: 0 auto;
	overflow: hidden;
	width: 100%;
}

/**texte**/
  
.wall .texte {
	background: rgba(8, 8, 8, 0.75);
}
.wall .texte {
bottom: 7%;
color: #FFFEFE;
font-size: 12px;
line-height: 18px;
margin: 0;
padding: 1.1% 1.5% 1.5% 1.5%;
position: absolute;
right: 5%;
width: 58%;
}
.wall .texte h1 {
color: #FDFDFD;
font-size: 25px;
font-weight: bold;
margin: 0px;
text-transform: uppercase;
}
.wall .texte h1 a:link,.wall .texte h1 a:hover,.wall .texte h1 a:visited,.wall .texte h1 a:active{
	color: #fb8e54;
text-decoration: none;
}
.wall .texte .sous_titre {
border-top: 1px solid #CCCCCC;
line-height: 30px;
margin: 2px 0 0;
padding: 5px 0 0;
 font-size: 20px;
}

/**navigation**/

#wallTouteLactualite {
	background: #85FF33;
	width: 137px;
	height: 0;
	padding-top: 5px;
	display: block;
	overflow: hidden;
	position: absolute; 
	left:0%;
	top: 84%;
	z-index: 100;
	color:white;
	height:30px;
	border-radius: 0px 8px 8px 0px;
-moz-border-radius: 0px 8px 8px 0px;
-webkit-border-radius: 0px 8px 8px 0px;
}
ul.rslides_tabs {
	display: none;
	
	left:0%;
	margin:0px;
	padding: 7px 17px; 
	
}
.rslides_tabs li {
	display: inline-block;
	margin: 0 0 0 5px;  
}
.rslides_tabs a {
	background: url(../img/wall/bg_control_nav.png) no-repeat; 
	color:#fff;
	cursor: pointer;
	display: block;
	height: 18px;
	text-align:center; 
	width: 18px;  
}

.rslides_tabs a:hover {
	background-position: 0 -18px;
	color:#fff;
	text-align:center;
	text-decoration:none;
}
.rslides_tabs li:first-child {
	margin: 0;
}
.rslides_tabs .rslides_here a {
	background-position: 0 -36px; 
	color:#fff; 
	cursor: default;
	text-align:center;
}

/**Interne**/

.wall_encart2{
	border-bottom:1px dotted #999999;
	float: left;
	margin: 17px 0 4px 20px;
	position:relative;
	padding: 0px 0px;
	width: 700px;
}
.wall_encart2 .rslides_tabs{
	display:none;
}
.titre_interne {
    background-color: #1696BB;
    border-radius: 0px 15px 15px 0px;
	-moz-border-radius: 0px 15px 15px 0px;
	-webkit-border-radius: 0px 15px 15px 0px;
	
    bottom: 20%;
    color: #FFFFFF;
    font-family: "Trebuchet MS",Arial;
    font-size: 16px;
    font-weight: bold;
    padding: 5px 15px;
    position: absolute;
    z-index: 10;
}
.wall_encart2 a.prev:link, .wall_encart2 a.next:link{
    background-color: #1696BB;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	
    bottom: 20%;
    color: #FFFFFF;
    display: block;
    position: absolute;
    right: 7%;
    text-align: center;
    text-decoration: none;
    width: 20px;
}
.wall_encart2 a.prev:link{
    right: 7%;
}
.wall_encart2 a.next:link{
	right:3%;
}
.wall_encart2 .wall .texte{
	padding:1.2% 1.5% 4% 1.5%;
}
.wall_encart2  .wall .texte h1{
    font-size: 14px;
    font-weight: bold;
}
.wall_encart2 .wall .texte h1 a:link,.wall_encart2 .wall .texte h1 a:hover,.wall_encart2 .wall .texte h1 a:visited,.wall_encart2 .wall .texte h1 a:active{
	color:#333; 
	text-decoration:none;
}
.consultation_link {
    margin: 0 0 10px;
    text-align: right;
}
.consultation_link a:link, .consultation_link a:hover, .consultation_link a:visited, .consultation_link a:active{
	background-color:#149ac0;
	color:#fff;
	font-size:11px;
	padding:2px 5px;
	text-decoration:none;
}
.wall_encart2 ul{
	margin:0px;
	padding:0px;
}
/**Liste**/

#wallactu #categorie{
	background:url("../img/fleche_recherche.png") no-repeat scroll 5px 14px transparent;
    border-bottom: 1px dotted #999999;
    height: 46px;
    padding: 10px 0 0 40px;
}
#wallactu label{
	display:none;
}
select#categorieactu{
	border:1px solid #CCCCCC;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	
	color:#666666;
	padding:5px;
	width:175px;
}
.listeactu1{
   
    float: left;
    height: 326px;
      margin: 0 5% 5% 0;
    overflow: hidden;
	position:relative;
   width: 45%;
}
.listeactu2{
    border-bottom: 1px dotted #CCCCCC;
    float: left;
    height: 326px;
    margin: 0 0% 2% 2%;
    overflow: hidden;
	position:relative;
    width: 48%;
}
.listeactu1 .actu_photo img,.listeactu2 .actu_photo  img {
    max-width: 580px;
}
.listeactu1 .sous_titre, .listeactu2 .sous_titre {
    height: 62px;
    line-height: 17px;
    overflow: hidden;
}
.listeactu1 .actu_photo, .listeactu2 .actu_photo, .listeactu1 .actu_photo2 , .listeactu2 .actu_photo2{
    height: 190px;
    margin: 0 0 10px;
    overflow: hidden;
}
.listeactu1 h2, .listeactu2 h2 {
    color: #1696BB;
    font-size: 18px;
    font-weight: normal;
    height: 40px;
    line-height: 20px;
    margin: 0;
    overflow: hidden;
    text-transform: uppercase;
}
.listeactu1 .divsuite, .listeactu2 .divsuite{
	bottom:0px;
	position:absolute;
	right:0px;
}
.listeactu1 .divsuite a:link, .listeactu1 .divsuite a:active, .listeactu1 .divsuite a:visited, .listeactu2 .divsuite a:link, .listeactu2 .divsuite a:active, .listeactu2 .divsuite a:visited {
    background-color: #1696bd;
    color: #FFFFFF;
    font-size: 11px;
    padding: 3px 8px;
}
.listeactu1 .divsuite a:hover, .listeactu2 .divsuite a:hover{
    background-color: #0c4759;
	text-decoration:none;
}


/**Interne**/

#wallactu h1{
	color:#1696bb;
}
#wallactu .sousTitre{
    color: #333333;
    font-size: 12px;
    font-weight: bold;
    line-height: 16px;
}
#wallactu .informationretour{
    padding: 0;
    text-align: right;
}
#wallactu  .informationretour a:link, #wallactu  .informationretour a:active, #wallactu .informationretour a:visited {
    background-color: #1696bd;
    color: #FFFFFF;
    font-size: 11px;
    padding: 3px 8px;
    text-decoration: none;
}
#wallactu  .informationretour a:hover{
    background-color: #0c4759;
	text-decoration:none;
}

/****************************************************************/
/**********************NAVIGATION HORIZONTALE********************/
/****************************************************************/

.tinynav { 
	display: none;
}
label.tinynav_label{
	display: none;
}
.menu_horizontal{
	background:#C35222;
	height: 44px;
    margin: 0 auto;
    max-width: 950px;
    position: relative;
    z-index: 1000;
}

/**separateur**/

#menu li.separateur{ 
	float : left;
	margin : 0; 
}
#menu li.separateur img{ 
	display:block;
}

/**accueil bouton**/

#menu li.accueil_bouton{
	padding:0px;
}
#menu li.accueil_bouton a {
height: 44px;
background:#1C6AB6;
width: 40px;
padding:0;
}
#menu li.accueil_bouton a:link img{
	padding:0px;
	margin:0px;
}
#menu li.accueil{
	display:none;
	padding:0px;
}

/**Affichage du bouton menu**/

.toggleMenu {
    display:  none;
    color: #fff;
    background: #666;
    padding: 10px 15px;

}

/**Navigation**/

#menu, ul#menu  {
	padding : 0; 
	margin : 0; 
	list-style : none;
	line-height : 21px; /* on d�finit une hauteur pour chaque �l�ment */
	text-align : center; /* on centre le texte qui se trouve dans la liste */
	position: relative;
	z-index:100;
}
#menu {
	font-weight : bold; 
	font-family : "Trebuchet MS", Arial; 
	font-size : 13px; 
    list-style: none;
	text-transform:uppercase;
}
#menu li{ 
	margin : 0; 
}
#menu a {
    color:#fff;
}
#menu li {
    
}
#menu > li {
    float: left;
    color: #FFFFFF;
	border-right: 1px #EDEDED solid;
}
#menu > li:last-child{border-right:none; }

#menu > li > a {
    display: block;
	height: 33px;
font-size: 12px;
font-weight: bold;
padding: 11px 10px 0 10px;
text-decoration: none;
font-family: 'sansationregular';
}
#menu li  ul {
    position: absolute;
    left: -9999px;
	z-index:5;
}

/*Navigation niv1*/

#menu > li > .parent {
   
    height: 33px;
    font-size: 12px;
    font-weight: bold;
    padding: 11px 10px 0 10px;
    text-decoration: none;
	font-family: 'sansationregular';
}


#menu > li > .parent::after {
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
	font-family: "FontAwesome"; content: "\f107";margin-left:5px;
  }


#menu > li.hover > .parent {
}
#menu > li > .navOff {
}
#menu > li > .navOn {
    background: url("../img/fd_menu_on.jpg") repeat-x scroll right top transparent;
}
#menu > li.li81 > .parent {
    background: url("../img/fd_menu_off.jpg") repeat-x scroll left top transparent;
}
#menu > li.li81 > .navOn {
    background: url("../img/fd_menu_on.jpg") repeat-x scroll left top transparent;
}
/*Sous navigation niv2*/

#menu > li.hover > ul {
	left: auto;
    list-style : none;
	margin: 0;
    padding: 0;
	z-index:20;
	border-top: 1px dotted #EDEDED;
}

#menu > li.hover,#menu > li.act {
	
	background-color: #1C6AB6;
}




#menu > li.hover > ul li {
border-bottom: 1px dotted #EDEDED;
margin: 0;
padding: 10px;
text-align: left;
width: 170px;
background: rgb(28, 106, 182);
}
#menu li li a {
	color : #fff; 
    display: block;
    font-size: 12px;
	font-weight:bold;
    position: relative;
    z-index:100;
    text-transform: none;
    text-decoration: none;
}
#menu li li.hover a {
	color : #efefef; 
}
#menu li li.liOff2 {
	background-color: #149CC3;
}
#menu li li.liOn2 {
	background-color : #074557; 
}

#menu > li.hover > ul#nav2Niv33 li{
	width: 145px;
}
#menu > li.hover > ul#nav2Niv32 li{
	width: 135px;
}

/****************************************************************/
/*********************NAVIGATION VERTICALE***********************/
/****************************************************************/

#sidebarinterne #nav{
	border:1px solid #d2d2d2;
}

/*Niveau 2*/

.menu_niv2 div.menu_nivoff2{
	background: #C35222;
	padding:10px 15px 13px 16px;
	  border-bottom: 1px solid #EDEDED;
}
.menu_niv2 a.menu_nivoff2:link,.menu_niv2 a.menu_nivoff2:visited,.menu_niv2 a.menu_nivoff2:active{
	
	color:#fff;
	display:block;
	font-weight:bold;
	font-size:13px;
	padding:0 14px 0 0;
	text-decoration:none;
}
.menu_niv2 a.menu_nivoff2:hover{
	color:#ccc;
	font-size:13px;
	text-decoration:none;
}
.menu_niv2 div.menu_nivon2{
	background:#1C6AB6;
	color:#fff;
	padding:10px 15px 13px 16px;
	  border-bottom: 1px solid #EDEDED;
}
.menu_niv2 a.menu_nivon2:link,.menu_niv2 a.menu_nivon2:visited,.menu_niv2 a.menu_nivon2:active, .menu_niv2 a.menu_nivon2:hover{
	
	color:#fff;
	display:block;
	font-weight:bold;
	font-size:13px;
	padding:0 14px 0 0;
	text-decoration:none;
}

/*Niveau 3*/

.menu_niv3 div.menu_nivoff3{
	border-bottom:1px solid #e0e0e0;
	padding:10px 20px;
}
div.menu_nivoff3 a.menu_nivoff3:link,div.menu_nivoff3 a.menu_nivoff3:visited,div.menu_nivoff3 a.menu_nivoff3:active{
    background: url("../img/puce_grise.jpg") no-repeat scroll 0 3px transparent;
    color: #999;
	font-size:12px;
    padding: 0 0 0 11px;
	text-decoration:none;
}
div.menu_nivoff3 a.menu_nivoff3:hover{
    color: #666;
	font-size:12px;
}
.menu_niv3  div.menu_nivon3{
	border-bottom:1px solid #e0e0e0;
	padding:10px 20px;
}
div.menu_nivon3 a.menu_nivon3:link,div.menu_nivon3 a.menu_nivon3:visited,div.menu_nivon3 a.menu_nivon3:active, div.menu_nivon3 a.menu_nivon3:hover{
	background:url("../img/puce_rose.jpg") no-repeat scroll 0 3px transparent;
	color:#ed2b74;
	font-size:12px;
    padding: 0 0 0 11px;
	text-decoration:none;
}

/*Niveau 4*/
.menu_cadre_niv4 {
	border-bottom:1px solid #CCCCCC;
	padding:10px 0px;
}
.menu_niv4 div.menu_nivoff4{
    margin: 0 20px;
    padding: 2px 20px 2px 10px;
}
div.menu_nivoff4 a.menu_nivoff4:link,div.menu_nivoff4 a.menu_nivoff4:visited,div.menu_nivoff4 a.menu_nivoff4:active{
	background:none;
    color: #999;
	font-size:11px;
    padding: 0 0 0 11px;
	text-decoration:none;
}
div.menu_nivoff4 a.menu_nivoff4:hover{
    color: #666;
}
.menu_niv4  div.menu_nivon4{
    margin: 0 20px;
    padding: 2px 20px 2px 10px;
}
div.menu_nivon4 a.menu_nivon4:link,div.menu_nivon4 a.menu_nivon4:visited,div.menu_nivon4 a.menu_nivon4:active, div.menu_nivon4 a.menu_nivon4:hover{
	background:none;
	color:#f86d07;
	font-size:11px;
    padding: 0 0 0 11px;
	text-decoration:none;
}

/*Menu clic En actualites Actualit�*/

.menu_niv2_aab{
	border:1px solid #d2d2d2;
}
.menu_niv2_aab div.menu_nivoff2{
	background:url(../img/fd_nav_gauche_off.jpg) no-repeat bottom left;
	padding:12px 15px 15px 16px;
}
.menu_niv2_aab a.menu_nivoff2:link,.menu_niv2_aab a.menu_nivoff2:visited,.menu_niv2_aab a.menu_nivoff2:active{
	background:url(../img/fleche_menu_gauche_offd.png) no-repeat right center;
	color:#fff;
	display:block;
	font-weight:bold;
	font-size:14px;
	padding:0 14px 0 0;
	text-decoration:none;
}
.menu_niv2_aab a.menu_nivoff2:hover{
	color:#ccc;
	font-size:14px;
	text-decoration:none;
}
.menu_niv2_aab div.menu_nivon2{
	background:url(../img/fd_nav_gauche_on.jpg) no-repeat bottom left;
	color:#fff;
	padding:12px 15px 15px 16px;
}
.menu_niv2_aab a.menu_nivon2:link,.menu_niv2_aab a.menu_nivon2:visited,.menu_niv2_aab a.menu_nivon2:active, .menu_niv2_aab a.menu_nivon2:hover{
	background:url(../img/fleche_menu_gauche_ond.png) no-repeat right center;
	color:#fff;
	display:block;
	font-weight:bold;
	font-size:14px;
	padding:0 14px 0 0;
	text-decoration:none;
}

/****************************************************************/
/*****************************ACCUEIL****************************/
/****************************************************************/

/**conseil culture**/

.conseil_culture{
	float:left;
	margin:0px 8px 0px 0px;
	position:relative;
}
.conseil_culture .photo{
    margin-left: 52%;
    position: absolute;
    width: 45%;
}

/**les menus**/

.menus {
    float: left;
    margin: 0px 0 0;
    position: relative;
}
.menus img.cadre{
	top:21px;
}
.fd_menus {
    bottom: 2px;
    color: #FFFFFF;
    font-weight: bold;
    height: 40px;
    left: 1%;
    padding: 1px 0 0;
    position: absolute;
    right: 1%;
    text-align: center;
    width: 99%;
}
.fd_menus a:link, .fd_menus a:hover, .fd_menus a:visited, .fd_menus a:active{
    color: #FFFFFF;
	font-family:Arial;
	font-size:14px;
	text-transform:uppercase;
	text-decoration:none;
}

/**gardez le contact**/

.gardez_contact{
	float:left;
	margin:10px 8px 0px 0px;
	position:relative;
}

/**la ville en image**/

.ville_en_image{
	float:left;
	margin:10px 0px 0px 0px;
	position:relative;
}

/**carte interactive**/

.carte{
	float:left;
	margin:15px 8px 0px 0px;
	position:relative;
}
#container_carte{position: absolute; left: 0px; top: 0px; overflow: hidden; width: 100%; height: 100%; z-index: 0;}
#container_carte #map{height:1000px;margin:auto;}
#container_carte img {
	height: auto;
	max-width: none;
}
/**la ville en vid�o**/

.video{
	float:left;
	margin:15px 0px 0px 0px;
	position:relative;
}

/****************************************************************/
/***********************MAIRIE A VOTRE SERVICE*******************/
/****************************************************************/

.echo{
	width:100%;
}
.img_echo{
	background:url(../img/t_fd_vert.jpg) no-repeat top right;
	overflow:hidden;
}
.img_echo img{
	max-width:none;
	margin:0px 0px 0px 13px;
}
.echo_corps {
    padding: 0px 0 9px;
}
.nav_m {
    background-color: #8CB40E;
    border-left: 4px solid #8CB40E;
   
    margin: 0 auto 0px;
    padding: 0px 0 0 3px;
    width: 223px;
}
a.lien_avs:link, a.lien_avs:hover, a.lien_avs:active, a.lien_avs:visited {
    color: #FFFFFF;
    display: block;
    font: bold 14px Arial;
    padding: 4px 0 10px 9px;
    text-decoration: none;
}
a#nav_lien_m106:hover,a#nav_lien_m105:hover,a#nav_lien_m104:hover,a#nav_lien_m103:hover,
a#nav_lien_m102:hover,a#nav_lien_m131:hover,a#nav_lien_m23:hover,
a#nav_lien2_m106:hover,a#nav_lien2_m105:hover,a#nav_lien2_m104:hover,a#nav_lien2_m103:hover,
a#nav_lien2_m102:hover,a#nav_lien2_m131:hover,a#nav_lien2_m23:hover{
   
}

/*Infos mairie*/



/*D�marches administratives*/

.da_info{
	background:url("../img/da_info.png") no-repeat scroll 1px 1px transparent;
	color:#333333;
    font-size: 18px;
    font-weight: bold;
    padding: 5px 0 5px 35px;
}
.da_online{
	background:url("../img/da_online.png") no-repeat scroll 1px 1px transparent;
	color:#333333;
    font-size: 18px;
    font-weight: bold;
    padding: 5px 0 5px 35px;
}

#nav_m105,#nav2_m105{}
a#nav_lien_m105:link,a#nav_lien_m105:active, a#nav_lien_m105:visited, a#nav_lien2_m105:visited ,
a#nav_lien2_m105:link,a#nav_lien2_m105:active, a#nav_lien2_m105:visited, a#nav_lien2_m105:visited{
	background:url("../img/picto_mairie_a_votre_service.png") 1px -50px no-repeat;
}
a#nav_lien_m105:hover{}

/*Publications municipales*/

#nav_m102, #nav2_m102{}
a#nav_lien_m102:link, a#nav_lien_m102:active, a#nav_lien_m102:visited,
a#nav_lien2_m102:link, a#nav_lien2_m102:active, a#nav_lien2_m102:visited{
	background:url(../img/picto_mairie_a_votre_service.png) 1px -102px no-repeat;
}

/*Offres d'emploi*/

#nav_m131, #nav2_m131{}
a#nav_lien_m131:link, a#nav_lien_m131:hover,a#nav_lien_m131:active, a#nav_lien_m131:visited,
a#nav_lien2_m131:link, a#nav_lien2_m131:hover,a#nav_lien2_m131:active, a#nav_lien2_m131:visited{
	background:url(../img/picto_mairie_a_votre_service.png) 2px -152px no-repeat;
}

/*Ecrire � la ville*/

#nav_m23, #nav2_m23{}
a#nav_lien_m23:link, a#nav_lien_m23:hover,a#nav_lien_m23:active, a#nav_lien_m23:visited,
a#nav_lien2_m23:link, a#nav_lien2_m23:hover,a#nav_lien2_m23:active, a#nav_lien2_m23:visited{
	background:url(../img/picto_mairie_a_votre_service.png) 1px -208px no-repeat;
}

/****************************************************************/
/******************************METEO*****************************/
/****************************************************************/

.accueil_meteo{
	
	-moz-border-radius: 0 10px 0 0px;
	-webkit-border-radius: 0 10px 0 0px;
	border-radius: 0 10px 0 0px;
	
	border:1px solid #cccccc;
	height:160px;
	position:relative;
	width:230px;
	
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzdkYjllOCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxZTU3OTkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  rgba(125,185,232,0) 0%, rgba(30,87,153,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(125,185,232,0)), color-stop(100%,rgba(30,87,153,1)));
background: -webkit-linear-gradient(top,  rgba(125,185,232,0) 0%,rgba(30,87,153,1) 100%);
background: -o-linear-gradient(top,  rgba(125,185,232,0) 0%,rgba(30,87,153,1) 100%);
background: -ms-linear-gradient(top,  rgba(125,185,232,0) 0%,rgba(30,87,153,1) 100%);
background: linear-gradient(to bottom,  rgba(125,185,232,0) 0%,rgba(30,87,153,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#007db9e8', endColorstr='#1e5799',GradientType=0 );

margin-top:27px;

}
.t_meteo{
	bottom:10%;
	position:absolute;
}
.texte_meteo {
    margin: 2% 0 0 17%;
    position: absolute;
    text-align: center;
}
.titre_meteo{
    color: #FF9900;
    font-size: 15px;
    font-weight: bold;
    padding: 10px 0 0;
    text-transform: uppercase;
}

.date_meteo {
    color: #666666;
    font-size: 12px;
    line-height: 10px;
    margin: 0;
    padding: 0;
}
.iframe_meteo{
}

/****************************************************************/
/***************************ACCES PRIVE***************************/
/****************************************************************/
.encart_ap {
    padding: 10px 0 10px 10px;
}

.encart_ap .msgErreurAp{
    background-color: #1795BB;
    border-radius: 5px;
    color: #FFFFFF;
    margin: 0 auto 10px;
    padding: 15px 0 0;
    text-align: center;
    width: 200px;
}
.encart_ap .msgErreurAp b{
	color:#fff;
}

.encart_ap input, .encart_ap textarea {
    background-image: url("../img/fd_input.gif");
    background-position: 0 0;
    background-repeat: no-repeat;
    border: 1px solid #CCCCCC;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	
    color: #333333;
    font-size: 11px;
    font-weight: normal;
    padding: 7px 4px;
    width: 110px;
}
.encart_ap label{
    font-weight: bold;
    margin: 0 0 0 5px;
}
.encart_ap input.valider{
    background-color: #31ADD1;
    background-image: none;
    border: 0 none;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
    color: #FFFFFF;
    cursor: pointer;
    margin: 0 0 0 5px;
    padding: 7px 5px;
    text-transform: uppercase;
    width: 32px;
}
/****************************************************************/
/******************************clic****************************/
/****************************************************************/

/**clic accueil**/
.media_clic{
	display:none;
}
#cadre_clic{
	background:#dad7d2;
    border-radius: 0px 10px 10px 10px;
	-moz-border-radius: 0px 10px 10px 10px;
	-webkit-border-radius: 0px 10px 10px 10px;
	
	
	margin:0px 0px 15px 0px;
	
}

.encart_clic {
min-height:404px;
}
.encart_clic .globalencartclic {
    padding: 3% 0 0 2%;
}
.img_encart_clic, .cadre_clic_interne .img_encart_clic{
	background:url(../img/t_fd_rose.jpg) no-repeat top right;
	overflow:hidden;
}
.img_encart_clic img, .cadre_clic_interne .img_encart_clic img{
	max-width:none;
}
.encartclic {
    float: left;
    padding: 0 0 5% 5%;
	overflow:hidden;
   
}
.cadre_clic_interne{
    background: url("../img/fd_clic.jpg") no-repeat scroll center top #DAD7D2;
	background-size:400px;
    border: 1px solid #CFCFCF;
    border-radius: 0px 10px 10px 10px;
	-moz-border-radius: 0px 10px 10px 10px;
	-webkit-border-radius: 0px 10px 10px 10px;
	
    padding: 0 0 20px;
    position: relative;
}
.cadre_clic_interne .encart_clic .globalencartclic{
    padding: 10% 0 0 0%;
}
.cadre_clic_interne .encartclic {
    padding: 0 10%;
    width: 80%;
}
/**Photo - date**/

.clic_photo {
	
}
.clic_photo .date1 {
    background: none repeat scroll 0 0 #EE2C75;
    border: 0 none;
    color: #FFFFFF;
    height: 47px;
    margin-left: 10px;
    margin-top: 50px;
    overflow: hidden;
    position: absolute;
    width: 47px;
}
#clic .clic_photo .date1 {
   margin-top: 138px;
}
#sidebarinterne .clic_photo .date1 {
   margin-top: 81px;
}
#cadre_clic .nor, .cadre_clic_interne .nor{
    /* bottom: 8px; */
}
#cadre_clic .def, .cadre_clic_interne .def{
    bottom: 13px;
}
.nor{
  /*   bottom: 0px; */
}
.def{
   /* bottom: 5px;*/
    bottom: 0px;
}
.clic_photo .date1 .mois {
    font-size: 11px;
    padding: 2px 0 0;
    text-align: center;
    text-transform: uppercase;
}
.clic_photo .date1 .jour {
    font-size: 24px;
    padding: 1px 0 0;
    text-align: center;
}
.clic_photo .photo img{
	background:url(../img/ombre_img_clic.png) bottom center no-repeat;
	padding:0px 0px 8px 0px;
}
.clic_photo  .date2{
	display:none;
}

/**Titre - texte**/
.cadre_clic_interne .encartclic h1 {
    color: #333333;
    font-size: 15px;
    font-weight: bold;
    line-height: 18px;
    margin: 0;
    overflow: hidden;
    padding: 2px 0 0px;
}
#cadre_clic .encartclic h1 {
    color: #333333;
    font-size: 15px;
    font-weight: bold;
   text-align:center;
    line-height: 18px;
    margin: 0;
    overflow: hidden;
    padding: 2px 0 0px;
	margin-top:10px;
}
.encartclic h1 a:link,.encartclic h1 a:visited,.encartclic h1 a:active,.encartclic h1 a:hover{
    color: #333333;
    font-size: 15px;
    font-weight: bold;
	text-decoration:none;
	text-transform:none;
}
.cadre_clic_interne .encartclic h1 a:link, .cadre_clic_interne .encartclic h1 a:visited, .cadre_clic_interne .encartclic h1 a:active, .cadre_clic_interne .encartclic h1 a:hover {
    margin: 0;
    padding: 0;
    text-transform: none;
}
.encartclic .categorie{
	height:17px;
	overflow:hidden;
}
.encartclic .categorie, .encartclic .categorie a:link, .encartclic .categorie a:hover, .encartclic .categorie a:visited, .encartclic .categorie a:active  {
    color: #ee2c75;
    font-size: 11px;
    font-weight: bold;
	text-decoration:none;
}
#cadre_clic .encartclic .date{
	height:28px;
	overflow:hidden;
}
.cadre_clic_interne .encartclic .date{
	margin:2px 0px 0px 0px;
}
.encartclic .date a.clicdate:link, .encartclic .date a.clicdate:hover, .encartclic .date a.clicdate:visited, .encartclic .date a.clicdate:active{
    color: #666666;
    font-size: 11px;
    line-height: 14px;
    text-decoration: none;
}
.encartclic .lieu{
    height: 17px;
    line-height: 14px;
    padding: 2px 0 0;
}
.encartclic .lieu, .encartclic .lieu a:link, .encartclic .lieu a:hover, .encartclic .lieu a:visited, .encartclic .lieu a:active {
    color: #666666;
    font-size: 11px;
	text-decoration:none;
}
.encartclic p, .encartclic p a:link, .encartclic p a:hover, .encartclic p a:visited, .encartclic p a:active {
    color: #666666;
    font-size: 11px;
	line-height:12px;
	text-decoration:none;
}


.cadre_clic_interne .encart_clic .consulter{
	position: absolute;
	margin-left: 40px;
	margin-top:0;
	
}
.encart_clic .consulter{
	position:absolute;
	margin-left: 320px;
	margin-top: 7px;
}
.encart_clic .consulter a:link, .encart_clic .consulter a:hover, .encart_clic .consulter a:active, .encart_clic .consulter a:visited {
	background:url(../img/fd_bt_consulter_clic.png) no-repeat top center;
    color: #333333;
    font-size: 11px;
    padding: 2px 10px 5px;
    text-decoration: none;
}

/**clic liste**/

.encartclic span.date{	}
.encartclic .titre{
	font-weight:bold;
}
.encartclic .sousTitre{
	font-size:11px;
}
.encartclic .lieu{}

/*clic listing*/

#clic{}
#clic label{
	display:none;
}
#clic #categorie{
	background:url("../img/fleche_rose.png") no-repeat scroll 5px 18px transparent;
    border-bottom: 1px dotted #999999;
    height: 46px;
    padding: 14px 0 0 40px;
}
select#categorieclic{
	border:1px solid #CCCCCC;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	
	color:#666666;
	padding:5px;
	width:175px;
}

.listeclic1{
    border-bottom: 1px dotted #CCCCCC;
    float: left;
    height: 326px;
    margin: 0 2% 2% 0;
    overflow: hidden;
	position:relative;
    width: 48%;
}
.listeclic2{
    border-bottom: 1px dotted #CCCCCC;
    float: left;
    height: 326px;
    margin: 0 0% 2% 2%;
    overflow: hidden;
	position:relative;
    width: 48%;
}
.listeclic1 .clic_photo .photo img,.listeclic2 .clic_photo .photo img {
    background: none;
    padding: 0 0 0px;
}
.listeclic1 .clic_photo .date1, .listeclic2 .clic_photo .date1{


}
.listeclic1 .clic_photo .photo, .listeclic2 .clic_photo .photo{
    height: 185px;
    margin: 0 0 10px;
    overflow: hidden;
}
.listeclic1 .clic_photo, .listeclic2 .clic_photo{
	margin:0px 0px 15px 0px;
}
.listeclic1 h2, .listeclic2 h2 {
    color: #ED2470;
    font-size: 18px;
    font-weight: normal;
    line-height: 20px;
    margin: 0;
    text-transform: uppercase;
}
.listeclic1 .categorie, .listeclic2 .categorie{
    background: url("../img/fleche_rose.gif") no-repeat scroll 0 7px transparent;
    color: #7D0F38;
    font-size: 11px;
    font-weight: bold;
    padding: 0 0 0 8px;
}
.listeclic1  .lieu, .listeclic2 .lieu{
	color:#666666;
	font-size:11px;
}
.listeclic1 .date, .listeclic2 .date{
	color:#666666;
	font-size:11px;
}
.listeclic1 .sousTitre, .listeclic2 .sousTitre{
    color: #666666;
    font-size: 12px;
    height: 45px;
    line-height: 15px;
    overflow: hidden;
}
.listeclic1 .tarif, .listeclic2 .tarif{}
.listeclic1 .suite, .listeclic2 .suite{
    bottom: 0;
    padding: 0;
    position: absolute;
    right: 0;
    text-align: right;
}
.listeclic1 .suite a:link, .listeclic1 .suite a:active, .listeclic1 .suite a:visited,
.listeclic2 .suite a:link,  .listeclic2 .suite a:active, .listeclic2 .suite a:visited{
    background-color: #ED2B74;
    color: #FFFFFF;
    font-size: 11px;
    padding: 3px 8px;
}
.listeclic2 .suite a:hover, .listeclic1 .suite a:hover{
	background-color:#a60e47;
	text-decoration:none;
}
#clic .pageNombre {
    clear: both;
    float: right;
    padding: 12px 0;
}
#clic .pageNombre b {
	background:url(../img/pagenombre2.jpg) no-repeat 0px 0px;
    color: #FFFFFF;
    display: block;
    float: left;
    font-size: 14px;
    font-weight: bold;
    height: 23px;
	margin: 0 2px 5px;
    padding: 4px 0 0;
    text-align: center;
    width: 27px;
}
#clic .pageNombre a:link, #clic .pageNombre a:visited, #clic .pageNombre a:active {
	background:url(../img/pagenombre2.jpg) no-repeat 0px -54px;
    color: #FFFFFF;
    display: block;
    float: left;
    font-size: 14px;
    font-weight: bold;
    height: 23px;
	margin: 0 2px 5px;
    padding: 4px 0 0;
    text-align: center;
    width: 27px;
}
#clic .pageNombre a:hover {
	background:url(../img/pagenombre2.jpg) no-repeat 0px -27px;
	text-decoration:none;
}

/*clic interne*/

.clicid{
	padding:0px 0px 0px 0px;
}
.clicid h1{
	color:#ED2B72;
    line-height: 19px;
}
.clicid .date{
	color:#ed2470;
	font-size:14px;
	font-weight:bold;
}
.clicid .sousTitre{
    color: #333333;
    font-size: 12px;
    font-weight: bold;
    line-height: 16px;
}
.clicid .tpTexte{}
.clicid .lien{}
.clicid .tarif{}

.clicid .categorie{
    background: url("../img/fleche_rose.gif") no-repeat scroll 0 7px transparent;
    color: #7D0F38;
    font-size: 11px;
    font-weight: bold;
    padding: 0 0 0 8px;
}
.clicid .clicretour{
	padding:0px 0px 0px 0px;
	text-align:right;
}
.clicid .clicretour a:link, .clicid .clicretour  a:active, .clicid .clicretour  a:visited{
	background-color:#ed2b74;
	color:#fff;
	font-size:11px;
	padding:3px 8px 3px 8px;
	text-decoration:none;
}
.clicid .clicretour  a:hover{
	background-color:#a60e47;
	text-decoration:none;
}
/****************************************************************/
/****************************EN actualites*****************************/
/****************************************************************/

/**Encart**/

#encart_actualites{
	position: relative;
	z-index: 0;
	background-color:#007698;
    border-radius: 0px 10px 10px 10px;
	-moz-border-radius: 0px 10px 10px 10px;
	-webkit-border-radius: 0px 10px 10px 10px;
	
}
.img_encart_actualites{
	background:url(../img/t_fd_bleu.jpg) no-repeat top right;
	overflow:hidden;
}
.img_encart_actualites img{
	max-width:none;
}
#encart_actualites .globalencartactualites {
    padding: 0 0 35px;
	margin:5px;
}
.encartactualites {
    background-color:#DAD7D2;
    margin: 10px 10px 0;
	margin: 7px 5px 12px 5px;
    padding: 8px 6px 7px 10px;
}
.encartactualites .titre ,.titre a.actualitestitre:link, .titre a.actualitestitre:hover, .titre a.actualitestitre:active, .titre a.actualitestitre:visited{
   color: #C35222;
font-size: 13px;
font-weight: bold;
line-height: 19px;
text-decoration: none;
}
.encartactualites .categorie{
	font-size: 11px;
    color: #0b4758;
	padding: 10px 0px 8px 7px;
}
.encartactualites .categorie a.catlink:link, .encartactualites .categorie a.catlink:hover, .encartactualites .categorie a.catlink:active, .encartactualites .categorie a.catlink:visited{
    color: #0b4758;
    font-size: 11px;
	text-decoration:none;
}
#encart_actualites a.actualiteslien {
	position: absolute;
	bottom: 0;
	left: 30px;
}
#encart_actualites a.actualiteslien:link, #encart_actualites a.actualiteslien:hover, #encart_actualites a.actualiteslien:active, #encart_actualites a.actualiteslien:visited{
	
    color: #FFFFFF;
    font-size: 11px;
    padding: 2px 15px;
	text-decoration:none;
}
#cadre_actualites_g .consulter a.actualiteslien:link,#cadre_actualites_g .consulter a.actualiteslien:hover,#cadre_actualites_g .consulter a.actualiteslien:visited,#cadre_actualites_g .consulter a.actualiteslien:active{
    left: 25%;
}

#nt-example1-container i {
  font-size: 20px;
  margin: 8px;
  cursor: pointer;
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -ms-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
  color:white;
}
.act {
		
  		margin-bottom: 20px;
	}
#nt-example1-container {
text-align: center;
}
.consulter {
display: inline-block;	
}

/**Listing**/

#enactualites{}
#enactualites h1{}

#enactualites #categorie{
	background:url("../img/fleche_recherche.png") no-repeat scroll 5px 14px transparent;
    border-bottom: 1px dotted #999;
    height: 46px;
    padding: 10px 0 0 40px;
}
#enactualites label{
	display:none;
}
select#categorieactualites {
    border: 1px solid #CCCCCC;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	
    color: #666666;
    padding: 5px;
    width: 175px;
}

.listeactualites .date {
    background-color: #1696BB;
    color: #FFFFFF;
    font-size: 15px;
    font-weight: bold;
    margin: 0 0 10px;
    padding: 2px 10px;
}

.listeactualites .cadre_actualites{
    background-color: #9AC0CB;
    color: #FFFFFF;
    padding: 5px 15px;
    margin: 0 0 10px;
}
.listeactualites .cadre_actualites h1, .listeactualites .cadre_actualites h1 a:link, .listeactualites .cadre_actualites h1 a:hover, .listeactualites .cadre_actualites h1 a:visited, .listeactualites .cadre_actualites h1 a:active{
    color: #FFFFFF;
    font-size: 15px;
    font-weight: bold;
    line-height: 16px;
    text-transform: none;
	text-decoration:none;
}
.listeactualites .cadre_actualites .texte p{
    color: #333333;
    font-size: 12px;
    line-height: 14px;
    margin: 0;
    padding: 0 0 5px;
}
.listeactualites .categorie {
    background: url("../img/fleche_bleue.gif") no-repeat scroll left 8px transparent;
    color: #0B4758;
    padding: 0 0 0 7px;
}
.listeactualites .categorie , .listeactualites .categorie a:link, .listeactualites .categorie a:hover, .listeactualites .categorie a:active, .listeactualites .categorie a:visited {
    color: #0B4758;
    font-size: 11px;
    text-decoration: none;
}

/**Page id**/

.actualitesid{
    padding: 0;
}
.actualitesid h1{
    color: #0B4758;
    line-height: 19px;
}
.actualitesid .description{
    color: #333333;
    font-size: 12px;
    font-weight: bold;
    line-height: 16px;
}
.actualitesid .categorie {
    background: url("../img/fleche_bleue.gif") no-repeat scroll 0 7px transparent;
    color: #0b4758;
    font-size: 11px;
    font-weight: bold;
    padding: 0 0 0 8px;
}
.actualitesid .actualitesrmationretour {
    padding: 0;
    text-align: right;
    text-transform: lowercase;
}
.actualitesrmationretour a:link, .actualitesrmationretour a:active, .actualitesrmationretour a:visited{
    background-color: #1696bb;
    color: #FFFFFF;
    font-size: 11px;
    padding: 3px 8px;
    text-decoration: none;
}
.actualitesrmationretour a:hover{
    background-color: #0b4758;
    color: #FFFFFF;
    font-size: 11px;
    padding: 3px 8px;
    text-decoration: none;
}
/*************************Archive************************/

.actualitesarchive{}
.actualitesarchive h1{}
.actualitesarchive h2{}
.actualitesarchive .listeArchive{}
.listeArchive a:link, .listeArchive a:hover, .listeArchive a:active, .listeArchive a:visited{}

/****************************************************************/
/***************************INFORMATION**************************/
/****************************************************************/

/**************************Encart*************************/

/*Bloc*/
#encart_info{
	background-color:#ff6c00;
    border-radius: 0 10px 0px 0px;
	margin:0px 0px 15px 0px;
}
#encart_info .img_encart_info{
	background:url(../img/t_fd_orange.jpg) no-repeat top right;
    overflow: hidden;
}
.img_encart_info img {
    max-width: none;
	margin:0px 0px 0px 15px;
}
#encart_info .globalencartinfo{
	padding:0px 0px 10px 0px;
}
.encartinfo{
	padding:10px 10px 0px 10px;
}
.encartinfo .texte{
	background:url("../img/fleche_blanche.gif") no-repeat scroll left 5px transparent;
	color:#fff;
	font-size:11px;
	line-height: 15px;
	padding:0px 0px 0px 10px;
}
.encartinfo .texte p{
	margin:0px;
}

/**liste info**/

#info .listeinfo{
    background-color: #FF6C00;
    color: #FFFFFF;
    margin: 0 0 10px;
    padding: 5px 15px;
}
#info .listeinfo h1{
    display:none;
}
#info .listeinfo .sous_titre{
	background:url("../img/fleche_blanche.gif") no-repeat scroll left 5px transparent;
	color:#fff;
	font-size:11px;
	line-height: 15px;
	padding:0px 0px 0px 10px;
}

/****************************************************************/
/*************************GALERIE PHOTOS*************************/
/****************************************************************/

#galeriephoto label{
	display:none;
}
#galeriephoto #categorie{
	background:url("../img/fleche_recherche.png") no-repeat scroll 5px 14px transparent;
    border-bottom: 1px dotted #999;
    height: 46px;
    padding: 10px 0 0 40px;
}
select#categoriegaleriephoto{
	border:1px solid #CCCCCC;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	
	color:#666666;
	padding:5px;
	width:175px;
}

#galeriephoto{}
#galeriephoto .aucune{
	font-weight:bold;
	margin:20px auto;
	text-align: center;
	width:200px;
}
#galeriephoto .gal{
	float: left;
	height: 225px;
	margin: 2% 0 0 2%;
	overflow: hidden;
	text-align: center;
	width: 30%;
	
}
#galeriephoto .gal img{
	border:1px solid #ccc;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	
	margin:0px;
	padding:5px;
}
#galeriephoto .gal .hidden{
	display:none;
}
#galeriephoto .gal .listeGalerie{
	margin:10px 0px 0px 0px;
	padding:0px;
}
#galeriephoto .gal h2{
    	color: #1696BB;
    	font-size: 14px;
	height:16px;
    	margin: 0 auto 0px;
    	overflow: hidden;
	width: 70%;
}
#galeriephoto .gal .nbre2{
    	font-size: 12px;
    	margin: 0 auto 5px;
    	overflow: hidden;
}
#galeriephoto .gal .date{
	font-size:11px;
}
#galeriephoto .gal .descriptif{
	height: 30px;
	margin: 0 auto;
	overflow: hidden;
	width: 70%;
}

/*************************Archives************************/

#galeriephoto .archive{
	text-align:right;
}
#galeriephoto .archive a:link, #galeriephoto .archive a:visited, #galeriephoto .archive a:active, #galeriephoto .archiveretour a:link, #galeriephoto .archiveretour a:visited, #galeriephoto .archiveretour a:active {
    background-color: #666666;
    border-radius: 5px 5px 5px 5px;
    color: #FFFFFF;
    display: block;
    float: right;
    font-size: 14px;
    font-weight: bold;
    height: 21px;
    margin: 10px 2px;
    padding: 1px 5px;
    text-align: center;
}
#galeriephoto .archive a:hover , #galeriephoto .archiveretour a:hover{
    background-color: #0c4759;
	text-decoration:none;
}
.galarchive{}
.galarchive .archivetitre{
	float:left;
	width: 80%;
}
.galarchive .archivetitre h1{}
.galarchive .archiveretour{
	float: left;
	text-align: right;
	width: 20%;
}
	
/****************************************************************/
/****************************PAGE INTERNE************************/
/****************************************************************/

.titre_rubrique, .titre_rubrique_rose{
    border-bottom: 1px dotted #999999;
   
    margin: 7px 0 0;
}
.titre_rubrique h1 {
    color: #1696BB;
    font-family: "Trebuchet MS",Arial;
    font-size: 25px;
    font-weight: bold;
    margin: 6px 0;
    text-transform: uppercase;
}
.titre_rubrique_rose h1 {
    color: #ed2b72;
    font-family: "Trebuchet MS",Arial;
    font-size: 20px;
    font-weight: bold;
    margin: 6px 0;
    text-transform: uppercase;
}

.tpTexte ul, .tpTexte ol {
    line-height: 140%;
    margin: 1em 0 1.4em 12%;
    padding: 0;
}

/**March�s publics**/

.iframe_mp{
	height:550px;
	width:100%;
}
a.lien_mp:link, a.lien_mp:active,  a.lien_mp:visited{
    background-color: #1696BB;
    color: #FFFFFF;
    float: right;
    font-size: 11px;
    padding: 0px 8px;
    text-decoration: none;
}
a.lien_mp:hover{
    background-color: #0b4758;
    text-decoration: none;
}

/**Vid�o**/

.tpTexte_video {
    float: left;
    height: 299px;
    margin: 15px 2% 0;
    overflow: hidden;
    position: relative;
    width: 46%;
}
.tpTexte_video .legende, .tpTexte_video2 .legende{
	font-size:11px;
	padding:5px;
}
.iframe_video{
	height:250px;
	width:100%;
}
.tpTexte_video2{
    margin: 15px 5% 0;
    width: 90%;
}
.tpTexte_video2 .iframe_video{
	height:250px;
	width:100%;
}

/**Musique**/

.extrait{
	text-align:center;
}

.extrait .legende_mp3 {
    font-size: 11px;
    margin: 5px 0;
}
/****************************************************************/
/********************FORMULAIRE - DEMARCHES**********************/
/****************************************************************/
.champformulaire label, .label{
    clear: both;
    float: left;
    margin: 0 0 2%;
    padding: 4px 0 0;
    text-align: right;
    width: 30%;
}

input.submit_deposer{

}
.champformulaire input, .champformulaire textarea, .champformulaire select {
    background-image: url("../img/fd_input.gif");
    background-position: 0 0;
    background-repeat: no-repeat;
    border: 1px solid #CCCCCC;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	
    color: #333333;
    font-size: 11px;
    font-weight: normal;
    padding: 7px 4px;
}
.champformulaire input.input_deposer, .champformulaire textarea.input_deposer, .champformulaire select{
    float: left;
    margin: 0 0 2% 2%;
    width: 65%;
}
.radio_deposer, .radio_texte, .checkbox_deposer,  .checkbox_texte {
	float:left;
	max-width: 92%;
}
input.checkbox_deposer_obligatoire{
	clear:both;	
	float:left;
	margin:0px 3% 2% 5%;
}
.checkbox_texte_obligatoire{
    float: left;
	margin:0px 0 2% 0;
    width: 85%;
}
input.radio_deposer{
	border:0px;
	padding:0px;
}
.checkbox{

}
.champformulaire{
	padding:5% 0 0 0;
}
.champformulaire input.valider{
    border: 0 none;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	
    margin: 0 6% 3%;
    padding: 0;
}
.div_champ {
    background: none repeat scroll 0 0 #EEEEEE;
    clear: both;
    color: #1795BB;
    font-weight: bold;
    margin: 0 0 10px;
    padding: 2px 5px;
    text-transform: uppercase;
}
.div_champ_text {
    clear: both;
    margin: 0 0 10px;
    padding: 2px 5px;
}
.msgErreurChamp{
    background-color: #1795BB;
    border-radius: 5px 5px 5px 5px;
    color: #FFFFFF;
    margin: 10px auto;
    padding: 5px;
    text-align: center;
    width: 200px;
}
/****************************************************************/
/****************************PUBLICATIONS************************/
/****************************************************************/

.publication_gqi, .publication_pc, .publication_ap {
    float: left;
    margin: 0 10px 10px 0;
	position:relative;
}
.publication_cs, .publication_gf{
	float:left;
    margin: 0 0px 10px 0;
	position:relative;
}
/****************************************************************/
/*****************************ANNUAIRES**************************/
/****************************************************************/

.annuaire_1, .annuaire_3 {
    float: left;
    margin: 0 10px 10px 0;
	position:relative;
}
.annuaire_2, .annuaire_4{
	float:left;
    margin: 0 0px 10px 0;
	position:relative;
}


/****************************************************************/
/**********************DEMARCHES ADMINISTRATIVES*****************/
/****************************************************************/

.demarches_ec, .demarches_ej {
    float: left;
    margin: 0 10px 10px 0;
	position:relative;
}
.demarches_u, .demarches_ls{
	float:left;
    margin: 0 0px 10px 0;
	position:relative;
}

/**Liste des d�marches**/

.liste_demarche{
	background-color: #32aed3;
    border-radius: 0px 10px 10px 10px;
	-moz-border-radius: 0px 10px 10px 10px;
	-webkit-border-radius: 0px 10px 10px 10px;
	
	padding:10px 15px;
	margin:5px 0px 10px;
}
.liste_demarche h1{
    color: #FFFFFF;
    font-size: 14px;
    font-weight: bold;
    margin: 0;
    padding: 0;
}
.liste_demarche .texte p{
    margin: 0;
    padding: 0;
}
.liste_demarche .texte {
    background: url("../img/fleche_bleue.gif") no-repeat scroll left 8px transparent;
    color: #0B4758;
	font-size:11px;
    padding: 0 0 0 7px;
}
.liste_demarche .texte a:link, .liste_demarche .texte a:visited, .liste_demarche .texte a:hover, .liste_demarche .texte a:active  {
    color: #0B4758;
	font-size:12px;
}

/****************************************************************/
/***************************FLASH INFO***************************/
/****************************************************************/

.cadre_flash{
	padding:10px 20px;
}
.logo_flash{
	width:100%;
}
.logo_flash img{
	width:90%;
}
.cadre_flash  h1.t_flash{
	border-top:1px dotted #999;
	border-bottom:1px dotted #999;
	color:#95bd0d;
	font-size:20px;
	text-align:center;
	text-transform:uppercase;
}
.cadre_flash h1{
	color:#333333;
	text-transform:none;
	margin:10px 0px 0px 0px;
	padding:0px;
}
.cadre_flash .photo{
	margin:5px 0px;
}
.cadre_flash .sous_titre, .cadre_flash p{
	color:#666666;
	line-height:18px;
	text-align:justify;
	margin:0px;
	padding:0px;
}
.cadre_flash a:link,  .cadre_flash a:hover, .cadre_flash a:visited, .cadre_flash a:active{
	color:#149CC3;
	text-decoration:underline;
}

/****************************************************************/
/*************************OFFRES EMPLOI**************************/
/****************************************************************/

.offre_emploi .intitule {
    color: #8BB40E;
    float: left;
    font-weight: bold;
    padding: 2%;
    width: 46%;
}
.offre_id{
	background:#e5e5e5; 
	border-bottom:1px solid #cdcdcd;
	clear:both;
	margin:10px 0px 0px 0px;
	padding:8px ;
}
.offre_id .titre_offre, .offre_id .date{
    float: left;
    font-size: 12px;
    padding: 0 0 0 2%;
    text-align: left;
    width: 48%;
}
a.lien_date:link, a.lien_date:hover, a.lien_date:active, a.lien_date:visited{
	color:#000000;
	font-weight:bold;
}
a.lien_offre:link, a.lien_offre:hover, a.lien_offre:active, a.lien_offre:visited{
	color:#359bb2;
	font-weight:bold;
	text-transform:uppercase;
}
.oe_ouvert{
	clear:both;
	margin:0px auto;
	padding: 20px 0 0;
	width:95%;
}
.oe_ouvert .titre h1{
    color: #8FB60B;
    font-size: 20px;
    font-weight: bold;
}
.offre_emploi .oe_ouvert .intitule{
    color: #1696BB;
    float: none;
    font-weight: bold;
    padding: 0;
    text-transform: uppercase;
    width: 96%;
}
.offre_emploi .oe_ouvert .texte{
    color: #333333;
    float: none;
    font-weight: bold;
    padding: 0 2% 5px;
    width: 96%;
}
.offre_emploi .oe_ouvert .texte_poste p{
    color: #333333;
    line-height: 16px;
	margin:0px;
}
.offre_emploi .oe_ouvert .texte_detail{
	margin:0 0 2% 0;
}
.offre_emploi .oe_ouvert .texte_detail p{
    color: #333333;
    line-height: 16px;
	margin:0px;
}
.postulez{
    background-color: #90B70E;
    border-radius: 5px;
    margin: 0 auto 10px;
    padding: 5px 10px;
    text-align: center;
    width: 220px;
}
.postulez a:link,.postulez a:hover,.postulez a:visited,.postulez a:active{
	color:#fff;
	font-weight:bold;
	text-transform:uppercase;
	text-decoration:none;
}
.offre_emploi_liensuiv a:hover, .offre_emploi_lienpre a:hover{
	text-decoration:none;
}
.offre_emploi_liensuiv{
	float:right;
}
.offre_emploi_lienpre{
	float:left;
}
/****************************************************************/
/****************************ANNUAIRE****************************/
/****************************************************************/

.recherche_annuaire{
    padding: 10px 0 0 0px;
}
.recherche_annuaire_separateur{
    border-bottom: 1px dotted #999;
	clear:both;
	width:100%;
}
.recherche_annuaire label{
	display:none;
}
.recherche_annuaire form{
	background:url("../img/fleche_recherche.png") no-repeat scroll 5px 4px transparent;
	float:left;
    padding: 0px 0 0 40px;
}
.recherche_annuaire #categorie{
	float:right;
}
.recherche_annuaire input#quoi {
    border: 1px solid #CCCCCC;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	
    color: #666666;
    display: block;
    float: left;
    margin: 0 5px 0 0;
    padding: 6px 5px 5px 5px;
    width: 175px;
}
.recherche_annuaire input#valider{
	float:left;
    margin: 0 5px 0 0;
}
select#categorieannuaire{
	border:1px solid #CCCCCC;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	
	color:#666666;
	margin:0 0 10px 0px;
	padding:5px;
	width:175px;
}

.listeannuaire {
    background-color: #EAEAEA;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	
    margin: 0px 0 10px;
    padding: 15px 15px 0;
}
#annuaire h1 {
	color:#01b2d4;
}
.listeannuaire .photo{
    float: left;
    padding: 0 0 1%;
    text-align: center;
    width: 20%;
}
.listeannuaire .annuaire_contenu{
	float:left;
	padding:0px 0px 0px 4%;
	width:76%;
}
.listeannuaire h2{
	color:#21438d;
	font-weight:bold;
	font-size:14px;
	margin:0px;
	padding:0px;
	text-transform:uppercase;
}
.listeannuaire .soustitre, .listeannuaire .texte, .listeannuaire .texte p{
	color:#343434;
	font-size:12px;
    line-height: 16px;
	margin:0px;
	padding:0px;
}
.listeannuaire .site{
	color:#343434;
	font-weight:bold;
	font-size:12px;
}
.listeannuaire .adresse{
    border-bottom: 1px dotted #999999;
    border-top: 1px dotted #999999;
    color: #343434;
    font-size: 12px;
    line-height: 16px;
    margin: 5px 0;
    padding: 6px 0;
}
.annassoc_catniv1 {
    border-bottom: 1px dotted #CCCCCC;
    padding: 10px 0 0 10px;
}
.annassoc_catniv1 a:link, .annassoc_catniv1 a:hover, .annassoc_catniv1 a:visited, .annassoc_catniv1 a:active{
	text-decoration:none;
}
.annassoc_catniv1 span.titre{
    color: #21438D;
    float: left;
    font-size: 18px;
    font-weight: bold;
    padding: 5px 0 0 10px;
}
.picto_cat{
	float:left;
}
.annassoc_catniv2{
	padding:5%;
}
.annassoc_catniv2 a.lien:link, .annassoc_catniv2 a.lien:hover, .annassoc_catniv2 a.lien:visited, .annassoc_catniv2 a.lien:active{
	background:url("../img/fleche_bleue.gif") no-repeat scroll left 8px transparent;
	color:#0B4758;
	float:left;
	padding:0 0 0 2%;
	width:48%;
	text-decoration:none;
}

/****************************************************************/
/******************************BLOG******************************/
/****************************************************************/
.blog{
	clear:both;
	padding:10px 0 0;
}
.blog .blog_titre h1{
	color:#009a7a;
    font-weight: bold;
	margin:0px;
    text-transform: none;
}
.blog_sstitre
.blog_mots_cles{
	margin:0px 0px 10px 0px;
}
.blog_commentaires{
    background-color: #00765C;
    clear: both;
    margin: 8px 0;
    overflow: hidden;
    position: relative;
}
.blog_titre_depot_commentaire{
    color: #FFFFFF;
    cursor: pointer;
    float: right;
}
.blog_titre_liste_commentaire{
    background: url("../img/puce_commentaire.jpg") no-repeat scroll right 2px transparent;
    color: #FFFFFF;
    cursor: pointer;
    float: right;
    margin: 0 2px 0 0;
    padding: 0 18px 0 5px;
}
.globalencartmotscles, .globalencartarchives {
    padding: 15px 20px;
}
.blog_mots_cles h1 {
    background-color: #00997A;
    color: #FFFFFF;
    float: left;
    font-size: 12px;
    margin: 0 5px 0 0;
    padding: 2px 5px;
    text-transform: lowercase;
    width: 70px;
}
.blog_commentaires h1{
    background-color: #01b590;
    color: #FFFFFF;
	position: absolute;
    font-size: 12px;
    margin: 0 5px 0 0;
    padding: 2px 5px;
    text-transform: lowercase;
}
.link_mots_cles{
    padding: 1px 0 0;
}
.blog_mots_cles a:link, .blog_mots_cles a:hover, .blog_mots_cles a:visited, .blog_mots_cles a:active{
	color:#666666;
	text-transform:lowercase;
	text-decoration:none;
}

.img_encart_blog{
	background:url(../img/t_fd_vert_fonce.jpg) no-repeat top right;
	overflow:hidden;
}
.img_encart_blog img{
	max-width:none;
	margin:0px 0px 0px 13px;
}
#encart_motscles, #encart_archives{
    border-radius: 0px 10px 10px 10px;
	-moz-border-radius: 0px 10px 10px 10px;
	-webkit-border-radius: 0px 10px 10px 10px;
	
	background-color:#e2e2e2;
	color:#676767;
}
#encart_motscles .blog_nav_mots_cles a:link, #encart_motscles .blog_nav_mots_cles a:visited, #encart_motscles .blog_nav_mots_cles a:active{
    background-color: #8B8B8B;
    border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	
    color: #FFFFFF;
    float: left;
    font-size: 11px;
    margin: 4px 3px 0 0;
    padding: 0 5px;
}

#encart_motscles .blog_nav_mots_cles a:hover, #encart_motscles .blog_nav_mots_cles a.on:link{
	background-color:#00997a;
	font-size:11px;
	text-decoration:none;
}

/**navigation**/

.blog_nav_anneeoff, .blog_nav_anneeon{
    background: url("../img/fleche_grise.gif") no-repeat scroll 0 6px transparent;
    color: #676767;
    font-size: 11px;
    margin: 0 0 0 15px;
    padding: 0 0 0 10px;
}

.blog_nav_anneeon a:link, .blog_nav_anneeon a:hover, .blog_nav_anneeon a:visited, .blog_nav_anneeon a:active,
.blog_nav_anneeoff a:link, .blog_nav_anneeoff a:hover, .blog_nav_anneeoff a:visited, .blog_nav_anneeoff a:active{
    color: #676767;
}
.blog_nav_moison, .blog_nav_moisoff {
    background: url("../img/fleche_grise.gif") no-repeat scroll 0 6px transparent;
    color: #676767;
    margin: 0 0 0 30px;
    padding: 0 0 0 8px;
}
.blog_nav_contenantmois a:link, .blog_nav_contenantmois a:hover, .blog_nav_contenantmois a:visited, .blog_nav_contenantmois a:active{
    color: #676767;
	font-size:11px;
}

/**Affichage commentaire**/
.blog_liste_commentaire{}
.commentaireListe{
    background-color: #EEEEEE;
    border-left: 3px solid #01B590;
    margin: 0 0 5px;
    padding: 5px 5px 5px 10px;
}
.commentaireListe .auteur{
	font-weight:bold;
	font-size:12px;
}
.commentaireListe .date{
	font-size:12px;
}
.commentaireListe .texte{
	font-size:11px;
}

/**Formulaire commentaire**/

.commentaire_formulaire{
    background-color: #EEEEEE;
    padding: 5% 5% 5% 12%;
}
.commentaire_formulaire input, .commentaire_formulaire textarea {
    background-image: url("../img/fd_input.gif");
    background-position: 0 0;
    background-repeat: no-repeat;
    border: 1px solid #CCCCCC;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	
    color: #333333;
    font-size: 11px;
    font-weight: normal;
    padding: 7px 4px;
}
.commentaire_formulaire  label{
	font-weight:bold;
}
.commentaire_formulaire .msgErreur{
    background-color: #01B590;
    border-radius: 5px;
    color: #FFFFFF;
    margin: 0 auto 10px;
    padding: 2%;
    text-align: center;
    width: 200px;
}
input.commentaireSubmit{
    background: none repeat scroll 0 0 #00765C;
    color: #FFFFFF;
	cursor:pointer;
    margin: 10px 0 0;
    text-transform: uppercase;
}
.commentaire_envoi{
	background-color: #EEEEEE;
    padding: 2%;
}
/****************************************************************/
/***********************CARTE INTERACTIVE************************/
/****************************************************************/

#cartemenu {
    background-image:url(../img/legende_carte.png);
    bottom: 2%;
    padding: 10px 0 8px;
    position: absolute;
    right: 2%;
    width: 195px;
    z-index: 20;
}
#cartemenu ul{
    list-style: none outside none;
    margin: 0;
    padding: 1px 0 0 6px;
}
#cartemenu li{
    float: left;
    margin: 0 0 0 5px;
    width: 190px;
}
#carte_logo{
    bottom: 0;
    height: 67px;
    left: 2%;
    position: absolute;
    z-index: 20;
}
.mapid_photo{
	float:left;
	margin:0px 5px 0px 0px;
	overflow:hidden;
	width:80px;
}
.mapid_titre{
    color: #000000;
    font-weight: bold;
    line-height: 16px;
    margin: 0 0 5px;
}
.mapid_desc{
    float: left;
    font-size: 11px;
    line-height: 15px;
}
.mapid_desc2{
    clear:both;
    font-size: 11px;
    line-height: 15px;
}
.mapid_desc .tel, .mapid_desc .fax, .mapid_desc .mail, .mapid_desc .site{
    width: 230px;
}
.listeimg {
    float: left;
    width: 30px;
}

.listetexte{
    color: #666666;
    float: left;
    font-size: 11px;
	font-weight:bold;
	line-height: 25px;
    margin: 2px 0 0 6px;
    width: 150px;
}
.listetexte a:link, .listetexte a:hover,.listetexte a:visited, .listetexte a:active{
    color: #666666;
	font-weight:normal;
    font-size: 11px;
	line-height: 26px;
}
#carte{
	background-color:#333;
	min-height: 100%;
	width:100%;
}
.recherche_carte{
	/*display:none;*/
}
.recherche_carte form#form_recherche_carte input#rechCarte{
    border: 1px solid #CDCDCD;
    color: #666666;
    float: left;
    font-size: 11px;
    height: 15px;
    margin: 0 5px 10px 10px;
    padding: 5px;
    width: 130px;
}
.recherche_carte input#rechCarte{
	float: left;
    margin: 0 0 0 8px;
}

.aucun_resultat {
    background-image: url("../img/legende_carte.png");
    font-size: 14px;
    font-weight: bold;
    padding: 10px;
    position: absolute;
    right: 43%;
    text-align: center;
    top: 42%;
    width: 15%;
}

/****************************************************************/
/***************************PAGINATION***************************/
/****************************************************************/

/*Bloc lien suivant/pr�c�dent*/
.pageSP {
	clear: both;
	font-weight: bold;
}
/*Positionnement du lien suivant*/
.pageS {
	float: right;
}
/*Positionnement du lien pr�c�dent*/
.pageP {
	float: left;
}
.pageSP a:link, .pageSP a:visited, .pageSP a:active {
    background-color: #666666;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	
    color: #FFFFFF;
    display: block;
    float: left;
    font-size: 12px;
    font-weight: bold;
    margin: 0 2px;
    padding: 0 6px;
    text-align: center;
}
.pageSP a:hover{
    background-color: #0c4759;
	text-decoration:none;
}
.pageNombre {
    clear: both;
    float: right;
    padding: 12px 0;
}

.pageNombre b {
	background:url(../img/pagenombre.jpg) no-repeat 0px 0px;
    color: #FFFFFF;
    display: block;
    float: left;
    font-size: 14px;
    font-weight: bold;
    height: 23px;
    margin: 0 2px 5px;
    padding: 4px 0 0;
    text-align: center;
    width: 27px;
}

.pageNombre a:link, .pageNombre a:visited, .pageNombre a:active {
	background:url(../img/pagenombre.jpg) no-repeat 0px -54px ;
    color: #FFFFFF;
    display: block;
    float: left;
    font-size: 14px;
    font-weight: bold;
    height: 23px;
    margin: 0 2px 5px;
    padding: 4px 0 0;
    text-align: center;
    width: 27px;
}
.pageNombre a:hover{
	background:url(../img/pagenombre.jpg) no-repeat 0px -27px;
	text-decoration:none;
}
/****************************************************************/
/*******************************FOOTER***************************/
/****************************************************************/


#footer {
    background-color: #E5E0E0;
    border-top: 5px solid #F16D28;
    clear: both;
    color: #FFFFFF;
    font-size: 85%;
    margin: 15px 0 0;
}
#wrapper_footer{
	margin:0px auto;
	width:1000px;
}
#colonne1, #colonne2,#colonne3{
	float:left;
	margin:15px 3% 0 0;
	width:21%;
}
#colonne1 h1  a:link, #colonne1 h1  a:hover, #colonne1 h1  a:visited, #colonne1 h1  a:active,
#colonne2 h1  a:link, #colonne2 h1  a:hover, #colonne2 h1  a:visited, #colonne2 h1  a:active,
#colonne3 h1  a:link, #colonne3 h1  a:hover, #colonne3 h1  a:visited, #colonne3 h1  a:active{
    color: #FFFFFF;
	font-size:13px;
	margin:0px;
	padding:0px;
    text-decoration: none;
}
#colonne1 h1, #colonne2 h1, #colonne3 h1 {
    border-bottom: 1px dotted #000000;
    clear: both;
    color: #FFFFFF;
    display: block;
    font-family: "Trebuchet MS",Arial;
    font-size: 13px;
    font-weight: bold;
    margin: 7px 0 10px;
    padding: 0 0 3px;
    text-decoration: none;
	text-transform:none;
}
#colonne1 .nav_footer .clear, #colonne2 .nav_footer .clear, #colonne3 .nav_footer .clear{
	height:1px;
}
#colonne1  .nav_footer, #colonne2  .nav_footer, #colonne3  .nav_footer{
	line-height:11px;
}
#colonne1 .separateur, #colonne1 .nav_footer a:link, #colonne1 .nav_footer a:hover, #colonne1 .nav_footer a:visited, #colonne1 .nav_footer a:active,
#colonne2 .separateur, #colonne2 .nav_footer a:link, #colonne2 .nav_footer a:hover, #colonne2 .nav_footer a:visited, #colonne2 .nav_footer a:active,
#colonne3 .separateur, #colonne3 .nav_footer a:link, #colonne3 .nav_footer a:hover, #colonne3 .nav_footer a:visited, #colonne3 .nav_footer a:active
{
	color:#999999;
	float:left;
	padding:1px;
}
#colonne3 a.footer_marchespublics:link img, #colonne3 a.footer_marchespublics:hover img, #colonne3 a.footer_marchespublics:visited img, #colonne3 a.footer_marchespublics:active img{
	margin:168px 0px 0px 0px;
}
#colonne4{
	float:left;
	margin:15px 0 0 1%;
	width:26%;
}
#colonne4 h1 {
    border-bottom: 1px dotted #000000;
    color: #FFFFFF;
    font-family: "Trebuchet MS",Arial;
    font-size: 18px;
    font-weight: bold;
    margin: 0 0 10px;
    padding: 0 0 3px 3px;
    text-transform: uppercase;
}
#colonne4 .adresse, #colonne4 .tel, #colonne4 .fax, #colonne4 .mail, #colonne4 .site{
	font-size:14px;
	font-family: "Trebuchet MS",Arial;
}
#colonne4 .adresse{
	background:url(../img/picto_footer.png) 0 3px no-repeat;
	padding:0px 0px 0px 24px;
}
#colonne4 .tel{
	background:url(../img/picto_footer.png) 0 -55px no-repeat;
	padding:0px 0px 10px 24px;
}
#colonne4 .fax{
	background:url(../img/picto_footer.png) 0 -113px no-repeat;
	padding:0px 0px 10px 24px;
}
#colonne4 .mail{
	background:url(../img/picto_footer.png) 0 -167px no-repeat;
	padding:0px 0px 0px 24px;
}
#colonne4 .site{
	padding:0px 0px 10px 24px;
}
#colonne4 .info {
    border-bottom: 1px dotted #000000;
    border-top: 1px dotted #000000;
    margin: 0 0 0px;
}
#colonne4 .info2 {
    border-bottom: 1px dotted #000000;
    padding: 10px 0;
}
#colonne4 .info2 a:link,#colonne4 .info2 a:hover,#colonne4 .info2 a:visited,#colonne4 .info2 a:active{
    color:#fff;
}
#colonne4 .info p{
	font-size:13px;
	font-family: "Trebuchet MS",Arial;
	padding:10px;
	text-align:justify;
}

#colonne4 .logo_footer img {
    margin: 20px 0 0 12%;
}
#colonne4 .copyright, #colonne4 .copyright a:link, #colonne4 .copyright a:hover, #colonne4 .copyright a:visited, #colonne4 .copyright a:active{
	color:#666;
}




/************************************************************************************
CLEARFIX
*************************************************************************************/
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.clearfix { display: inline-block; }
.clearfix { display: block; /*zoom: 1;*/ }

.acc {vertical-align: middle;
font-size: 30px!important;
margin-top: 5px;}

.encart_clic h2 {border-radius: 0px 10px 0px 0px;
-moz-border-radius: 0px 10px 0px 0px;
-webkit-border-radius: 0px 10px 0px 0px;
background:#3966db;
color:white;
font-size: 20px;
padding: 10px;
font-family: 'sansationregular';
text-transform:uppercase;
margin:0;
}

.acces {font-size:85px!important;padding:10px;border-radius: 10px 10px 10px 10px;
-moz-border-radius: 10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px 10px;
width:100px;
text-align:center;
background: #EFEEEE;
-webkit-transition: background 1s ease;
-moz-transition: background 1s ease;
-ms-transition: background 1s ease;
-o-transition: background 1s ease;
transition: background 1s ease;

}
.acces:hover{
	
	background:#DBD1D1;


-webkit-transition: background 1s ease;
-moz-transition: background 1s ease;
-ms-transition: background 1s ease;
-o-transition: background 1s ease;
transition: background 1s ease;
}
.civil { border: 2px solid #1696BB;} 


#encart_actualites h2 {
border-radius: 0px 10px 0px 0px;
-moz-border-radius: 0px 10px 0px 0px;
-webkit-border-radius: 0px 10px 0px 0px;
background: #007698;
color: white;
font-size: 20px;
padding: 10px;
font-family: 'sansationregular';
text-transform: uppercase;
margin:0;
}
.plus { font-size:11px;text-align:right; } 

.echo h2 {
border-radius: 0px 10px 0px 0px;
-moz-border-radius: 0px 10px 0px 0px;
-webkit-border-radius: 0px 10px 0px 0px;
background: rgb(140, 180, 14);
color: white;
font-size: 20px;
padding: 10px;
font-family: 'sansationregular';
text-transform: uppercase;
letter-spacing: 1px;
margin:0;
}

.echo2 h2 {

background: rgb(140, 180, 14);
color: white;
font-size: 20px;
padding: 10px;
font-family: 'sansationregular';
text-transform: uppercase;
letter-spacing: 1px;
    margin: 15px auto;
}

.echo2  { width:100%; display:none; }
.echo2 img { margin-top:10px;}
.arro{
-webkit-border-bottom-right-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
-moz-border-radius-bottomright: 10px;
-moz-border-radius-bottomleft: 10px;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
}



 .row:before, .row:after{
	 content: " ";
display: table;
 }
 .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
float: left;
}

.col-lg-6 {
width: 50%;
position: relative;
min-height: 1px;

}

h3.mairie {
border-bottom: 1px solid #B8B9BA;
padding-bottom: 15px;
margin-bottom: 15px;
font-size: 20px;
color: #007698;
font-weight: 700;
text-transform: uppercase;
margin-top: 20px;
}

.titre-contact {
text-transform: uppercase;
font-size: 15px;
margin-bottom: 10px;
color: #007698;
font-weight:600;
}

address {
padding-left: 24px;
color: #454545;
position: relative;
margin-bottom: 20px;
font-style: normal;
line-height: 20px;
font-size: 13px;
}

#footer p {
margin: 0 0 4px 0px;
font-size: 13px;
padding-left: 24px;
color: #454545;
}
address.telephone {
font-size: 24px;
color: #d8402c;
}
.btn-contact {
height: 27px;
line-height: 27px;
text-transform: uppercase;
padding: 0 9px;
background: #d8402c;
color: white;
display: inline-block;
border-radius: 4px;
margin-left: 0px;
margin-top: 20px;
}

footer {
display: block;
background: #0062b0;
color: white;
margin-top: 40px;
}
footer .container {
position: relative;
margin: 0px auto;
width: 1000px;
}

footer nav {
margin-top: 37px;
margin-left: 32px;
}
footer nav ul {
padding-left: 0;
list-style: none;
margin: 0;
}
footer nav ul li {
display: block;
line-height: 25px;
}
footer nav ul li {
float: left;
line-height: inherit;
}
footer nav ul li a {
display: block;
padding: 0 15px;
}
#lecarou {margin: 0px 0px 0px 10px;padding: 0px 0px;width: 715px;z-index: 1;float: left;}

#credits {background: #E5E0E0;
height: 35px;
padding: 10px 0 10px 10px;
clear: both;}

#credits ul {list-style-type:none;margin:0;padding: 5px 0 5px 0;}
#credits ul li {float:left;color:#454545;}
#credits ul li {
float: left;
color: #454545;
padding: 0 15px 0 0px;
font-size: 12px;
font-weight: 600;

}
#credits ul li a {
	
color:#D8402C;	
}

.dmtop {
background-image: url(../fichiers/img/site/arrow.png);
background-position: 50% 50%;
background-repeat: no-repeat;
z-index: 9999;
width: 40px;
height: 40px;
border-radius: 40px;
text-indent: -99999px; 
position: fixed;
bottom: -100px;
right: 25px;
cursor: pointer;
-webkit-transition: all .7s ease-in-out;
-moz-transition: all .7s ease-in-out;
-o-transition: all .7s ease-in-out;
-ms-transition: all .7s ease-in-out;
transition: all .7s ease-in-out;
overflow:hidden;
background-color:#B54321!important;
}

.loop-pagination a, .loop-pagination span {
  padding: 6px 13px 7px;

  text-decoration: none;
  color: #FFF!important;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  background: #AAA;
  margin: 0 3px 0 3px;
}
.loop-pagination a.current, .loop-pagination span.current {
  background:#1696BD;
}
.data {margin-top:10px;}

.paging-navigation {
	  text-align: center;
  margin: 20px 0 20px 0;
  clear:both;
	
}
#cookie_cnil {text-align:center;background: #E0E0E0;}
#cookie_cnil p {margin-top:0;padding:10px;font-size:12px; }
#cookie_cnil_img{
  background: #008ED4;
  padding: 5px 7px 5px 7px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  font-size: 20px;
  color: white;
  cursor:pointer;
}

.form-group {
  margin-bottom: 20px;
}
label {color:#454545;font-size: 12px;}
label.error {color: #C02626;
  font-weight: bold;
  padding-top: 5px;
  display: block;}

textarea, input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="email"], input[type="month"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="time"], input[type="url"], input[type="week"] {
	display: block;
  width: 80%;
   padding: 2px 15px;
  cursor: pointer;
  border: 1px solid #9D9393;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
 
  -webkit-appearance: none;
}

.btn {
  font-size: 13px;
  
  font-weight: 600;
  line-height: 1;
  display: inline-block;

  padding: 9px 16px 10px;

  text-align: center;
  text-decoration: none;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #FFF;
  background:#d8402c;
  border: none;
  border-radius: 5px 5px 5px 5px;
  -moz-border-radius: 5px 5px 5px 5px;
  -webkit-border-radius: 5px 5px 5px 5px;
  cursor: pointer;
}

.btn:hover {
    opacity: .9!important;
    color: #FFF!important;
   
}

a.zoom img {
	/*max-height: 190px;*/
	margin-right: 20px;
	margin-bottom: 15px;

-moz-box-shadow: 7px 6px 12px #adacad;
-webkit-box-shadow: 7px 6px 12px #adacad;
box-shadow: 7px 6px 12px #adacad;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}

.dev7-caroufredsel-wrapper {
	margin: 4px 0 20px 0;
	width: 100%;
}
.dev7-caroufredsel-carousel {
	padding: 0;
}
.dev7-caroufredsel-carousel img {
	border: 1px solid #ccc;
	background-color: white;
	padding: 9px;
	margin: 7px;
	
}
.dev7-clearfix {
	float: none;
	clear: both;
}


.dev7-caroufredsel-carousel img {
	cursor: pointer;
}

.form-control {
  display: block;
  width: 100%;
  height: 34px;
  padding: 2px 12px;
  font-size: 14px;
  line-height: 1.428571429;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #9D9393;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
  -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
textarea.form-control {
  height: auto;
}

.resizer {  float: right; list-style: none; margin: -35px 0 10px 10px; }
.resizer li { float: left; margin-right: 5px; }
.resizer .small { font-size: 12px;line-height: 22px;  }
.resizer .medium { font-size: 20px;  }
.resizer .large { font-size: 26px;margin-right: 0;   line-height: 15px;}
.resizer .small a, .medium .resizer .medium a, .large .resizer .large a { color: #000; text-decoration: none; }
.medium .resizer .small a, .large .resizer .small a { color: #1D4C9F; text-decoration: underline; }

.medium p { font-size: 20px; line-height: 30px; }
.large p { font-size: 34px; line-height: 45px; }

.medium #content_interne h2 {
   font-size: 25px;
   margin-top: 25px;
}

.medium #content_interne ul li {
   font-size: 20px;
     line-height: 30px;
 
}

.large #content_interne h2 {
   font-size: 35px;
   margin-top: 25px;
}

.large #content_interne ul li {
  font-size: 34px;
    line-height: 40px;
}

#content_interne ul.livres li {padding: 0 0 10px 0;
    line-height: 1.8em;}

ul.bxslider {margin:0;}

#ouv p {
	
}
#accueil2 {
text-indent: -99999px;
  position: absolute;
}
ul#ech {
	
margin:0;	
}
ul#ech li {
  font-size: 18px;
  font-weight: bold;
  text-transform: uppercase;
  color: #1696BB;
  list-style-type:none;
}
ul#ech li li {
  font-size: 13px;
  font-weight: normal;
   text-transform: none;
   list-style-type: disc;
 
}

.listeactu1 .actu_photo, .listeactu2 .actu_photo, .listeactu1 .actu_photo2, .listeactu2 .actu_photo2 {
  height: 190px;
  margin: 0 0 10px;
  overflow: hidden;
  line-height: 190px;
  background: #D8D7D3;
  -webkit-border-top-right-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
-moz-border-radius-topright: 10px;
-moz-border-radius-bottomleft: 10px;
border-top-right-radius: 10px;
border-bottom-left-radius: 10px;
}
.listeactu1 .actu_photo img, .listeactu2 .actu_photo img {
  max-width: 100%;
  vertical-align: middle;
}
.listeactu1 h2, .listeactu2 h2 {
  color: #1696BB;
  font-size: 18px;
  font-weight: normal;
   height: auto; 
  line-height: 20px;
  margin: 0;
  overflow: hidden;
  text-transform: uppercase;
}
.listeactu1 {
  float: left;
  height: 300px;
  margin: 0 5% 5% 0;
  overflow: hidden;
  position: relative;
  width: 45%;
}
ul.urba li strong {
color:#bd5022;
}
ul.urba li a {
    font-size: 11px;
    font-weight: 600;
    line-height: 1;
    display: inline-block;
    padding: 9px;
    text-align: center;
    text-decoration: none;
    
    text-transform: uppercase;
    color: #FFF;
    background: #1696bb;
    border: none;
    border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    cursor: pointer;
	    margin: 8px 0 15px;
}

ul.affichage {
display: inline-block;
margin: 20px 0 10px 0;
}

ul.affichage li {
	float: left;
    margin-right: 10px;
    list-style: none;
    text-transform: uppercase;
    background: #c35222;
    padding: 10px;
    color: white;
    border-radius: 10px;
    cursor: pointer;
	}

ul.affichage li:hover,ul.affichage li.actif{
	
	background: #1C6AB6;
}  

#affichage h3 {
	
	color: #1696bb;
    text-transform: uppercase;
    font-size: 1.3em;
	margin-top: 15px;
	
}

#affichage h2 {
	border-bottom: 1px dotted #000000;
    font-weight: bold;
    font-size: 20px;
    color: #333333;

}

#affichage p.menu { 
	font-weight: bold;
    text-transform: uppercase; 
	}
	
.affichageurba {
	display: table-cell;
    width: 170px;
    height: 160px; 
    border: 1px solid black;
    vertical-align: middle;
    text-align: center; 
	border-radius: 10px; 
	padding:5px;}

.affichageurba img { margin-top:5px;}

	ul.noliste li {list-style-type: none;float:left;margin: 10px 20px 0 0;}
	ul.noliste{margin:0;display: table;}