/*general*/

html, body{
	margin: 0;
	padding:0;
}
body{
	text-align:center;
	background-color: #eeeeee;
	font-size: 62.5%;
	font-family: Arial, Helvetica, sans-serif;
}
#global{
	width: 85%;
	position:relative;
	min-width:760px;
	max-width: 900px;
	text-align: left;
	margin: 0 auto 0 auto;
}
.header{
	background:#3c3c3c url(/site/images/header_fd.jpg) repeat-x bottom;
	float:left;
	width: 100%;
	border-bottom:1px solid #e1e1e1;
}
.bord_dr{
   background:url(/site/images/bord_dr.gif) no-repeat top right; 
	float:left;
	width: 100%;
}
.logo{
	float: left;
	width: 124px;
	background:url(/site/images/bord_gau.gif) no-repeat top left; 
}
.logo img{
   width: 114px;
	height: 44px;
	margin:15px 0 0 10px;
	border: none;
}
.tramage{
	padding-top:9px;
	background:url(/site/images/tramage.gif) repeat-x; 
	clear: both;
}
.clear{
	clear: both;
}
/*Menu*/
.nav1{
	margin: 0 0 0 10px;
	width: 82%;
	padding:45px 0 0 0; 
	float: left;
}
.nav_act1 a{
	color: #94CCF2;
	text-decoration: none;
}
.nav_off1 a{
	color: #fff;;
   text-decoration: none;
}
.nav_act1, .nav_off1{
   float:left;
	list-style-type: none;
	margin: 0 9px 0 0;padding:0;
	font-size: 1.2em;
	font-weight: bold;
}
.nav2{
	margin:0;
	padding: 0;
}
.nav2 li{
	margin:1px 1px 0 1px;
	padding:3px;
	list-style-type: none;
		background-image: url(/site/images/back_white.png);
			font-size:1.1em;
}
.deco_nav2{
	 height: 2px;
	 margin: 1px 1px 0 1px;
	 	background:url(/site/images/back_white2.png) no-repeat; 
		}


.nav2 li.active a{
	color: #414141;
	text-decoration: none;
}

.nav2 li a{
	color: #000;
	text-decoration: none;
}
.nav2 li a:hover{
	color: #414141;
   text-decoration: none;
}

.titre{
   border-top:1px solid #e1e1e1;
	background-image: url(/site/images/fd_titre.jpg);
	background-repeat: repeat-x;
	background-color: #3c3c3c;
}
 h1{ 
   margin: 0;
   		padding:3px 0 0 140px;
		font-weight: bold;
	font-size: 1.6em;
	color: #94CCF2;
}
h1 img {
	margin-right: 5px;
	width:22px;
	height: 14px;
}

.content{
	background-color:#E1E1E1;
	background-image: url(/site/images/tramage2.gif);
	background-repeat: repeat-y;
}
.content p{
	margin:0;
	padding:0;
}
.left{
	float: left;
   width:130px;
	background-image:url(/site/images/escalade.jpg);
	background-repeat: no-repeat;
	height: 314px;
}
/*.menu2{
	margin:0;
	padding: 0;
}
.menu2 li{
	margin:1px 1px 0 1px;
	padding: 3px;
	list-style-type: none;
	font-size:1.1em;
	background-image: url(/site/images/back_white.png) repeat;
}*/

.contour p.legend{
	font-style: italic;
	color: #414141;
	padding: 3px;
	border: 1px dashed #c5c5c5;
}
.spacer	{
    display:none;
	 border: 0;
	 background-color: #fff;
}
.bord_menu{
	height: 25px;
}
.center{
   margin-left:130px;
	
   padding: 1px 10px 10px 10px;
	}
.footer{
	background-image: url(/site/images/bord_bas_gau.gif);
	background-repeat: no-repeat;
	background-position: bottom left;
	background-color: #3c3c3c;
   text-align:center;
}
.footer .footer_content{
	background-image: url(/site/images/bord_bas_dr.gif);
	background-repeat: no-repeat;
	background-position: bottom right;
   padding-top:12px;
	padding-bottom: 12px; 
		color: #fff;
}
.footer span{
	color: #fff;
	font-size:1em;
	font-weight:bold;
	margin:0;
	padding:0;
}
.footer .geo{
	display: none;
}
/* Formulaire*/

/* FORMS */

