html, body {
	height: 100%;
	position:relative;
}
div#page {
	position: relative;
	min-height: 100%;
	background-image:url(img/bg-top.jpg);
	background-repeat:repeat-x;
	background-position:top;
}
div#piedpage1 {
	clear: both;
}	
div#piedpage2 {
	position: absolute;
	bottom: 0; 
	left: 0;
	width: 100%;
}
*html div#page {
	height: 100%;
}
*html div#piedpage2 {
	bottom: -1px;
}
body {
	background-color:#FFFFFF;
	font-size:11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#333333;
	margin:auto;
	margin-top:0px;
	margin-bottom:0px;
	z-index:0;
	}
img {
	border:0px;
	}
a {
	text-decoration:underline;
	color:#cf0688;
	outline:0;
	}
a:hover {
	color:#000000;
	text-decoration:none;
	}
.clear {
	clear:both;
	}
h1 {
	margin:0px;
	padding:0px;
	font-size:22px;
	font-weight:normal;
	color:#000000;
	text-align:left;
	background-image:url(img/plus.jpg);
	background-repeat:no-repeat;
	padding-left:70px;
	padding-bottom:10px;
	padding-top:5px;
	}
h2 {
	margin:0px;
	margin-top:20px;
	margin-bottom:5px;
	padding:0px;
	font-size:18px;
	font-weight:normal;
	color:#cf0688;
	text-align:left;
	}
h3 {
	margin:0px;
	padding:0px;
	font-size:14px;
	font-weight:normal;
	color:#2387D5;
	text-align:left;
	}
.fontgrosse {
	font-size:30px;
	color:#cf0688;
	}
form {
	margin:0px;
	padding:0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	}
input, select ,textarea {
	border: solid #000000 1px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	padding:2px;
	margin:0px;
	}
input[type=radio], input[type=checkbox] {
	border:0px;
	}
.rolltransparent:hover {
	filter:alpha(opacity=50);
    	-moz-opacity:0.5;
   	-khtml-opacity: 0.5;
   	 opacity: 0.5;
}
.black {
	color:#000000;
	}



