@charset "utf-8";

/* FICHIER CSS POUR COULEURS, MARGES, POLICE DE CARACTTERES, IMAGES D'ARRIERE PLAN*/

body  {

	font-family:arial,sans-serif;

	font-size : 14px;

	background-image:url("../images/bgc3.png");

	background-repeat:repeat-x ;

}



/*  Conteneur Général page index*/

#wrapper{

	margin : 0 auto  ;

	width:60%;

}



/*  Conteneur Général autres pages*/

#wrapper2{

	margin : 0 auto  ;

	width:58%;

	

}

/* Menu horizontal */

#menuHorizontal{

	text-align: right;

	height : 30px;

	color : #fff;

	font-weight : bold;

	font-size : 12px;

	width:100%;

	padding:0px;

}



/*Div du logo, titre  image à côté du logo*/



#logo{

	height:120px;

	text-align:left;

	border-left : 1px solid #E3E3E2;

	border-right : 1px solid #E3E3E2;

	background: #FFFFFF;

	background-image:url("../images/arriere2_bandeau.png");

	background-repeat:repeat-y;

	

	background-position:right; 

	width:100%;

}

#logo a img {border :none;}

#l1{width:200px; height: 110px; display: inline-block; padding-top:2px;

	vertical-align: top;}

	#texteLogo{ display:inline-block; 	vertical-align: center;  padding-top:38px; margin-left: 5em; }

#titre{

	font-size: 25px;font-family : Arial;font-weight : bold;

	color : #006666;

	

	

}

.test{background-image:url("../images/logoCApetit.png");background-position:top left; background-repeat:no-repeat; padding-top:45px;text-align:center;}

/*Div du slogan */

.liens , .liens td{border: 1px solid #006666; padding:5px;border-collapse:collapse;}

.liens th{border: 1px solid #888880; padding:5px;border-collapse:collapse; background-color: #006666; color: white;}



.reserve{background-color:#FFCC00 ;color : white; width : 60px; text-align: center; height: 60px;}

.libre{background-color:#006666; color : white; width : 60px; text-align: center; height: 60px;}

.bureaux{background-color:#888880; color : white; font-weight: bold; width: 125px; padding-left: 5px;}

.salles{background-color:#CCCC00; color : white; font-weight: bold; width: 125px; padding-left: 5px;}

.entete{background-color:#888880; color : white; font-weight: bold;width: 120px; text-align: center; height: 60px;}

.bouclee{background-color:red;color : white; width : 60px; text-align: center; height: 60px;}

.reservation a {color:white;}

.reservation a:visited {color:white;}

.erreur{color : red}

.bouton {background-color:#006666 ;color : white; width : 250px; 

text-align: center; height: 30px;

 padding-top: 7px; font-weight: bold;

display: inline-block;
border: 1px solid #ffffff;



}
#menuAdmin{
    
   
}
#menuAdmin ul{
    
  list-style-type: none;
}
#menuAdmin ul li {
    
    display: inline;
    margin-right:-4px;

    
   
}

.bouton a {color:white;}

.bouton a:visited {color:white;}



.intitule { width : 300px; height: 100px ; color : red;}

#formulaire{ width : 600px; }

#formulaire td{ padding : 5px;}

#formulaire input {border:  1px solid #333;}

#messagemaj{

		border : 1px solid #006666; 

		width: 300px;

		height : 100px;

		

		background-color: #006666;

		color : white;

		font-weight: bold;

		text-align : center;

		font-size : 20px;

		padding  : 10px;

		margin: 0 auto;

		margin-top: 200px;

}

.alignright{

text-align : right;



}



#messageEchec{

		border : 1px solid #FFCC00; 

		width: 300px;

		height : 100px;

		background-color: #FFCC00;

		color : white;

		font-weight: bold;

		text-align : center;

		font-size : 20px;

		padding  : 10px;

		margin: 0 auto;

		margin-top: 150px;

}



#reservation2 {border: 1px solid #006666; border-collapse:collapse;}

#reservation2 tr td{border: 1px solid #006666; padding-left : 15px; padding-right : 15px; padding-top: 2px; padding-bottom:2px; color: #006666;}

#topmenu{

	border-top: 2px solid #ccc;

	border-bottom: 1px solid #444;

	border-right: 1px solid #ccc;

	border-left: 1px solid #444;

	background: #888880;

	color: #ffffff;

	text-align: left;

	height : 30px;

	font-weight : bold;

	width:100%;

}

#slogan{

	font-weight : bold;font-size: 18px;font-family:Arial;

	vertical-align : -25%; display: inline;font-style:italic;

	padding-left:5px;

}