.form_acc  {
	
	padding: 5px;
	background: #f6f6f6; 
	border : 1px solid #c0c0c0;
	margin-top: 10px
}
.form_acc form{
	margin:0;
	padding:0;
}
 p.tit_form{
	margin: 0px;
	width: 30%;
	display: block;
	float: left;
	line-height: 25px;
}
p.tit_form span{
	width: 18px;
	border: 1px solid #f6f6f6;
	float: left;
}
p.in_form{
	width: 68%;
	line-height: 25px;
	float: right;
	margin: 0px;
}
label input, label text-area, label input{
	margin: 2px;
}

fieldset{
	border: 1px solid #d7d7d7;
}

/* Download - public*/

.download dt img{
	vertical-align: middle;
	border: none;
}
.download dd{
	margin:0 0 15px 25px;
	color: #333;
	font-style: italic;
}
.download a{
	color: #037ebb;
}

/* Onglets*/
.pages{
   padding:5px;
   margin-top:10px;
	border:1px solid #c0c0c0;
	background-color: #f5f5f5;
}
.pages .prev{
	float: left;
	font-size:1.1em;

}
.pages .next{
	float: right;
	font-size:1.1em;
}
.pages .prev img{
	margin-right: 5px;
   width: 6px;
   height: 9px;
}
.pages .next img{
	margin-left: 5px;
   width: 6px;
   height: 9px;
}

.onglets_all{
	padding: 0 0 0 0;
	margin:0;
	/*display: block;*/
	float:left;
	width:80%;
}
.onglets_content{
	/*clear: both;*/
	padding:0 5px 5px 5px;
	margin: 10px 0 0 0;
	background-color: #f5f5f5;
	border: 1px solid #c0c0c0;
	cursor: pointer;
}
.onglets_content .browse{
	font-size: 1.1em;
}
.onglets_content .submit{
	font-size: 1.1em;
}
/*News - public*/

.news{
  margin-right: 5px;
  display:inline;
  width:140px;
  border: 1px solid #797979;
  float:left;
  background-color: #fff;
}
.news h3{
	margin: 1px 1px 0 1px;
	padding: 3px 0 3px 5px;
	font-size: 1.2em;
	background-color: #3c3c3c;
   color: #F5A813;
}
.news_content{
	background-color: #acacac;
	margin: 0 1px 1px 1px;
   padding:1px 5px 5px 5px;
}
.news_content dl{
	margin:0;
	padding:0;
}
.news_content dt{
	font-size: 1.1em;
	margin:5px 0 0 0;
	padding:0;
	
}
.news_content dt a{
	color: #313131;
	font-weight: bold;
}
.news_content dd{
	font-size: 1.1em;
	margin:5px 0 0 0;
	padding:0;
	color: #313131;
}
.center_index{
	width: 100%;
	margin-top:10px;
}
.index_news{
	width:25%;
   float: right;
	margin-bottom:5px;
	}
.bienvenue{
	width:74%;
	float: left;
	text-align: center;
}
.bienvenue p{font-size:1.1em;}
/*.newsImageContainer{
	float: right;
	margin-left: 0.8em;
}
.newsContent{
	margin-top: 5px;
	font-size: 1em;
}*/