/*bout flottant je m'informe/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
#flottant {
	z-index:150;
	position:absolute;
	top:50px;
	right:0;
	}
#flottant a {
	background-image:url(img/boutinforme-off.png);
	background-repeat:no-repeat;
	width:43px;
	height:174px;
	display:block;
	}
#flottant a:hover {
	background-image:url(img/boutinforme.png);
	}
*html  #flottant a {
	background-image:url(img/boutinforme-off.gif);
	}
*html #flottant a:hover {
	background-image:url(img/boutinforme.gif);
	}





/*Conteneur////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
.contain {
	width:950px;
	margin:auto;
	}

	
	
	
/*Menu du haut/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
.menuhaut {
	height:42px;
	background-image:url(img/menu-haut.jpg);
	background-repeat:no-repeat;
	position:relative;
	}
.accueil {
	background-image:url(img/accueil-off.jpg);
	width:67px;
	height:42px;
	float:left;
	display:block;
	}
.contacts {
	background-image:url(img/contacts-off.jpg);
	width:120px;
	height:42px;
	float:left;
	display:block;
	background-repeat:no-repeat;
	}
.recherchehaut {
	background-image:url(img/recherchehaut.jpg);
	width:100px;
	}
.espacepros {
	background-image:url(img/espace-pros-off.jpg);
	width:106px;
	}
.outils {
	background-image:url(img/outils-pratiques-off.jpg);
	width:127px;
	}
.goodies {
	background-image:url(img/goodies-off.jpg);
	width:85px;
	}
.partenaires {
	background-image:url(img/partenaires-off.jpg);
	width:107px;
	}
.webpublic {
	background-image:url(img/web-public-off.jpg);
	width:148px;
	}
.accueil:hover {
	background-image:url(img/accueil.jpg);
	}
.contacts:hover {
	background-image:url(img/contacts.jpg);
	}
.recherchehaut:hover {
	background-image:url(img/recherche-off.jpg);
	}
.espacepros:hover  {
	background-image:url(img/espace-pros.jpg);
	}
.outils:hover  {
	background-image:url(img/outils-pratiques.jpg);
	}
.goodies:hover  {
	background-image:url(img/goodies.jpg);
	}
.partenaires:hover  {
	background-image:url(img/partenaires.jpg);
	}
.webpublic:hover  {
	background-image:url(img/web-public.jpg);
	}
.bandeau {
	height:302px;
	text-align:center;
	background-image:url(img/bg-bandeau.jpg);
	background-repeat:no-repeat;
	}
.menuhaut ul, .menuhaut li {
	margin:0;
	padding:0;
	float:left;
	list-style: none;
	}
.menuhaut ul li {
	position:relative;
	height:42px;
	cursor:pointer;
	display:block !important;
	}
.menuhaut ul li ul {
	filter : alpha(opacity=80);
   	-moz-opacity : 0.8;
    	opacity : 0.8; 
	display:none;
	height:281px;
	width:200px;
	background-color:#000000;
	position:absolute;
	z-index:100;
	padding:10px;
	top:42px;
	}
.menuhaut ul li ul li{
	height:auto;
	display:block;
	width:auto;
	float:none;
	padding-bottom:5px;
}
.menuhaut ul li ul li a{
	font-size:12px;
	text-decoration:none;
	color:#FFFFFF;
	display:block;
	float:none;
	line-height:13px;
	}
.menuhaut a:hover{
	color:#999999;
}
.menuhaut h2{
	color:#FFFFFF;
	margin-bottom:10px;
	border-bottom:dotted 1px;
	}




/*Menu principal////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
#cadremenu {
	background-image:url(img/menu-principal.jpg);
	background-repeat:no-repeat;
	height:84px;
	}
*html #cadremenu{
	background:none;
}

#menu {
    position:absolute;
    display:block;
    margin:0;
    padding:0;
    z-index:100 !important;
}
#menu ul {
    position:absolute;
    background-image:url(img/fleche.gif);
    background-repeat:no-repeat;
    display:block;
    padding:0;
    margin:0;

    padding-top:13px;
    }
#menu li ul {
	visibility:hidden;
	}
#menu li {
    list-style:none;
    height:auto;
    display:inline;
    float:none;
    float/**/:left;
    margin:0;
    padding:0;
    }
#menu li ul a {
	text-shadow: 0px 2px 2px #3F3F3F;
    color:white;
    text-decoration:none;
	font-size:12px;
	display:block;
	width:180px;
	padding:10px;
	padding-top:0px;
	padding-bottom:0px;
	height:34px;
    }
#menu li ul li {
    padding-top:20px;
    list-style:none;
    height:auto;
    display:inline;
    float:none;
    margin:0;
    padding:0;
    width:190px;
    -moz-box-shadow: 8px 8px 12px #aaa; 
    -webkit-box-shadow: 8px 8px 12px #aaa; 
    box-shadow: 8px 8px 12px #555; 
    background-color:transparent;
    }
/* correct a little IE bug */
*html #menu li ul li {
    display:inline;
    }
#menu li ul li ul {
    	position:absolute;
	margin:0px;
	padding:0px;
	margin-left:201px;
	opacity:0.9;
	ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
    }
* html #menu a:hover{
	color:#CF0688;
}
#menu li ul li ul li a{
	text-shadow:none;
	display:block;
	padding:5px;
	padding-top:0px;
	padding-bottom:0px;
	height:auto;
}
*html #menu li ul li ul li a{
	padding-top:5px;
	padding-bottom:5px;
	}
*html #menu li ul li ul li a:hover{
	color:#CF0688 !important;
}
#menu .un {
	margin-top:-34px;
	}
