/*----------------------------------MISE EN PAGE GENERAL-----------------------------------*/
.puce {
margin-right :3px ; 
}

img{
border: 0px;
}

.clear{
clear:both;
}

#date_time {
 font-weight : bold ; 
text-transform : capitalize ;
padding-top : 20px ;
}
#date_time p{
display : inline ; 
margin-right: 10px;
color: #14764F;
}


.interligne_menu {
margin-top : 5px ; 
margin-bottom : 5px ;
/*border-style : solid ; */
}

.interligne  {
/*margin-bottom : 10px ; */
align : right ; 
padding-right : 0px ; 
/*background-color : #409775 ; */
/*float : right ; */
padding-top :-5px ; 
vertical-align : middle ;
}
h1 {
font-family: "arial";
font-size: 14px ;
color : black ;
 
}
.bodytext{
font-family: "arial";
font-size: 12px ;
color : black ;
margin : 5px 5px 5px 5px ; 
z-index : 100 ;

}
body {
  background-color:  #dddddd  ;
  margin: 0px;
  text-align: center;
  color : #504E4E ;
  padding-top:5px;

}
#big_bloc{
width : 800px ; 
text-align : center ; 
background-color  : #FFFFFF ; 
height : 100% ;
background-color: #108256;
}
#blocfooter {
background-color : #DDDDDD;
width : 800px ;
height : 20px ;
clear: both;
color : #FFFFFF ;
font-size : 10px ; 
}
#content-wrapper {
  position:static;
  width: 800px;
  text-align:left;
  margin : 0px 0px 0px 0px ; 
  border-color: black;
height : 90% ;
}
#col-left {
  float: left;
  width: 150px;
  background-color: #108256; 
  color: #FFFFFF;
  text-align: right;
} 


#col-middle {
float : left ; 
 width: 500px;
  color : #A3A3A3 ;  
 background-color : #FFFFFF ;

}

#col-middle-new {
  float : left ; 
   color : #A3A3A3 ; 
   background-color : #FFFFFF ;
  width: 650px;

}
#col-right {
    float : right ;
    width: 150px;
	color: #FFFFFF;
	background-color: #108256;
	text-align: center;
 height : 100% ; 
}



#content {
  text-align: left;
  position: absolute;
  width: 640px;
  top: 210px;
  left: 50%;
  padding-top: 7px; 
  margin-left: -210px;
  z-index: 100;

}

/*---------------------------------------LEFT ---------------------------------------*/
#content_left {
  text-align: left;
  position: absolute;
  width: 150px;
  top: 580px;
  left: 50%;
  padding-top: 7px; 
  margin-top: 7px; 
  margin-left: -430px;
  z-index: 100;
}
#left-img {
  background: url(images/top_left.jpg);
  width: 144px;
  height: 107px;
}
#left-bottom {
   background: url(fond/fondleft.jpg);
   height : 2px ; 

}

/*---------------------------------------MIDDLE ---------------------------------------*/

#middle-title {
  width: 337px;
 font-size : 24px ; 
 margin-bottom : 10px ; 
}

#middle-content {
/*position : relative ; */
background-color : #DDDDDD ; 
color : black ;
margin-left : 10px ; 
margin-right : 10px ; 
margin-top : 5px  ;
margin-bottom : 10px ; 
border-style : solid ; 
border-width : 1px ; 
border-color : #FFFFFF;

}

#middle-content1 {
/*position : relative; */
background-color : #DDDDDD;
margin-top : 10px ;
margin-bottom : 5px ;
margin-left : 10px ; 
margin-right : 10px ;  
 color : black ;
font-family : Arial ; 
font-size : 12px ; 
padding : 5px 5px 5px 5px  ;
width: 600 px;
}

#middle-content2, #middle-content4, #middle-content3 {
width: 187px !important;
height: 308px;
float : left ;
background-color : #DDDDDD;
color : black ;
font-family : Arial ; 
font-size : 12px ; 
padding : 5px 5px 5px 5px  ;
text-align: center;
border-style : solid ; 
border-width : 1px ; 
border-color : #FFFFFF;
}

#middle-content2 div table, #middle-content3 div table, #middle-content4 div table{
width: 100%;
text-align: center;
}


#middle-bottom {
  clear: both;
}

