/** Import des css des modules **/
@import url('styles_organigramme.css');
@import url('styles_publication.css');
@import url('styles_lexique.css');
@import url('styles_sites_utiles.css');
@import url('styles_actualites.css');
@import url('styles_sondages.css');
@import url('styles_annuaire.css');
@import url('styles_vi.css');
@import url('wysiwyg.css');

/** Suppression des marges et espacements de tous les éléments **/
* { margin:0; padding:0; }

/** Styles de base **/
html  { background : #e4e4e5; }

body  {
	line-height:18px;
	color: #333;
	font : normal 70% Arial, Helvetica, sans-serif;
	text-align : center;
	width: 100%;
	background : #e4e4e5 url(../images/bck.jpg) no-repeat center 0;
}

/** Classes personnalisees  **/
.celluleDecalee  { padding-left : 10px; }
.center 			{ text-align : center; }
.right 			{ text-align : right; }
.justify 		{ text-align : justify; }
.masquer		{ display : none; } 
.hidden, 
.case			{ border : 0; background : transparent; }
.messageErreur, 
.oblig			{ color : #f00; }
.visualClear 	{ clear : both; height : 1px; border: 0px; }
.visualClear hr, 
.separation hr 	{ display : none; }
.separation 		{ background: url(../images/separation.gif) no-repeat 50% 0; height:9px; }
.inscrire, 
.submit, 
.valider {
	float : none;
	margin : 5px 0;
	padding : 0 10px;
    clear:both;
    font-size: 1.1em;
    background: #2e537f;
    color: #fff;
    height: 20px;
    border: 1px solid #23555C;
}

img.right { float : right; margin-left : 13px; }
img.left { float : left; margin-right : 13px; }
img.right, 
img.left  {
	display : inline;
	border : 1px solid #a5aca8;
	padding : 1px;
}

/** Div personnalises **/
div.droite { margin-left : 13px; }
div.left { margin-right : 13px; }

div.droite span, 
div.left span { display: block; text-align : center; }

/** Les formulaires **/ 
form { clear : both; margin : 0; padding : 0;}
form fieldset  { border : 0; margin-bottom: 10px; border-top: 1px solid black; padding : 20px 10px 20px 10px; }
form div {
    border-bottom:1px solid #dfdfdf;
    width : 99%;
    margin-bottom:2px;
    padding: 3px 0;
}

form label  {
	width : 110px;
	display : block;
	float : left;
	white-space : nowrap;
	margin-right : 5px;
	cursor : pointer;
}

form.cv label  {
	width : 180px;
}

form legend {
	font-weight: bold;
	padding: 0 10px;
}

form label.clear{
	clear : both;
	width : 300px;
}

select, 
textarea, 
input.champ { border : 1px solid #ccc; }
.cnil { margin : 10px 0; }
.actions {
	padding-left : 120px;
}

/** Positionnement du site dans la fenetre **/

div#site {
	position : relative;
	margin : 0 auto;
    text-align: left;
    width: 900px;
}


/** Outils de zoom **/
div#zoomOutils  {
	float : right;
	margin-top : -15px;
}

div#zoomOutils  ul li {
    padding:0;
    background : transparent;
    display : inline;
}

div#zoomOutils  ul li a 
{
    width : 14px;
    height : 11px;
    display : inline;
    float : left;
}

div#zoomOutils  ul li a#zoomMoins, 
div#zoomOutils  ul li a#zoomPlus { margin-right : 7px; }
.noscript { 
	width: 100%; 
	padding: 5px; 
	position: relative; 
	z-index: 9000; 
	color: black; 
	background: #fdefca !important; 
	float:left;
	border: 1px solid black;
}

/** Header **/ 
div#header {
    
    padding: 10px;
    margin-bottom: 5px;
    background: #fff;
}

div#header a#logo {
	display : block;
	height : 70px;
	line-height: 70px;
}
div#header a#logo img {
    
    vertical-align: middle;
}

div#header h2 a {
	display : block;
	width : 315px;
	height : 100px;
	position: relative;
	top : 22px;
	left : 22px;
	text-decoration: none;
}

div#header h2 a span{ visibility: hidden; }

/** Outils du header **/
div#outilHead  {
    
    z-index : 10;
}