#menu .deux {
	margin-top:-68px;
	}
#menu .trois {
	margin-top:-102px;
	}
#menu .quatre {
	margin-top:-136px;
	}
#menu .cinq {
	margin-top:-170px;
	}
#menu .six {
	margin-top:-204px;
	}
#menu .sept {
	margin-top:-238px;
	}
#menu .huit {
	margin-top:-272px;
	}
#menu .neuf {
	margin-top:-316px;
	}		
*html #menu .neuf {
	margin-top:-306px;
	}		
#menu li ul li ul {
	background-color:#000000;
	height:306px;
	border-radius:5px 5px 5px 5px;
	-moz-border-radius:5px 5px 5px 5px;
	-webkit-border-top-left-radius:5px;
	-webkit-border-top-right-radius:5px;
	-webkit-border-bottom-left-radius:5px;
	-webkit-border-bottom-right-radius:5px;
	}

/* for a mozilla better display with key nav */
#menu a:focus{
    background-color: #CF0688 ;
}

#mesdemarches{
	color:transparent;
	background-image:url(img/mes-demarches-off.jpg);
	width:213px;
	height:84px;
	display:block;
	}
#monquotidien {
	color:transparent;
	background-image:url(img/mon-quotidien-off.jpg);
	width:203px;
	height:84px;
	display:block;
	}
#jeparticipe {
	color:transparent;
	background-image:url(img/je-participe-off.jpg) ;
	width:240px;
	height:84px;
	display:block;
	}
	
#jeminforme {
	color:transparent;
	background-image:url(img/je-m-informe-off.jpg);
	width:290px; 
	height:84px;
	display:block;
	}
.mesdemarcheshover > a {
	background-image:url(img/mes-demarches.jpg) !important;
	width:213px;
	height:84px;
	}
.monquotidienhover > a{
	background-image:url(img/mon-quotidien.jpg) !important;
	width:203px;
	height:84px;
	}
.jeparticipehover > a {
	background-image:url(img/je-participe.jpg) !important;
	width:240px;
	height:84px;
	}
.jeminformehover > a {
	background-image:url(img/je-m-informe.jpg) !important;
	width:294px;
	height:84px;
	}

.lightgrey a{
	background-color:#3F3F3F;
}

.noir a{
	background-color:black;
}

#demarches .lightgrey:hover a{
	background-color:#2286D4 !important;

}

#demarches .lightgrey:hover a{
	background-color:grey;
}

#demarches .noir:hover a{
	background-color:#2286D4 !important;
}

#quotidien .lightgrey:hover a{
	background-color:#CF0688 !important;
	background-image:url(img/flecheli.jpg) !important;
	background-repeat:no-repeat !important;
	background-position:right !important;
}


#quotidien .lightgrey:hover .deuxieme a{
	background-color:black !important;
	background-image:none !important;
}

#quotidien .noir:hover .deuxieme a{
	background-color:black !important;
	background-image:none !important;
}

#quotidien .noir:hover a{
	background-color:#CF0688 !important;
	background-image:url(img/flecheli.jpg) !important;
	background-repeat:no-repeat !important;
	background-position:right !important;
}

#participe .lightgrey:hover a{
	background-color:#7ABF00 !important;
}

#participe .noir:hover a{
	background-color:#7ABF00 !important;
}

#minforme .lightgrey:hover a{
	background-color:#C02028 !important;
}

#minforme .noir:hover a{
	background-color:#C02028 !important;
}
.last > *{
	border-radius:0px 0px 5px 5px;
	-moz-border-radius:0px 0px 5px 5px;
	-webkit-border-top-left-radius:0px;
	-webkit-border-top-right-radius:0px;
	-webkit-border-bottom-left-radius:5px;
	-webkit-border-bottom-right-radius:5px;
	margin-bottom:10px;
}
#menu li ul li ul .last a {
	padding-bottom:0px !important;
	}