#titrepage{

	width:100%; 

	border-left : 1px solid #E3E3E2; border-right : 1px solid #E3E3E2; 

	color: #006666;font-weight:bold;

	height: 35px;

	

	

}

#idpage{text-align:center; padding-top:10px;padding-bottom:5px; font-size:16px;}

.sousTitre{text-align:left; padding-top:10px;padding-bottom:20px; font-size:16px;}

#container{

	border-left : 1px solid #E3E3E2; border-right : 1px solid #E3E3E2;

	width: 100%;

}

#contenu2 ol  li{margin-left : 10px;}

.reponse {margin-left : 10px;}

.partenaires { border: none;}

#contenu3{margin : 0 auto  ;



}

.selection{ height : 20px;}

.contextHolder {



width : 450px;

border: 1px solid #D2D2D5;

border-radius : 10px;

height : 400px;



}



#pieds{

	text-align : center;

	color :#888880;

	font-size : 12px;

	vertical-align : middle;

	padding-bottom: 5px;

}





	h4{color : #006666; }



	a {text-decoration: none;}



	#article ul li{list-style : square; padding : 5px; margin-left : 10px;}

 

 

	#slideshowHolder{border: 0.5px solid #BABAB5;}



	#contenu1 p{text-wrap:none;}



#titreEvenement{

	background:#006666;

	color:#fff;

	text-align: center;

	font-weight: bold;

	vertical-align : middle;

}



#titreConnexion{

	background:#006666;

	color:#fff;

	text-align: center;

	font-weight: bold;

	vertical-align : middle;

	height: 30px;

	padding-top : 6px;

	

}

#Evenement1{

	border: 0.5px solid #006666;

	color:#000;

	text-align: left;

	line-height:150%;

}

#Evenements ul, #Evenement1 li {

	padding:2px;

	color : #006666;

	list-style : none;

}



td a{border: none;}

#Evenement1 a{color : #006666;text-decoration: none; }



span {

  color:white; 

}

.bureau {float: right; margin-left:10px;}

#content{

	

	text-align: right;line-height:170%;

	width : 97%;

	margin-top: 10px;

	margin-bottom: 10px;

	padding: 5px;

	}

#contenu2{

	

	text-align: left;line-height:170%;

	width : 70%;

	margin-top: 10px;

	margin-bottom: 10px;

	padding: 5px;

	}

		#contenu2 table td{vertical-align:top;}

		.droite{text-align: right;}



 #contenu2 ul li{margin-left : 10px;}

		

#footer{

	text-align: center;

	width : 100%;

	border : 1px solid #E3E3E2;

	border-top: 2px solid #ccc;

	margin-top: 20px;

}



#tableImages {

	text-align :center; 

	padding : 2px;

	margin :0 auto;

}



#td1 {

	width:20%;

	padding-left : 5px;

}

*{

	margin:0;

	padding:0;

	text-align : left;

}



 #plan{color : #006666; text-decoration: none; }

 #plan a{text-decoration: none; color : #006666;}



 #frmInscription input.envoi



{

    border          : 1px solid #006666;

    background      : #006666;

    cursor          : pointer;

    padding         : 3px 3px;

    margin          : 5px 1px;

	color			: #fff;

	font-weight		: bold;

}



#connexion input.envoi



{

    border          : 1px solid #006666;

    background      : #006666;

    cursor          : pointer;

    padding         : 3px 3px;

    margin          : 5px 1px;

	color			: #fff;

	font-weight		: bold;

	

}



	#connexion input.envoi:hover

