 /* Mise en page CSS du site pour screen */

/* //////////////////////////////////////////////////////// GLOBAL STRUCTURE /////////////////////////////////////////////////////// */

@media print{.gmnoprint{display:none}
#cm_map div {display:block}

}
@media screen{.gmnoscreen{display:none}}

* {margin: 0px;padding: 0px;}

body {font-family: Arial, Verdana, Helvetica, sans-serif ;margin: 0px;padding: 0px; background:url(../images/bg_accueil.jpg) top left repeat-x;}

img {border: 0 none; }

h1 {}
h2 {}
h3 {}
h4 {}
div {background-color:transparent}
p {text-align: left;}
strong {}
a:link, a:active, a:visited  {text-decoration: none;}
a:hover {text-decoration: underline;}
ul, li, dd {list-style-type: none;}
abbr, acronym {border-bottom: 1px dotted #6B6251;cursor:help;}
hr { display:none}
.myhr {clear:both; visibility:hidden; overflow:hidden; height:0px; display:block}

/* //////////////////////////////////////////////////////// Formulaire /////////////////////////////////////////////////////// */
#global{	width:970px; 	margin:0 auto;}

#header { width:800px; float:left; margin:10px 0 10px 170px;}
#header #entete h1{font-size:1.2em;font-weight:bold;color:#058299;text-align:center; width:600px; float:left;}
#header #entete #imprimer {float:right; margin: 0 60px 0 0;}
#header #entete #imprimer a {background:transparent url(../images/btn_action.jpg) no-repeat scroll left top;  border:medium none transparent; color:#FFFFFF; float:left; font-size:0.8em; font-weight:bold; height:22px; line-height:22px; width:96px;text-align:center;}


#menu{	width:170px; 	float:left;}
#menu h3{border-bottom:1px dotted #0582BC; color:#0582BC; font-weight:bold; margin:10px 0; padding:4px 0 3px;font-size:1em; }
#menu p {color:#0F86BE; font-size:12px; font-weight:bold; padding:2px; line-height:18px;}
#menu p a{color:#0F86BE;padding-bottom:2px;}
#menu p a.actif{color:#000000; font-size:12px; font-weight:bold; }
#menu p span.zone{color:#000000; font-size:12px; font-weight:bold; padding:7px;}
#menu p.lieux {color:#0F86BE; font-size:11px; font-weight:bold; padding:2px 5px 2px 15px; }
#menu p.lieux a {color:#0F86BE; font-size:10px; font-weight:bold; padding:5px;}
#menu #lieux_thematique{height:480px; overflow:auto;}



#map{ width:800px; 	height:650px; 	float:left; }
#recherche{ width:800px; float:left; margin:10px 0 10px 0;}
#recherche form label {color:#0F86BE; font-size:0.75em; font-weight:bold;float:left; width:300px;}
#recherche form input{float:left; width:300px;}
#recherche form input[type="submit"] {background:transparent url(../images/btn_action.jpg) no-repeat scroll left top;  border:medium none transparent; color:#FFFFFF; float:right; font-size:0.8em; font-weight:bold; height:22px;margin: 0 60px 0 0;  padding-bottom:3px; width:96px;}


#afficher_lieu{ width:800px; float:left;margin:0 0 10px 0;}
#afficher_lieu form label {color:#0F86BE; font-size:0.75em; font-weight:bold; float:left; width:300px;}
#afficher_lieu form select{float:left; width:300px;}
#afficher_lieu form input[type="submit"] {background:transparent url(../images/btn_action.jpg) no-repeat scroll left top;  border:medium none transparent; color:#FFFFFF; float:right; font-size:0.8em; font-weight:bold; height:22px; margin: 0 60px 0 0; padding-bottom:3px; width:96px;}

#mode_emploi { width:800px; float:left; margin:10px 0 10px 170px;}
#mode_emploi p {color:#000; font-size:12px; font-weight:normal; padding:2px; line-height:18px;}
#mode_emploi p span{color:#0F86BE; font-size:12px; font-weight:bold;}

div .gmnoprint div.descriptif h3 {color:#000000; font-size:12px; font-weight:bold;}
div .gmnoprint div.descriptif h4 {color:#000000; font-size:12px; font-style:italic;}

div .gmnoprint div.descriptif div {margin-top:10px;color:#000000; font-size:11px; font-weight:normal;text-align:left;}
div .gmnoprint div.descriptif a {font-size:11px; font-weight:bold; color:#0F86BE; text-decoration:underline;}

div .gmnoprint div.descriptif  div.itineraire {margin:20px 0 10px 0;}
div .gmnoprint div.descriptif  div.itineraire a{text-decoration:none;}
div .gmnoprint div.descriptif  div.bottom {}

#legende {display : none; }