#menu li ul li ul .last a {
	padding-bottom:10px !important;
	}
.first > *{
	border-radius:5px 5px 0px 0px;
	-moz-border-radius:5px 5px 0px 0px;
	-webkit-border-top-left-radius:5px;
	-webkit-border-top-right-radius:5px;
	-webkit-border-bottom-left-radius:0px;
	-webkit-border-bottom-right-radius:0px;
}

ul li ul li .last > * {
	border-radius:0px 0px 5px 5px;
	-moz-border-radius:0px 0px 5px 5px;
	-webkit-border-top-left-radius:0px;
	-webkit-border-top-right-radius:0px;
	-webkit-border-bottom-left-radius:5px;
	-webkit-border-bottom-right-radius:5px;
	height:auto !important;
}


.centre  > *{
	border-radius:0px;
	-moz-border-radius:0px;
	-webkit-border-radius:0px;
}

.fleche a{
	background-image:url(newmenu/flecheli.png);
	background-repeat:no-repeat;
}

.deuxieme a{
	color:#EFEFEF !important;
   	text-decoration:none;
	font-size:12px !important;
	display:block;
	width:300px;
	padding:4px;
	padding-left:10px;
	padding-right:10px;
	background-color:#000000;
}

.deuxieme:hover a{
	color:#CF0688 !important;
}

.deuxieme h2{
	color:#CF0688 !important;
    text-decoration:none;
	font-size:14px !important;
	display:block;
	width:310px;
	padding:5px !important;
	padding-top:0px;
	padding-bottom:0px;
	height:12px !important;
	background-color:#000000;
	margin:0px !important;
}

#menu > li {
	height:84px !important;
}

#minforme{
	margin-left:93px !important;
}

#demarches{
	margin-left:10px !important;
}

#demarches .first a{
	padding-top:3px;
}
#menu li ul li ul li {
	padding:0px;
	width:320px; 
	}
#menu li ul li ul li ul {
	width:320px;
	}
#menu li ul li ul li  a{
	width:300px;
	padding-left:10px;
	padding-right:10px;
	}
*html #menu li ul li ul li  a{
	height:auto;
	margin:0;
	padding:0;
	padding-left:10px;
	padding-right:10px;
	}
*html #menu li ul li ul li  {
	height:auto;
	margin:0;
	padding:0;
	}