#siteBottom{

    background: #fff;
    margin-bottom: 20px;
    padding-bottom: 10px;
    overflow: hidden;
}

div#outilHead div { text-align:right; }
div#versionLan, 
div#accesSecu  {
	padding-top : 13px;
	padding-right : 22px;
	height : 21px; 
	float : left;
}

div#versionLan { width : 120px; background : url(../images/fondlangue.gif) no-repeat 0 0; }
div#versionLan a.fr { background: url(../images/fr.jpg) no-repeat 0px 3px; }
div#versionLan a.gb { background: url(../images/gb.jpg) no-repeat 0px 3px; }
div#versionLan a.fr, 
div#versionLan a.gb { padding-left:18px; }
div#accesSecu { width : 134px; background : url(../images/fondsecure.gif) no-repeat 0 0; }
div#accesSecu a, div#accesSecu span { padding-left:15px; background: url(../images/cadena.gif) no-repeat 0px 1px; }
div#rechercher {

	margin: 30px 0 30px 0;
}

div#rechercher form {  }
div#rechercher form fieldset {  border: none; padding: 0; margin: 0;}
div#rechercher form fieldset {  border: none; padding: 0; margin: 0; }
div#rechercher form fieldset legend { padding: 0; padding-left:10px; font-size: 12px;  color:#747474; text-transform: uppercase; font-weight: normal; }
div#rechercher form fieldset label {  float : left; display: none; width : 45px; text-indent: 8px; line-height : 20px; height : 20px; }
div#rechercher form div.bordure{ 

    border-top: 1px dotted #61aa34;
    border-bottom: 1px dotted #61aa34;
    padding: 10px 0;
}
div#rechercher form div.element{ 

    background: #fff;
    border: 1px #83a735 solid;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
}
div#rechercher form fieldset input#motscles { float: left; width: 120px; height: 20px; border: 0; font-size: 1em;}
input#recherche_submit {
	width : 25px;
	background : url(../images/recherche-loupe.png) no-repeat center center;
	color : #fff;
	border : 0px solid #fff;
	height : 19px;
	float: left;
}


/* menu Profil */

#menu .MENUGAUCHE{

    display: none;
}

#menu ul li ul.niveau1{

    display: none;
}
#menu ul li ul li ul{

    display: block;
}

#menu ul.niveau0{

    position: relative;
    z-index: 999;
}
#menu ul.niveau0 li ul.niveau1{

    position: absolute;
    z-index: 1000;
    background: #386fa8;
    left: 0;
}
#menu ul.niveau0 li ul.niveau1 li{

    text-align: left;
    min-width: 200px;
    float: none;
    margin: 0px 10px 5px 10px;
    border-top: 1px #fff dotted;
}
#menu ul.niveau0 li ul.niveau1 li a{

    color: #fff;
    font-size: 13px;
    text-transform: uppercase;
    font-family: myriad Pro;
    text-decoration: none;
    margin: 6px 0;
    min-height: 0;
    padding-bottom: 0px;
    background: none;
    
}
#menu ul.niveau0 li ul.niveau2{

    position: relative;
    margin: 0 0 5px 0;
    padding: 0;
}
#menu ul.niveau0 li ul.niveau2 li{

    width: auto;
    float: none;
    margin: 0 0 5px 0;
    padding: 0;
    border-top: 0;
}
#menu ul.niveau0 li ul.niveau2 li a{

    color: #CCC;
    text-transform: none;
}

#menu ul.niveau0 li ul.niveau2 li a:hover,#menu ul.niveau0 li ul.niveau2 li a.selected{

    text-decoration: underline;
}

div#menu ul {
    position : relative;
    margin : 0;
    padding-top : 10px;
    padding-bottom : 10px;
    margin-left : 17px;
    display : block;
	font-size : 1em;
}
div#menu ul li {
	position : relative;
	padding : 0px 10px;
	list-style-type : none;
	background : none;
	float: left;
    width: 100px;
    font-size: 15px;
    text-align: center;
    
}
div#menu ul li a{

    color: #9a9a9a;
    text-decoration: none;
    display: block;
    min-height: 30px;
    padding-bottom: 20px;
}