.big_bloc_content {
*padding-left: 15px;
margin-top: 5px;
text-align: center;
color : black ;
font-family : Arial ; 
font-size : 12px ; 
background-color: #FFFFFF  ;
}

/*--------------------------------SERVICES ------------------*/
.service table{
width : 90% ; 
}
.service table {

text-align : center ; 
}

.service_tr {
text-align : left ; 

}

.service_title {
margin-left : 5px ;
margin-bottom : 10px ; 
 
}
/*------------------------------------NEWS-------------------------------------------*/

.js-link {
color: White;
font-weight : bold ;
}

.news_date {
font-size : 10px ; 
text-align : left ; 
}
.news_title, .service_title {
text-transform : uppercase ; 
font-size : 18px ; 
text-align : left ; 
}

.news_details a:link,
.news_details a:visited,
.news_details a:hover,
.news_details {
  text-align : right ;
  font-size: 10px;
  padding-top : 0px ; 
}
.news_space {
height : 10px ; 
}

.news_content_table{
   margin-bottom:0px;
   padding-bottom:0px;
   margin-top:0px;
   padding-top:0px;

}
.news_image {
text-align : right ; 
}
.news_content {
font-size : 12px ;
text-align: justify; 
}

.archive_news {
text-align : right ; 
width : 100 % ; 
}

.news_latest {

}
.news_latest table  {
width : 460px;
}

.news_latest a:link  {
text-decoration: none; 
}
.news_latest a:visited  {
text-decoration: none; 
color : #555555 ; 
}

/*---------------------------------------RIGHT ---------------------------------------*/

#right-photo {
background: url(images/top_left.jpg);
}

#right-1 {

}

#right-2 {

}

#right-bottom {
  clear: both;
  height: 130px;
  margin-top: 30px;
  background : url(fond/fondbasright.jpg) ;
}

/*------------------------------------HEADER-----------------------------------*/
#header {
height : 100px ; 
}
#logo {
   float: left;
  background-color : #FFFFFF ; 
  height : 100px ;
  width : 150px ;
  text-align : center ; 
 

   

}
#bandeau_flash {
  float: right;
   height : 100px ; 
}

#bandeau {
	background-color: white;
	height : 60px;
	vertical-align: middle;
}

	#jsnews table{
		height:60px;
		font-size:1.2em;
	}

	#jsnews span{
		color:white;
		font-size:2em;
	}

	.cadre{
		margin:0px;
		padding:0px;
		margin-top:15px;
	}

	.live {
		font-weight: bold;
		margin:0px;
		padding:0px;
		/*float:left;*/
		width:500px;
		text-align:center;
		margin-top:3px;
	}
		

		.live img{
			margin:0px;
			padding:0px;
		}
	.diapo{
		float:left;
		width:297px;
		margin:0px;
		padding:0px;
		text-align:center;
	}

	.diapo object{
		margin:0px;
		padding:0px;
	}

	.webcamtop{
		margin:0px;
		padding:0px;
		background-image:url("/fileadmin/templates/webcamtop.jpg");
		background-repeat:no-repeat;
		background-position:center;
	}

	.webcammid{
		margin:0px;
		padding:0px;
		background-image:url("/fileadmin/templates/webcammid.jpg");
		background-repeat:repeat-y;
		background-position:center;
		text-align:center;
	}

	.webcammid p{
			text-align:center;
			background-color:gold;
			margin:0px;
			padding:0px;
			width:247px;
			color: red;
	}

	.webcammid img{
		padding:0px;
		margin:0px;
	}

	.webcambottom{
		margin:0px;
		padding:0px;
		background-image:url("/fileadmin/templates/webcambottom.jpg");
		background-repeat:no-repeat;
		background-position:center;
	}



	.webcamnewtop{
		margin:0px;
		padding:0px;
		background-image:url("/fileadmin/templates/webcamnewtop.jpg");
		background-repeat:no-repeat;
		background-position:center;
	}

	.webcamnewmid{
		margin:0px;
		padding:0px;
		background-image:url("/fileadmin/templates/webcamnewmid.jpg");
		background-repeat:repeat-y;
		background-position:center;
		text-align:center;
	}

	.webcamnewmid p{
			text-align:center;
			background-color:gold;
			margin:0px;
			padding:0px;
			width:180px;
			color: red;
	}

	.webcamnewmid img{
		padding:0px;
		margin:0px;
	}

	.webcamnewbottom{
		margin:0px;
		padding:0px;
		background-image:url("/fileadmin/templates/webcamnewbottom.jpg");
		background-repeat:no-repeat;
		background-position:center;
	}





	.clear{
		clear:both;
		margin:0px;
		padding:0px;
		line-height:1px;
		font-size:1px;
	}

	script{
		margin:0px;
		padding:0px;
	}