/*Interne///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
#fondgfx {	
	font-size:11px;
	background-image:url(img/bginterne.jpg);
	background-repeat:repeat-y;
	background-position:top center;
	padding-bottom:40px;
	min-height:500px;
	}
*html #fondgfx {	
	height:500px;
	}



/*Interne///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
.contenu {
	margin-left:5px;
	padding-bottom:100px;
	min-height:200px;
	width:945px;
	position:relative;
	}
*html .contenu {
	height:200px;
	}
.ariane {
	color:#999999;
	font-size:10px;
	margin-top:15px;
	margin-bottom:15px;
	width:600px;
	float:left;
	padding-top:10px;
	}
.ariane a {
	color:#999999;
	text-decoration:none;
	font-size:10px;
	}
.ariane a:hover {
	color:#000000;
	}
.partage {
	width:310px;
	margin-top:20px;
	margin-left:20px;
	text-align:right;
	float:left;
	}
	
	
	
	
/* Interne Page d'accueil /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
.breve {
	width:917px;
	height:20px;
	margin-left:12px;
	padding-right:10px;
	text-align:right;
	color:#FFFFFF;
	background-color:#000000;
	}
.breve img{
	float:left;
	margin-right:10px;
	}
.brevetexte {
	padding-top:2px;
	}
.hautencart {
	background-image:url(img/haut-encart.png);
	background-repeat:no-repeat;
	padding:20px;
	padding-top:10px;
	padding-bottom:0px;
	margin-top:10px;
	height:40px;
	}
.midencart {
	background-image:url(img/milieu-encart.png);
	background-repeat:repeat-y;
	padding:20px;
	padding-top:0px;
	padding-bottom:0px;
	width:905px;
	}
.basencart {
	background-image:url(img/bas-encart.png);
	height:25px;
	background-repeat:no-repeat;
	}
*html .hautencart {
	background-image:url(img/haut-encart.gif);
	}
*html .midencart {
	background-image:url(img/milieu-encart.gif);
	}
*html .basencart {
	background-image:url(img/bas-encart.jpg);
	}
.vousetes {
	font-size:18px;
	color:#000000;
	padding-left:600px;
	}
.vousetes select {
	margin-left:20px;
	width:150px;
	}
.encartvousetes {
	float:left;
	background-image:url(img/encart-vousetes.png);
	width:195px;
	height:175px;
	padding:20px;
	font-size:14px;
	color:#2386d5;
	}
*html .encartvousetes {
	background-image:url(img/encart-vousetes.gif);
	}
.encartvousetes a{
	text-decoration:none;
	font-size:14px;
	color:#2386d5;
	}
.colencart {
	width:280px;
	text-align:justify;
	float:left;
	margin-right:20px;
	}
.colencart p,a{
	margin:0px;
	}
.telech {
	float:left;
	width:236px;
	}
.encarttelech {
	background-image:url(img/mid-telech.gif);
	background-repeat:repeat-y;
	padding-right:10px;
	text-align:left;
	}
.divmargin {
	margin-left:70px;
	}



/*Interne CMS///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
.ssmenu {
	width:200px;
	float:left;
	margin-bottom:20px;
	}
	
*html .ssmenu {
	width:190px;
	float:left;
	margin-bottom:20px;
	}
	
.ssmenu h1 {
	background-image:none;
	font-size:18px;
	padding-left:0px;
	color:#cf0688;
	margin-bottom:20px;
	}
.ssmenu h2 {
	margin-bottom:20px;
	margin-top:0;
	}
.ssmenu ul, .ssmenu li {
	margin:0px;
	list-style-type:none;
	padding:0px;
	}
.ssmenu li {
	background-image:url(img/pointilles.jpg);
	background-position:bottom;
	background-repeat:no-repeat;
	}
.ssmenu a{
	display:block;
	text-decoration:none;
	background-image:url(img/ssmenu-off.jpg);
	height:auto;
	width:180px;
	padding:7px;
	padding-left:0px;
	padding-right:20px;
	color:#000000;
	font-size:11px;
	background-repeat:no-repeat;
	background-position:center right;
	}
.ssmenu a:hover {
	background-image:url(img/ssmenu-on.jpg);
	color:#cf0688;
	}
.ssmenu .on {
	background-image:url(img/ssmenu-on.jpg);
	}
.ssmenu ul .on {
	color:#E62888;
}	
.ssmenu .flechedown {
	background-image:url(img/ssmenu-fils.jpg);
	}
		
.ssmenu ul li ul {
	padding:0px;
	background-image:none!important;
	padding-bottom:10px;
	}
.ssmenu ul li ul li {
	list-style-type:circle;
	}
.ssmenu ul li ul a {
	width:auto;
	background-image:none !important;
	color:#979797;
	padding:0px;
	}
.ssmenu ul li ul a:hover {
	background-image:none!important;
	}
.ssmenu ul li ul li {
	background-image:none!important;
	padding:0px;
	margin:0px;
	margin-left:20px;
	}
.ssmenu ul li ul li a {
	background-image:none!important;
	}
.droite {
	width:710px;
	margin-right:8px;
	margin-left:27px;
	float:left;
	text-align:justify;
	}
.droite ul  {
	list-style-image:url(img/plusli.jpg);
	list-style-position:inside;
	margin:0;
	}
.droite li  {
	margin:0;
	padding-left:5px;
	}
.imgdroite {
	float:right;
	margin:10px;
	margin-right:0px;
	}
.imggauche {
	float:left;
	margin:10px;
	margin-left:0px;
	margin-top:0px;
	}
.coordonnees {
	background-image:url(img/haut-coordonnees.gif);
	background-repeat:no-repeat;
	width:582px;
	padding-top:60px;
	padding-bottom:10px;
	padding-left:70px;
	padding-right:70px;
	text-align:left;
	margin-left:-12px;
	}
.coordonnees2 {
	background-image:url(img/haut-coordonnees2.gif);
	}
	
.coordonnees h3{
	font-size:18px;
	}
.coordonnees h2{
	font-size:14px;
	margin:0;
	}
.coord{
	padding:10px;
	border-bottom:dashed 1px #BFBFBF;
	background-color:#EFF8FF;
	}
.coord h2{
	color:#2386D5;
	}
.coord h3{
	color:#000000;
	}	
.coordonneesgauche {
	float:left;
	width:280px;
	margin-right:10px;
	border-right:dotted 1px;
	}
.coordonneesdroite {
	width:280px;
	margin-left:10px;
	float:left;
	}
.mail {
	color:#2387D5;
	text-decoration:none; 
	background-image:url(img/mail.jpg);
	background-repeat:no-repeat;
	background-position:center left;
	padding-left:30px;
	padding-top:1px;
	padding-bottom:3px;
	}
.mail a { 
	color:#2387D5;
	text-decoration:none; 
	}
.tel {
	background-image:url(img/tel.jpg);
	background-repeat:no-repeat;
	background-position:top left;
	color:#2387D5;	 
	padding-left:30px;
	}
.coordonnees h2, .hautsondages h2{
	color:#000000;
	}
.encartdeco {
	background-image:url(img/mid-deco.gif);
	background-repeat:repeat-y;
	padding:10px;
	padding-left:30px;
	padding-right:20px;
	text-align:justify;
	}
.hautsondages {
	background-image:url(img/haut-sondage.gif);
	background-repeat:no-repeat;
	width:612px;
	padding-top:50px;
	padding-bottom:10px;
	padding-left:110px;
	}
.sondages {
	padding-left:110px;
	padding-bottom:10px;
	}
.hautsondages h3 {
	color:#7BC000;
	}
.colonnex2 {
	float:left;
	width:338px;
	margin-right:22px;
	margin-bottom:10px;
	}
.colonnex3 {
	float:left;
	width:222px;
	margin-right:22px;
	margin-bottom:10px;
	}
.exportable{
	width:580px;
	padding:10px;
	font-size:10px;
	text-align:left;
	color:#9F9F9F;
	background-color:#1F1F1F;
}

.exportable input{
	font-size:9px;
	border-color:#4F4F4F;
	color:#4F4F4F;
	background-color:#1F1F1F;
	width:450px;
}

.exportable input:hover{
	border-color:#9F9F9F;
	color:#9F9F9F;
}

.exportable a{
	color:#9F9F9F;
	text-decoration:none;
}
.boxed {
	position:relative;
	display:block;
	width:230px;
	}
.zoom {
	background-image:url(img/button-enlarge.png);
	display:block;
	height:24px;
	position:absolute;
	right:0px;
	top:0px;
	width:24px;
}

/*footer///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
#footer {
	background-image:url(img/bg-footer.png);
	background-repeat:repeat-x;
	padding-top:30px;
	padding-bottom:10px;
	margin-left:5px;
	overflow:hidden;
	}
*html #footer {
	background-image:url(img/bg-footer.gif);
	}
#footer a {	
	color:#333333;
	text-decoration:none;
	}	
#footer a:hover {	
	color:#000000;
	}
.open {
	background-image:url(img/open-footer.png);
	width:50px;
	height:50px;
	display:block;
	float:right;
	}
*html .open{
	background-image:url(img/open-footer.gif);
	}
.open:hover {
	background-image:url(img/open-footer-over.png);
	}
*html .open:hover{
	background-image:url(img/open-footer-over.gif);	
	}
.close {
	background-image:url(img/close-footer.png);
	width:50px;
	height:50px;
	display:block;
	float:right;
	}
.close:hover {
	background-image:url(img/close-footer-over.png);
	}
*html .close{
	background-image:url(img/close-footer.gif);
}
*html .close:hover{
	background-image:url(img/close-footer-over.gif);
}
.col1footer {
	width:230px;
	margin-right:10px;
	float:left;
	}
.col2footer {
	width:230px;
	margin-right:10px;
	float:left;
	}
.col3footerbis {
	width:230px;
	margin-right:10px;
	float:left;
	}
.col3footerbis2 {
	width:220px;
	float:left;
	}
.col3footer {
	float:left;
	width:460px;
	}
.footerecherche {
	background-image:url(img/footer-recherche.jpg);
	background-repeat:no-repeat;
	padding-top:27px;
	padding-left:117px;
	padding-bottom:57px;
	}
.footerecherche input {
	float:left;
	width:150px;
	z-index:0 !important;
	}
.footerecherche a {
	float:left;
	width:20px;
	height:20px;
	margin-left:10px;
	display:block;
	}
#closefooter{
	cursor:pointer;
}

/* partage ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
	.tool-tip {
		margin-left:-10px;
		color: white;
		font-size:10px;
		padding:5px;
		z-index: 13000;
		background-color:black;
		filter : alpha(opacity=80);
   		-moz-opacity : 0.8;
   		opacity : 0.8; 
	}


/************** formulairesssssssssssss ****************/
#contactsform textarea { 
	width:450px;
	}