div#menu ul li a:hover,div#menu ul li a.selected{

    color: #386FA8;
    background: url(../images/menu-profil-fleche.png) no-repeat bottom center;
}


/** Colonne de gauche **/
div#colonneGauche {
	margin: 0 10px 0 20px;
	padding: 0;
	background: #f6f6f6;
	
	-moz-box-shadow: 3px 3px 3px #efefef, -3px 3px 3px #efefef;
	-webkit-box-shadow: 3px 3px 3px #efefef, -3px 3px 3px #efefef;
	-khtml-box-shadow: 3px 3px 3px #efefef, -3px 3px 3px #efefef;
	box-shadow: 3px 3px 3px #efefef, -3px 3px 3px #efefef;
}



#colonneGauche #menuGauche{

    color: #828282;
    padding-top: 10px;
}

#colonneGauche #menuGauche ul{

    border-top: 1px #61aa34 dotted;
}
#colonneGauche #menuGauche ul li a{

    padding: 5px 10px;
}
/* niveau0 */
#colonneGauche #menuGauche ul.niveau0 li{

    border-bottom: 1px #61aa34 dotted;
    /*text-transform: uppercase;*/
}
#colonneGauche #menuGauche ul.niveau0 li a{

    display: block;
    min-height: 30px;
    color: #747373;
}
#colonneGauche #menuGauche ul.niveau0 li a:hover, #colonneGauche #menuGauche ul.niveau0 li a.selected{

    background: #34679d;
    color: #fff;
    border: 0;
    
    background-image: -moz-linear-gradient(top, #407ebe, #27507a);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#407ebe), to(#27507a));
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#407ebe,endColorstr=#27507a);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#407ebe,endColorstr=#27507a)";
}


/* niveau1 */
#colonneGauche #menuGauche ul.niveau1 li{

    border: none;
}
#colonneGauche #menuGauche ul.niveau1 li a{

    display: block;
    min-height: 30px;
    color: #3569a0;
}
#colonneGauche #menuGauche ul.niveau1 li a:hover, #colonneGauche #menuGauche ul.niveau1 li a.selected{

    background: #f6f6f6;
    color: #3569a0;
    text-decoration: underline;
    
    background-image: none;
    background-image: none;
    filter:none;
    -ms-filter: none;
}
/* niveau2 */
#colonneGauche #menuGauche ul.niveau2 li a{

    min-height: 20px;
    color: #828282;
    text-transform: none;
}
#colonneGauche #menuGauche ul.niveau2 li a:hover, #colonneGauche #menuGauche ul.niveau2 li a.selected{

    background: #f6f6f6 url(../images/fleche-menu-gauche.png) no-repeat left center;
    color: #61aa34;
}
#colonneGauche #menuGauche ul.niveau1{

}
#colonneGauche #menuGauche a{

    color: #828282;
    text-decoration: none;
    font-size: 12px;
    line-height: 20px;
}
#colonneGauche #menuGauche .MENUHAUT{

    display: none;
}
#colonneGauche #menuGauche ul{

    margin: 0;
    padding: 0;
}
#colonneGauche #menuGauche ul li{

    margin: 0px;
    padding: 0px;
}

#colonneGauche #menuGauche .niveau3{

    display: none;
}


#menuHeader ul{

    margin: 0;
    padding: 0;
}
#menuHeader ul li{

    float: left;
    width: 200px;
    background: url(../images/menuheader-puce.png) no-repeat 5px center;
}
#menuHeader ul li a{

    color: #252626;
    text-decoration: none;
    font-size: 12px;
    font-family: myriad Pro;
}

div#rubriques h3{

    color: #747474;
    font-size: 12px;
    font-weight: normal;
    padding: 0 0 0 10px;
    text-transform: uppercase;
    background: none;
}

div#rubriques ul {

    border-top: 1px dotted #83a735;
    border-bottom: 1px dotted #83a735;
}
div#rubriques a {
	color : #747474;
	text-decoration : none;
}

div#colonneGauche div#rubriques ul { margin : 0; padding : 3px; }
div#colonneGauche div#rubriques ul li { padding-left:5px; line-height:20px; }
div#colonneGauche div#rubriques ul li img { margin-right : 5px; margin-top: 1px; display: block; float: left; }
div#colonneGauche div#rubriques ul li a { display: block; }
div#colonneGauche div#rubriques ul li a:hover { text-decoration: underline; }