.pre-wrap {  
 font-size:1.1em;
 white-space: pre-wrap;       /* css-3 should we be so lucky... */
 white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
 white-space: -pre-wrap;      /* Opera 4-6 ?? */
 white-space: -o-pre-wrap;    /* Opera 7 ?? */
}
/* News public +  download edit */
.documentContainer, .documentLinks{
	list-style: none;
	padding-top: 10px 0 0 0;margin : 0 0 0 0;
}
.documentContainer img{
	vertical-align: middle;
	border: none;
	margin-right: 5px;
}
.documentContainer a, .documentLinks a{text-decoration: none;}
.documentContainer li{margin-top: 15px;}
.three-images{
	padding-bottom: 10px;padding-left: 10px;
	display:inline;
}
/* New Edit */
.newsHeading{font-weight: bold;margin-top: 5px;}
.newsHeading label{font-size: 1.2em;color: #3c3c3c;}
.newsHeading span{font-size: 1.2em;color: #313131;}
.newsDocuments ul{list-style: none;}
.formatTabs{
	margin: 0;padding: 0;
	background-color: Black;
	display: none;
}
/*------------LOGIN - LOGOUT--------------*/
.login{width: 80%;}
.field_log .form_left label{font-size:1.1em;margin:3px 0;}
.field_log .form_right input{font-size:1.1em;margin: 3px 0;}
.logout{
	margin-top:10px;padding:5px;
   background-color: #f5f5f5;
	border: 1px solid #d5d5d5;
	width: 80%;
}
.logout .message{font-size: 1.1em;}
.logout div a{
	font-size: 1.1em;
	margin-top:5px;
	color: #313131;
}
.error{font-size: 1.1em;margin-top:10px;}
/*----------------------------------------*/
.edit_news{
	border: 1px solid #d5d5d5;
	margin-top:10px;padding:0 10px 10px 10px;
	background-color: #EAEAEA;
	float: left;
	margin-bottom:10px;
}
.view_edit{
	background-color: #f5f5f5;
	margin-top: 10px;
	float:left;
	width: 80%;
}
.view_edit form{
	padding: 5px;margin:0;
	border: 1px solid #c0c0c0;
}
.view_edit .edit_date p label{
	float:left;
	width: 30%;
   display: block;
	padding: 3px 0;
	color: #313131;
	font-weight: bold;
}
.view_edit p{
   font-size: 1.1em;
	color: #313131;
	font-weight:bold;
	margin:0;padding: 5px 0 3px 0;
}
.view_edit .edit_date p span{
	float:left;
	width: 70%;
   display: block;
   padding: 3px 0;
}
.view_edit .edit_date input{font-size:1.1em;}
.view_edit .edit_fct input.newsTitle{font-size: 1.1em;}
.view_edit .edit_fct textarea{font-size: 1.1em;}
.view_edit .edit_fct{
   clear: both;
	margin: 0;padding: 5px 0;
	border-top: 1px dotted #c0c0c0;
}
.view_edit .edit_fct button{font-size:1.1em;}
.view_news{
	margin-top:10px;
	padding:5px;
	background-color: #f5f5f5;
   border:1px solid #d5d5d5;
	width: 80%;
}
.view_news h3{
   margin:0 0 0 0;padding: 0;
	font-size: 1.2em;
	color: #313131;
}
.view_news p{
	height:1%;/*pour ie*/
}
.view_news .pre-wrap{
   margin:5px 0 5px 0;padding: 0;
   font-size: 1.1em;
}
.views_news .img_news{margin:5px 5px 0 0;}
.img_edit{margin:5px 5px 0 0;}
.img_edit img{margin-right: 10px;}
.contour{
   padding: 5px 5px 0 5px;margin-top: 10px;
	background-color: #f5f5f5;
   border:1px solid #d5d5d5;
	width:80%;
}
.contour h2{
	font-size: 1.3em;
	color: #104B73;
	padding:0;margin: 0;
}
.contour h4{
	font-size: 1.1em;
	color: #2583C3;
	padding:0;margin: 5px 0 0 0;
}
.contour p{
	padding: 0;margin: 5px 0 5px 0;
	font-size: 1.1em;
	text-align: justify;
}
.contour p a{color: #104B73;}
/*------------------------TOOLBAR------------------------*/
#global_tool{
background-color: #fff;
border-top: 3px solid #212121;
border-bottom: 1px solid #212121;
border-left: 1px solid #212121;
border-right: 1px solid #212121;
height: 2.0em;
padding: 0 0.2em 0.2em 0.2em;
top: 0px;left: 0px;
position:fixed;
width: 753px;
}
* html #global_tool {position:absolute; left: 0px; }
.tool_actions{
	display: inline;
	padding: 0.2em 0.2em 0.2em 0.2em;
	vertical-align: middle;
}
.tool_statut{
		display: inline;
      background:url(/images/tool/thum_fleche.gif) no-repeat right; 
		vertical-align: top;
		padding: 0 12px 0em 0.3em;
}
.tool_select{
	display: inline;
	padding: 0.2em 0.2em 0.2em 0.2em;margin-bottom: 4px;
}
.tool_select img{border: 1px solid #fff;margin : 0.1em;}
/*----------------------END TOOLBAR----------------------*/
.design{
	font-size: 1em;
	text-align:right;
	margin: 5px 20px 10px 0;
   color: #515151;
}
.design a{
	color: #1578A8;
	text-decoration: none;
   border: none;
}
.design a img{
    margin-left: 3px;
	 width: 16px;height: 10px;
	 border: none;
}
/*----------FORMULAIRE DE CONTACT----------*/
.contact{
	margin-top:10px;
	border: 1px solid #d5d5d5;
	padding: 10px;
	background-color: #eaeaea;
}
.contact_merci{
	margin-top:10px;padding: 10px;
	border: 1px solid #c5c5c5;
	background-color: #f5f5f5;
	width: 80%;
}
.contact form {
	width:500px;
	padding: 5px 10px;
	background-color: #f5f5f5;
	border: 1px solid #cccccc;
	position:relative;
}
.contact form p{font-size: 1.1em;}
.contact form div{border: 1px solid #f5f5f5;}
 .contact p.tit_form{
	margin: 0px;
	width: 30%;
	display: block;
	float: left;
	line-height: 25px;	
}
.contact p.tit_form span{
	width: 15px;height: 15px;
	border: 1px solid #f5f5f5;
	float: left;
	text-align: right;
	color: #bf5425;
		margin-right: 5px;
		}
.contact p.tit_form span.important2{font-size:1.4em;color:#cc0000;}
.contact p.in_form{
	width: 68%;
	line-height: 25px;
	float: right;
	margin: 0px;
}
.contact p.in_form input{
	font-size: 1em;
	border-top: 1px solid #c0c0c0;
	border-left: 1px solid #c0c0c0;
	border-bottom: 1px solid #e5e5e5;
	border-right: 1px solid #e5e5e5;
}
.contact p.in_form select{font-size:1.1em;}
.contact p.in_form input.submit{border: 1px solid;background-color: #fff;;} 
.contact p.in_form textarea{
   width:200px;
	font-size: 1em;font-family: Arial, Helvetica, sans-serif;
	border-top: 1px solid #c0c0c0;
	border-left: 1px solid #c0c0c0;
	border-bottom: 1px solid #e5e5e5;
	border-right: 1px solid #e5e5e5;
	margin-bottom: 0.5em;
}
.contact label input,.contact label textarea{margin: 2px;}
.contact fieldset{
   padding: 0 0 0 0;margin:0 0 10px 0;
   background-color: #f5f5f5;
	border: 1px solid #c0c0c0;
}
.contact fieldset legend{
	font-size: 1.1em;font-weight: bold;
	color: #000;
}
.contact fieldset p.coordonnees{
	padding:5px 0 5px 10px;margin: 0;
}
.contact fieldset.formulaire{
	margin:0 0 5px 0;padding: 0;
}
.important{
	font-style: italic;
	color:#BF5425;
	margin:5px 0 5px 10px;padding:0;
	font-size:1.1em;
}
.important span{margin-right: 5px; }
.form_ok{
	font-size: 1.1em;
	margin: 0 0 5px 0;padding:0;
}
.plan_acces{
	border: 1px solid #c0c0c0;
   background-color: #f5f5f5;
	margin-bottom: 10px;padding: 5px;
	width: 510px;height: 100px;
}
.plan_acces .gauche{float: left;width:50%;}
.plan_acces .droite{width:50%;float: right;}
.droite img{margin-left:15px;}
.plan_acces p{font-size: 1.1em;}
.plan_acces img{border: 1px solid #3c3c3c;}

.liste{margin:0 0 10px 0;padding: 0;}
.liste li{
   list-style-type: circle;
   font-size: 1.1em;
	margin:0 0 0 15px;padding: 0;
}

.liens{
	margin: 0;
	padding:0;
}
.liens dt{
	margin: 0;
	padding:0 0 5px 0;	
	color:#2583C3;	
   font-size:1.1em;
	font-weight:700;
}
.liens dd{
	margin: 0;
	padding:0 0 5px 10px;	
   font-size:1.1em;
}
.liens dd a{
	color:#000;
}


/*.medico{
	margin:0 0 5px 0;
	padding:0 0 0 0;
	border-collapse: collapse;
	width: 100%;
}
.medico caption{
  	color:#2583C3;	
   font-size:1.1em;
	font-weight:700;
	text-align:left;
	padding-bottom: 3px;
}
.medico th{
   vertical-align: top;
	margin:0;
	padding:2px;
	width:26%;
	font-size:1.1em;
	border-top: 1px solid #c5c5c5;
   border-bottom: 1px solid #c5c5c5;
}
.medico td{
	vertical-align: top;
	margin:0;
	padding:2px;
	width:37%;
	font-size:1.1em;
	text-align: left;
	border-top: 1px solid #c5c5c5;
	border-bottom: 1px solid #c5c5c5;
}
.medico td a{
	color: #000;
}*/
.donnees caption{
	font-size:1.1em;
	font-weight: bold;
	text-align: left;
	color:#2583C3;
}
.donnees th{
	font-size:1.1em;
	width: 25%;
	padding: 2px;
}
.donnees td{
	font-size: 1.1em;
	padding: 2px; 
}
.images{
margin: 5px 0;
text-align:center;
}
.images img{
margin:0 2px;
border: 1px solid #3C3C3C;
}
.images2{
	margin: 0 0 5px 0
}
.images2 img{
 border: 1px solid #3C3C3C;
}


.images-manifs{
margin: 20px 0;
text-align:center;
}
.images-manifs img{
margin:0 10px;
border: 1px solid #3C3C3C;
}
.images-manifs img.logo_flera{
   margin-bottom:25px;
}