#contactsform input { 
	width:300px;
	}
#contactsform input[type="submit"], #form input[type="submit"] , input[type="submit"] {
	text-transform:uppercase;
	background-color:#cf0688;
	border:0px;
	width:auto;
	margin:auto;
	padding:6px;
	padding-left:12px;
	padding-right:12px;
	color:#FFFFFF;
	cursor:pointer;
	font-size:14px;
	border-radius:5px 5px 5px 5px;
	-moz-border-radius:5px 5px 5px 5px;
	-webkit-border-radius:5px;
	-moz-box-shadow: 2px 2px 4px  #787878; 
	-webkit-box-shadow: 2px 2px 4px  #787878; 
	box-shadow: 2px 2px 4px #787878; 
	font-size:12px;
	}
#contactsform input[type="submit"]:hover, #form input[type="submit"]:hover, input[type="submit"]:hover {
	color:#FFFFFF;
	}

.send {
	width:440px;
	text-align:center;
	color:#FFFFFF;
	background-color:#7BC001;
	padding:5px;
	font-weight:normal;
	text-decoration:blink;
	}
.senderreur{
	width:440px !important;
	text-align:center;
	color:#FFFFFF;
	background-color:#BF212B !important;
	padding:5px;
	font-weight:normal !important;
	text-decoration:none !important;
	}