div#urgences{

    float: right;
    margin: 20px 0px 10px 0;
}

div#urgences a{

    display: block;
    height: 15px; 
    width: 100px;
    background: url(../images/urgences.png) no-repeat;
    
}
div#urgences span{

    display: none;
}

/** Contenu **/
div#contenu {
	width : 686px;
	float : right;
	display : inline;
	padding-right: 10px;
}

body.INDEX div#contenu{

    width: 650px;
    margin: 20px;
}

/* @group Outils (Zoom +, Zoom -, Ami, Print) */

ul#outilsZoom {margin: 0px 10px 10px 0; float:right;display:inline;list-style: none;top:0;right:0;}
ul#outilsZoom li {list-style: none;margin : 0;padding : 0;display:inline;background: none;}
ul#outilsZoom li a {width:16px;height:19px;display:inline;float:left; border:none}

a#zoomMoins {margin-right:7px;background: url('../images/zoomMoins.png') no-repeat 0 0;}
a#zoomPlus {background: url('../images/zoomPlus.png') no-repeat 0 0;}
a#envoyerAmi {margin-right:7px;margin-left:7px;background: url('../images/envoyerAmi.png') no-repeat 0 0;}
a#envoyerAmi span{display:none;}
a#imprimer {margin-right:7px;background: url('../images/imprimer.png') no-repeat 0 0;}
a.langue {margin-left:7px; }

a#zoomMoins:hover, a#zoomPlus:hover, a#envoyerAmi:hover, a#imprimer:hover, a#commentArticle:hover {background-position: 0 -19px; border:none}
ul#outilsZoom li a span {display:none;}

#chemin
{
    width: 540px;
    position:relative;
    font-size: 10px;
    margin: 0;
    color: #48a626;
    font-family: Myriad Pro;
}
#chemin .vousetesici, #chemin a{

    color: #9e9d9d;
    text-decoration: none;
}
#chemin a:hover{

    text-decoration: underline;
}
/* @end */

.articleHeader{

    background: url(../images/bck-articleHeader.png) repeat-y;
    padding: 10px 10px 5px 10px;
}
.articleHeaderFoot{

    background: url(../images/bck-articleHeaderFoot.png) no-repeat center center;
    height: 10px;
}
/** Articles **/
div#article {
    /*margin : 0px 20px 0px 12px;*/
}

/** Encart visite interactive **/
div#visite {
    text-align : right;
    margin-top : 32px;
    padding-top : 10px;
    height : 125px;
    width : 115px;
    float : left;
}

div#visite a img { margin-right : -5px; }

/** Pied de page **/

div#footer {
	margin : 0 auto 10px auto;
	padding: 0;
	height: 51px;
	background: transparent url(../images/bck-footer.png) repeat-x ;
	color: #7d7d7d;
	position: relative;
}

div#footer #footerLogo{

    width: 50px;
    height: 50px;
    background: url(../images/footer-logo.png) no-repeat center center;
}

div#footer .footerLibelle{

    height: 25px;
    line-height: 25px;
}
div#footer .footerLibelle span{

    vertical-align: bottom;
    line-height: 12px;
    font-size: 9px;
}


div#footer #handmade {

    position: absolute;
    right: 5px;
    bottom: 3px;
}

div#footer ul {
	height : 20px;
	padding-left : 11px; 
	display: inline;
	margin-left : 5px;
}

div#footer ul li  {
	color : #fefffe;
	display : inline;
	padding : 0;
}


div#footer ul li span, 
div#footer ul li a {
	float : left;
	display : inline;
	margin-right : 11px;
	padding-right : 9px;
	color : #a0a0a0;
	text-decoration : none;
	font-size: 10px;
	font-family: Myriad Pro;
	font-weight: bold;
}

div#footer ul li#noe a  {
	float : right;
	margin-right : 14px;
	padding-right : 0;
	background : transparent;
}

div#footer ul li a:hover { text-decoration : underline; }

/** Barre de pagination **/
div#pagination {
	padding-bottom:5px;
    margin-top:10px;
    clear: both;
}