#date_time {
		display:none;
        float : right ; 
        color : #A3A3A3 ; 
 	font-family: "Book Antiqua";
	font-size: 1em;
	vertical-align: middle;	
         margin-top : -20px ; 

}
/*---------------------------------RECHERCHER-----------------------------*/
#recherche {
	 
	color : #A3A3A3;
	font-family: "Book Antiqua";
	font-size: 11px;
	vertical-align: middle;	
	
 }
/*--------------------------------MENU-------------------------------------*/
#left-menu1 {
margin-bottom : 5px ; 
background : url(../../fileadmin/templates/images/fond/menu-middle.png) ;
}

#top-menu1{
background : url(../../fileadmin/templates/images/fond/menu-haut.png) ;
height : 19px ; 
}
.middle-menu1 {
background : url(../../fileadmin/templates/images/fond/menu-middle.png) ;
}
#foot-menu1 {
	background : url(../../fileadmin/templates/images/fond/menu-bas.png);
	background-repeat: no-repeat;
    background-position : bottom ;
	height:20px;
}

.menu{
  font-family:tahoma;
  font-size:11px;
  color: #737373;
  text-decoration:none
}
.menutrou_n1 a {
margin-left : 9px ;
font-size : 14px ; 
font-weight : bold ; 
color : #737373 ; 
text-decoration : none ; 
font-family:tahoma;

}
.title_trou {
font-size : 14px ; 
font-weight : bold ; 
color : #737373 ; 
font-family:tahoma;
}

.menu_n1 a{
color : #FFFFFF ; 
font-weight : bolder ; 
text-decoration : none ;
font-family: "Book Antiqua";
font-size: 14px ; 


}
.menu_n1 {
 margin-top : 5px ;
text-align : left; 
margin-left : 10px ;
 
}

.menu_n1_last a{
color : #dddddd ; 
font-weight : bolder ; 
text-decoration : none ;
font-family: "Book Antiqua";
font-size: 12px ; 


}
.menu_n1_last {
 margin-top : 5px ;
text-align : left; 
margin-left : 10px ;
 
}
.menu_bottomn1 {
margin-top : 0px; 
background-color : #439172 ;
background-repeat: no-repeat;
height : 1px ; 
width : 90px ; 
float : right ; 

}

.menu_n1_on {
float : right ; 
margin-left : 5px ; 
}

.menu_n2{
	text-align:left;
	padding-left:30px;
}

.menu_n2 a{
color : #FFFFFF ; 
font-weight : bolder ; 
text-decoration : none ;
font-family: "Book Antiqua";
font-size: 12px ;
margin-right:5px;
margin-bottom : 5px ;
}

/*------------------------------------Flex 2 colonnes---------------------------*/
.flexcolbox{
  width: 100%;
  color: blue;
}

.flexcol1{
  float: left;
  width: 47%; 
  color: #FFFFFF;
  padding: 0px 10px 0px 5px; 
} 

.flexcol2{
  float: right;
  width: 47%;
  color: #FFFFFF; 
  padding: 0px 10px 0px 5px;
}

/*------------------------------------CALENDRIER---------------------------*/
#left-calendrier {
text-align : center ; 
}
#top-calendrier{
background : url(../../fileadmin/templates/images/fond/menu-haut.png) ;
height : 30px ; 
background-repeat: no-repeat;
}

#middle-calendrier{
background : url(../../fileadmin/templates/images/fond/menu-middle.png) ;
height : 125px ; 

}
#foot-calendrier{
	background : url(../../fileadmin/templates/images/fond/menu-bas.png);
	height : 15px;
	background-repeat: no-repeat;

}
/*---------------------------------IMAGE TITRE---------------------------------------*/
.title_section {
margin-top : 10px ;
  
}
/*--------------------------------ACCESS----------------------------------------------*/