.erreurchamp{
	background-color:#BF212B !important;
	color:#FFFFFF;
}
.strong {
	width:80px;
	float:left;
	}
.textechamp {
	width:150px;
	float:left;
	}
.mini {
	font-size:8px;
	text-align:justify;
	width:610px;
	}
.bouton{
	color:#FFFFFF;
	text-decoration:none;
	text-transform:uppercase;
	background-color:#cf0688;
	border:0px;
	width:auto;
	margin:auto;
	padding:6px;
	padding-left:12px;
	padding-right:12px;
	cursor:pointer;
	border-radius:5px 5px 5px 5px;
	-moz-border-radius:5px 5px 5px 5px;
	-webkit-border-radius:5px;
	-moz-box-shadow: 2px 2px 4px  #787878; 
	-webkit-box-shadow: 2px 2px 4px  #787878; 
	box-shadow: 2px 2px 4px #787878; 
	font-size:12px;
}
.bouton:hover{
	color:#FFFFFF;
}
#telex{
	color:#000000;
	width:480px;
	margin:auto;
	text-align:center;
	position:absolute;
	left:180px;
	top:20px;
	color:#cf0688;
}


/*** Encarts d'accueil profils ****/
.perso{
	display:none;
}
.perso img {
	margin-top:10px;
	}