div#pagination ul  { float: left; margin: 0; list-style-type: none; background: none;}
div#pagination ul li  { list-style-type: none; display: inline; padding: 0; }
div#pagination ul li a, 
div#pagination ul li strong { float: left; margin-right: 10px; }

/* @group Pagination */

div#article .pagination {
	text-align: center;
	margin: 0 !important;
	margin-top: 10px;
}

body #contenu div#article .pagination li {
	list-style: none;
	margin: 0;
	padding: 0;
	font: 10px "Lucida Grande", Lucida, Verdana, sans-serif;
	display: inline;
	background: none !important;
}

div#article .pagination li a {
	margin: 0 1px 0 0;
	padding: 3px;
	text-decoration: none;
	color: #555;
}
div#article .pagination li a.page_suivante {

	-moz-border-radius: 0 20px 20px 0;
}
div#article .pagination li a.page_precedente {

	-moz-border-radius: 20px 0 0 20px;
}

div#article .pagination li a:hover {
	background: #f1f1f1;
}

div#article .pagination li.select a {
	font-weight: bold;
	background: #f1f1f1;
	cursor: default;
	border: 1px solid #ccc;
}

div.erreur {
	background: #fff9e8;
	border: 1px solid #FF0000;
	margin: 10px 0 20px 0;
	padding:10px;
}

div.erreur ul {
	margin-top: 10px;
}

div#emploi {
	margin: 20px 0;
}


.blocInfoSites{
    width: 650px;
    -moz-box-shadow: 1px 1px 5px #888888, -1px 1px 5px #888888, 1px -1px 5px #888888, -1px -1px 5px #888888;
	-webkit-box-shadow: 1px 1px 5px #888888, -1px 1px 5px #888888, 1px -1px 5px #888888, -1px -1px 5px #888888;
	-khtml-box-shadow: 1px 1px 5px #888888, -1px 1px 5px #888888, 1px -1px 5px #888888, -1px -1px 5px #888888;
	box-shadow: 1px 1px 5px #888888, -1px 1px 5px #888888, 1px -1px 5px #888888, -1px -1px 5px #888888;
    margin-bottom: 20px;
}

.blocInfoSites .BlocSite{

    display: none;
    min-height: 250px;
    width: 650px;
    background: url() center center no-repeat;
}

.blocInfoSites .site1{

    background-image: url(../images/site-gap-murat.png);
}
.blocInfoSites .site2{

    background-image: url(../images/site-gap-sisteron.png);
}
.blocInfoSites .site3{

    background-image: url(../images/site-gap-adret.png);
}

.blocInfoSites .blocInfoSitesContent{

    float: right;
    width: 200px;
    background: url(../images/bck-siteContent.png);
    color: #fff;
    font-family: Arial Unicode MS;
    font-size: 12px;
    padding: 20px;
    min-height: 290px;
}

.blocInfoSites .SitesLibelle{

    color: #7fbb48;
    font-size: 21px;
    font-weight: bold;
    font-family: Blue Highway;
    margin-bottom: 10px;
}
.blocInfoSites .SitesTexte{

    margin-bottom: 20px;
}

.blocInfoSites .SitesTexte p{

    color: #fff;
}
.blocInfoSites ul{

    margin: 0;
    padding: 0;
    font-family: Myriad Pro;
}
.blocInfoSites li{

    padding: 0;
}

.blocInfoSites .NavPrev,.blocInfoSites .NavNext{

    display: block;
    width: 10px;
    height: 15px;
    background: url(../images/HomeSitePrev.png) no-repeat center center;
    float: left;
    cursor: pointer;
}
.blocInfoSites .NavPrev span,.blocInfoSites .NavNext span{

    display: none;
}
.blocInfoSites .NavNext{

    background-image: url(../images/HomeSiteNext.png);
    float: right;
}

input.autocompletion{

    border: 1px solid #83A735;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
    padding: 3px;
}
form.affineur{
    background: none repeat scroll 0 0 #F6F6F6;
    border: 1px solid #E3E3E3;
    margin: 10px 0 20px 0;
    padding: 5px 10px;
}
form.affineur div{

    border: 0;
}
form.affineur .soumission{

    text-align: center;
    border: 0;
}
form.affineur .soumission input{

    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
    padding: 5px 10px;
}