#top-acces {
background : url(../../fileadmin/templates/images/fond/acces-haut.png) ;
background-repeat: no-repeat;
height : 35px ; 
}
#middle-acces {
background : url(../../fileadmin/templates/images/fond/acces-middle.png) ;
padding-top : 5px ; 
}
#foot-acces {
background : url(../../fileadmin/templates/images/fond/acces-bas.png);
	height : 15px;
	background-repeat: no-repeat;
}
#right-acces {
margin-bottom : 10px ;  	
}
/*------------------------------METEO---------------------------------------------*/
#right-meteo{
margin-bottom : 10px ; 
}
#meteo-haut {
background : url(../../fileadmin/templates/images/fond/meteo/meteo-haut.png) ;
height : 30px ; 
}
#meteo-middle {
background : url(../../fileadmin/templates/images/fond/meteo/meteo-middle.png) ;
height : 170px ; 
}
#meteo-footer {
background : url(../../fileadmin/templates/images/fond/meteo/meteo-footer.png) ;
height : 20px ; 
}

.meteo {
margin-top : 10px ; 

}


/*--------------------------PARCOURS----------------------------*/
#right-parcours{
background : url(../../fileadmin/templates/images/fond/parcours.png) ;
}
#parcours-haut {
background : url(../../fileadmin/templates/images/fond/meteo/meteo-haut.png) ;
height : 30px ; 
}
#parcours-middle {
background : url(../../fileadmin/templates/images/fond/meteo/meteo-middle.png) ;
height : 70px ; 
vertical-align : middle ; 
}
#parcours-footer {
background : url(../../fileadmin/templates/images/fond/meteo/meteo-footer.png) ;
height : 20px ; 
}

.image_parcours {
margin-top : 5px ; 
}
/*-----------------------------LIENS ----------------------------*/
.liens_gris {
color : #A3A3A3 ; 
}

/*----------------------BOTTOM ---------------------------------*/
#ameos {
font-family : Arial ; 
float : right ;
margin-right : 5px ; 
}
/*------------------------HR-------------------------------------*/
hr {
color : #66A68C ; 
width : 90% ;
}
/*--------------------EXT--------------------------*/
/*-------------------------------------------------*/

/*-------------LOGIN--------------------------*/

.login_box_bloc {


}
.login_box {
width : 100% ; 
color : #FFFFFF ; 
text-align : center ;
 

}

.homeLoginForm {
width : 100px ; 
height : 17px ; 
font-size : 10px ;
font-family : Arial ;  
}

.logout_box_bloc {

}

.logout_box {
width : 100% ; 

color : #FFFFFF ; 
text-align : center ;
}



.homeLoginText {
font-family : "Book Antiqua" ; 
font-size : 11px ; 
font-weight : bold ;

}






/*-------------rajout----------------------*/
.tx-indexedsearch-rules {
font-size : 10px ; 
}


.csc-firstHeader {
font-size : 15px ; 
}
.tx-indexedsearch-res {
width : 100% ; 
background-color : none  ; 
}


.tx-indexedsearch-secHead a {
font-size : 14px ; 
color : black ; 
}

.tx-indexedsearch-descr, .tx-indexedsearch-info {
font-size : 12px ; 
}

.libele {
font-family: "arial";
font-size: 12px ;
color : black ;
}

/*------------- Menu page accueil ----------------------*/

.link-resa a:link,
.link-resa a:visited,
.link-resa a:hover,
.link-resa {
  text-align : center;
  background: url(images/resa1_copie.png);
  width: 80px;
  height: 80px; 
}

#opening{
list-style:none;
margin:0px;
padding:0px;
}

#opening li{
 margin:0px;
 padding:0px;
list-style:none;
text-align:left;
padding:3px;
height:15px;
}

#opening li.ouvert{
background:transparent url("/fileadmin/images/ouvert.gif") no-repeat top right;
}

#opening li.ferme{
background:transparent url("/fileadmin/images/ferme.gif") no-repeat top right;
}

.conteneur_global{
border:1px solid white;
background:transparent repeat-y 207px 0px;
margin-top:7px;
}

.conteneur_global .col_gauche{
float:left;
width:200px;
padding:7px;
}

.conteneur_global .coldroite{
float:left;
width:360px;
padding:7px;
border-left:1px solid white;
}

.csc-frame-rulerBefore{
	border-top:1px solid white;
	height:1px;
	clear:both;
	margin-bottom:30px;
}