{

    border          : 1px solid #006666;

    background      : #fff;

    cursor          : pointer;

    padding         : 3px 3px;

    margin          : 5px 10px;

	color			: #006666;

}

#connexion{



	border          : 1px solid #006666;

	width 			: 300px;

    background      : #fff;

    cursor          : pointer;

    padding         : 10px;

    margin-top 		: 50px;

	margin			:	0 auto;

	color			: #006666;

	display			: inline-block;

	vertical-align	: top;

	border-radius 	: 10px;

	background-image:url("../images/bgcpetit.png");

	background-repeat:repeat-x ; 



}

#connexion p {margin-bottom : 5px; margin-top : 5px;}

#connexion .saisie{height: 30px;}

#error {color : red;}



	#frmInscription input.envoi:hover

{

    border          : 1px solid #006666;

    background      : #fff;

    cursor          : pointer;

    padding         : 3px 3px;

    margin          : 5px 10px;

	color			: #006666;

}



/****************************/

/* 	début menu	déroulant	*/

/****************************/

#menuH {

	

	float:right;

	margin-right: 10px;

	padding-top :2px;

	vertical-align: top;

	

}		



#menuH a {  

	color:#006666;

	text-decoration:none;

	text-transform:none;



}

 

/*chaque sous-menu*/

#menuH ul li {

	position:relative;

	float:left;

	width:auto;

	cursor:pointer;

	display:block;

	height:22px;

	padding-top :5px;

	padding-left :5px;

}

 

/*carré déroulant sous un sous-menu niveau 1*/

#menuH ul li ul {

	display:none;

	position:absolute;

	border:1px solid #006666;

	top:22px;

	left:0;

	height :auto;

	width : auto;

	background:#fff;

	

}

 

 

#menuH ul li ul li a {

	color:#006666;

	font-size:12px;

	font-weight:normal;

	vertical-align : middle;

	display:block;

	height:100%;

	border-top:1px solid #006666;

	border-top:none;

	width : 180px;

	

}

 

/*au passage de la souris on inverse les couleurs de la case*/

#menuH ul li ul li a:hover {

	color:#fff;

	background:#006666;

}

#menuH ul li  a:hover{

	color:#fff;

	background:#006666;

}

 #menuH ul li  a {

	color:#006666;

	font-size : 12px;

 

 }

 

 

 

	/******************

		MENU  VERTICAL



	******************/

#menu3, #menu2{

	background:	url('../images/arrow.png') 95% 50% no-repeat; 

	

}



.menu, .sousmenu{

	text-align:left;

}

.menu{

	height:23px;

	width:193px;

	padding:2px;

	background:#888880;

	color:#fff;

	border-top: 1px solid #ccc;

	border-bottom: 1px solid #444;

	border-right: 1px solid #ccc;

	border-left: 1px solid #444;

	vertical-align : middle;

	padding-top :7px;

}

.sousmenu{

	height:23px;

	width:193px;

	padding:2px;

	border-right: 1px solid #ccc;

	border-left: 1px solid #444;

	background:#ffffff;

	color:#006666;

	vertical-align : middle;

	padding-top :8px;

}



.menu a{

	display:block;

	width:193px;

	height:100%;

	color:#fff;

	font-family:arial,sans-serif;

	font-size:12px;

	font-weight:bold;

	text-decoration:none;

	

}

.sousmenu a{

	display:block;

	width:193px;

	height:100%;

	color:#006666;

	font-family:arial,sans-serif;

	font-size:12px;

	font-weight:bold;

	text-decoration:none;

	

}





/*  slider   -----------*/

.rslides {

  position: relative;

  list-style: none;

  overflow: hidden;

  width: 100%;

  padding: 0;

  margin: 0;

  }



.rslides li {

  -webkit-backface-visibility: hidden;

  position: absolute;

  display: none;

  width: 100%;

  left: 0;

  top: 0;

  }



.rslides li:first-child {

  position: relative;

  display: block;

  float: left;

  }



.rslides img {

  display: block;

  height: auto;

  float: left;

  width: 100%;

  border: 0;

  }