#bubulle {
	float:right;
	margin-right:10px;
}

.map {
	display:block;
	width:480px;
	height:400px;
	border:1px solid #d7dade; 
	border-collapse:collapse; 
}

.mapcms {
	display:block;
	width:600px;
	height:400px;
	border:1px solid #d7dade; 
	border-collapse:collapse; 
}

.toprightcoordonneesgauchecms {
	float:none;
	width:auto;
	}
	
.tableau {
	width:99%;
	border-bottom:solid 1px #5D5D5D;
	-moz-box-shadow: 8px 8px 12px #aaa; 
    	-webkit-box-shadow: 8px 8px 12px #aaa; 
   	 box-shadow: 8px 8px 12px #555; 
	 text-align:left;
}

.tableau td:last-child {
	border-right:solid 1px #5D5D5D;
	vertical-align:middle;
}

.tableau td:first-child {
	border-left:solid 1px #5D5D5D;
}

.tableau td {
	height:60px;
}

.tableau td {
	background-color:white;
	vertical-align:top;
	padding:5px;
	border-top:solid 1px #5D5D5D;
	border-left:dashed 1px #8F8F8F;
}
.firstable td{
	background-color:#5F5F5F;
	color:white;
	text-transform:uppercase;
	text-shadow: 1px 1px 1px black;
}
.firstable td{
	height:15px;
}
.topleft{
	border-radius:5px 0px 0px 0px;
	-moz-border-radius:5px 0px 0px 0px;
	-webkit-border-top-left-radius:5px;
}
.topright{
	border-radius:0px 5px 0px 0px;
	-moz-border-radius:0px 5px 0px 0px;
	-webkit-border-top-right-radius:5px;
	width:60px;
}

.tableau .titre{
	color:#2283CE;
}

.tableau .adresse{
	color:#6F6F6F;
}

.tableau a{
	background-color:#2989D5;
	padding:3px;
	color:white !important;
	text-decoration:none;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	text-shadow: 1px 1px 1px #02131F;
}

.encartdemarche{
	display:block;
	background-image:url(img/bulle-coordonnes1.gif);
	height:71px;
	width:405px;
	background-repeat:no-repeat;
}

.encartinfo{
	display:block;
	background-image:url(img/bulle-coordonnes2.gif);
	height:62px;
	width:277px;
	background-repeat:no-repeat;
}

/******************************PLAN DU SITE*/
.plansite ul {
	margin-left:0px;
	list-style-type:none;
	list-style-image:none;
	padding-left:0;
	}
.plansite ul li {
	margin-left:0px;
	list-style-type:none;
	list-style-image:none;
	padding-left:0;
	}
.plansite ul li ul li {
	margin-left:0px;
	list-style-image:url(img/plusli.jpg);
	margin-left:10px;
	padding-left:5px;
	color:#000000;
	font-size:13px;
	}
.plansite ul li ul li ul li {
	margin-left:0px;
	list-style-image:none;
	list-style-type:circle;
	margin-left:10px;
	padding-left:5px;
	color:#333333;
	}
.plansite ul li ul li a{
	text-decoration:none;
	color:#000000;
	font-size:13px;
	}
.plansite ul li ul li ul li a{
	text-decoration:none;
	color:#333333;
	font-size:11px;
	}
.plansite ul li ul li ul li ul li {
	margin-left:20px;
	list-style-image:none;
	list-style-type:square;
	}