@charset "utf-8";
/* CSS Document */

body {
	background-color:#dab677;
	
	background:url(img/bg.jpg) #000 no-repeat center;
	background:url(img/bg1.jpg) #000 no-repeat center;
	background:url(img/bg2.jpg) #000 no-repeat center;
	background:url(img/bg3.jpg) #000 no-repeat center;
	background:url(img/bg4.jpg) #000 no-repeat center;
	
	background:url(img/jamaa_fna_3.jpg) #000 no-repeat center;
		
	background-attachment:fixed;
	font-family:Arial;
	font-size:13px;
	margin-top:50px;
	padding:0px;
}

a{
	color:#fcf5e5;
	text-decoration:underline;
}
a:hover{
	text-decoration:none;
}

h1{
	font-size:14px;
	border-bottom:1px solid;
}
h2{
	font-size:13px;
	color:#5b423b;
	background:url(img/h2.jpg);
	background-position:left;
	background-repeat:no-repeat;
	background-color:#fcf5e5;
	padding:5px;
	padding-left:20px;
	border:#fcf5e5 2px solid;
	padding-left:50px;
	text-align:left;
	
}

li{
	list-style:circle;
	padding:5px;
}

.big_div {
	width:800px;
	margin-left:auto;
	margin-right:auto;
	background: url(img/west.png) repeat-y #dab677;
	padding-left:17px;
	padding-right:17px;
	position:relative;
	
}

.top_deco {
	font-size:1px;
	height:17px;
	width:834px;
	margin-left:auto;
	margin-right:auto;
	background:url(img/top_border.png) no-repeat;
	
	background-position:bottom;
	
	border-top-left-radius:25px;
	border-top-right-radius:25px;
	
	margin-top:10px;
}

.bas_deco {
	font-size:1px;
	height:17px;
	width:834px;
	margin-left:auto;
	margin-right:auto;
	background:url(img/bas_border.png) no-repeat;
	
	border-bottom-left-radius:25px;
	border-bottom-right-radius:25px;
}

.logo_fr {
	width:346px;
	height:174px;
	position:absolute;
	top:220px;
	left:430px;
	
}
.logo_en {
	width:346px;
	height:174px;
	position:absolute;
	top:220px;
	left:430px;
	
}

.content {
	width:494px;
	/*height:494px;*/
	float:left;
	border-right:solid 10px #143626;
	padding:0px;
	margin:0px;
}

.right {
	float:left;
	width:296px;
}

.menu {
	padding-left:25px;
}

.menu a{
	display:block;
	width:36px;
	height:218px;
	background-position:0 0 ;
	background-repeat:no-repeat;
	float:left;
}

.menu a:hover{
	background-position: 0 -10px;
}

.a_1_fr {
	background-image:url(img/1_fr.jpg);
}
.a_2_fr {
	background-image:url(img/2_fr.jpg);
}
.a_3_fr {
	background-image:url(img/3_fr.jpg);
}
.a_4_fr {
	background-image:url(img/4_fr.jpg);
}
.a_5_fr {
	background-image:url(img/5_fr.jpg);
}
.a_6_fr {
	background-image:url(img/6_fr.jpg);
}
.a_7_fr {
	background-image:url(img/7_fr.jpg);
}
.a_8_fr {
	background-image:url(img/8_fr.jpg);
}



.a_1_en {
	background-image:url(img/1_en.jpg);
}
.a_2_en {
	background-image:url(img/2_en.jpg);
}
.a_3_en {
	background-image:url(img/3_en.jpg);
}
.a_4_en {
	background-image:url(img/4_en.jpg);
}
.a_5_en {
	background-image:url(img/5_en.jpg);
}
.a_6_en {
	background-image:url(img/6_en.jpg);
}
.a_7_en {
	background-image:url(img/7_en.jpg);
}
.a_8_en {
	background-image:url(img/8_en.jpg);
}

.tof_accueil {
	margin:0;
	padding:0;
	border:0;
}

.min_ban {
	float:left;
	width:247px;
	height:247px;
}

.bg_contenu {
	background:#5b423b;
	/*height:494px;*/
}

.contenu {
	width:484px;
	/*padding-left:5px;
	padding-right:5px;
	padding-top:5px;*/
	padding:5px;
	color:#fcf5e5;
	text-align:justify;
}

.recule {
	width:400px;
}

.drap {
	padding-top:205px;
	padding-left:110px;
	padding-bottom:10px;
}

.fr {
	display:block;
	background-image:url(img/fr.png);
	background-repeat:no-repeat;
	height:32px;
	width:32px;
	padding-left:10px;
	float:left;
}

.en {
	display:block;
	background-image:url(img/en.png);
	background-repeat:no-repeat;
	height:32px;
	width:32px;
	float:left;
}

.footer {
	margin-left:auto;
	margin-right:auto;
	padding-bottom:10px;
	padding-top:10px;
	color:#fcf5e5;
	width:814px;
	text-align:right;
	font-size:10px;
	font-weight:bold;
	position:relative;
}
.footer a{
	color:#fcf5e5;
}
.menu_footer {
	position:absolute;
	left:0px;
	top:0px;
	font-size:11px;
	font-weight:normal;
	
	padding-bottom:10px;
	padding-top:10px;
}

.menu_footer a{
	color:#fcf5e5;
	text-decoration:none;
	margin-right:3px;
}

.menu_footer a:hover{
	text-decoration:underline;
	
	
}

/** SlideShow **/

#slideshow {
    position:relative;
    /*height:247px;*/
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
	/*height:246px;*/
}

#slideshow IMG.active {
    z-index:10;
    opacity:1.0;
}

#slideshow IMG.last-active {
    z-index:9;
}

/** Fin SlideShow **/

table{
	width:98%;
	border:1px solid #dab677;
	color:#5b423b;
	margin:0 auto;
	font-size:11px;
}
table.gras{
	font-weight:bold;
}
th{
	background-image:url(img/th.jpg);
	background-position:top;
	padding:5px;
	color:#fff;
}
td{	
	padding:5px;
}
td.op{
	width:20%;
	text-align:center;
}
td.op2{
	width:25%;
}
tr.c1{
	background:#dab677;
}
tr.c2{
	background:#fcf5e5;
}

.def1{
	padding:5px;
}
.def2{
	border:1px solid #9bcc54;
	background:#cdefa6;
	color:#648434;
	padding:5px;
	text-align:justify;
	font-size:12px;
}
.def3{
	border:1px solid #ffbb65;
	background:#ffe0b6;
	color:#c76e34;
	padding:5px;
	text-align:justify;
	font-size:12px;
}
.def4{
	border:1px solid #c50000;
	background:#fbdbd6;
	color:#c50000;
	padding:5px;
	text-align:justify;
	font-size:12px;
}
.italic{
	font-style:italic;
}
.terme{
	font-weight:bold;
	font-size:13px;
	font-style:italic;
	text-decoration:underline;
}

.image{
	padding:4px;
	border:1px solid #dab677;
	width:390px;
	margin: 0 auto;
}

/******* form ******/
form p {
	margin: 0;
}

form p.double {
	/* Empecher le dépassement des flottants */
	overflow: hidden;
	/* Idem pour IE6 */
	width: 100%;;
}

form p.double label {
	float: left;
	width: 175px;
	text-align: left;
	color:#FFF;
	font-weight: bold;
	cursor: pointer;
}

form p.double label span.info {
	display: block;
	margin-top: .2em;
	font-size: .8em;
	font-weight: normal;
	cursor: default;
}

form p.double input,
form p.double textarea {
	width: 200px;
	margin-left: 12px;
	margin-left: 0px;
	border: solid 1px #000;
	padding: 2px 4px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#5b423b;
	background:#fcf5e5;
}

select{
	color:#5b423b;
	background:#fcf5e5;
	border: solid 1px #FFF;
	font-size:12px;
	
	padding:2px;
}

.txt_cal{
	background:url(images/table.gif) right no-repeat;
	cursor:text;
}

form p.double textarea {
	padding: 2px 0 0 4px;
	width: 220px;
	height: 10em;
}

form p.simple {
	margin-left: 0px;
}

.bouton{
	font-weight:bold;
	font-size:14px;
	color:#000;
	background:url(img/h2.jpg);
	background-position:left;
	background-repeat:no-repeat;
	background-color:#fcf5e5;
	padding:5px;
	padding-left:50px;
	border:#fcf5e5 2px solid;
	text-align:right;
}

span.prenom{
	text-transform:lowercase;	
	font-weight:bold;
	font-size:13px;
	text-decoration:underline;
}

.sep{
	height:5px;
}

.img_galerie{
	padding:5px;
	float:left;
}

.img{
	padding:2px;
	border:2px solid #fff;
}

.clear{
	clear:both;	
}

.voir{
	background:url(img/visualiser.png) no-repeat left;
	padding-left:18px;
}

.voir_plus{
	text-align:right;
	font-weight:bold;
}


/* jQuery lightBox plugin - Gallery style */
#gallery {
	margin:0 auto;
}
#gallery ul { list-style: none; }
#gallery ul li { display: inline; padding:0; margin:0 }
#gallery ul img {
	border: 2px solid #FFF;
}
#gallery ul a:hover img {
	border: 2px solid #000;
	color: #fff;
}
#gallery ul a:hover { color: #fff; }


/***** Calendrier *****/

table.calendar {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 0.8em;
	border-collapse: collapse;
	background-color: white;
	border: solid #999999 1px;
	background-color: white;
	width: 215px;
	text-align: center;
	/*prevent user from selecting text in Mozilla & Safari - check calendar constructor for IE code)*/
	-moz-user-select: none;
    /*-khtml-user-select: none;*/
	color:#000000;
}
table.calendar a {
	color:#000000;
}
table.calendar a:hover {
}
table.calendar input, table.calendar select {
	font-size: 10px;
}
table.calendar td, table.calendar th {
	border: 0;
	font-size: 10px;
	text-align: center;
}
div.mainheading {
	margin: 2px;
}
.closeBtn {
	/*float: right;
	width: 15px;
	/*font-size: 1.5em;
	height: 13px;

	padding: 0 0 3px 0;
	margin: 1px 8px 0 0;
	border: solid black 1px;*/
}
/*all styles related to the main calendar grid*/
table.cells {
	border-collapse: collapse;
	border: solid #CCCCCC 1px;
	cursor: pointer;
	empty-cells: show;
	margin: 0 6px 0 6px;
}
/*the day headings*/
table.cells th {
	border: solid #CCCCCC 1px;
	text-align: left;
	font-weight: bold;
	color: #0054E3;
	width: 22px;
}
table.cells th.wkhead {
	border-right: double #CCCCCC 3px;
	cursor: default;
	width: 22px;
}
/*The date cells*/
table.cells td {
	border: solid #CCCCCC 1px;
	vertical-align: top;
	text-align: left;
	font-weight: bold;
	height: 20px; /*IE doesn't like ems*/
}
table.cells td.wkhead {
	background-color: white;
	text-align: center;
	border-right: double #CCCCCC 3px;
	color: #0054E3;
}
table.cells td.noselect {
	background-color: #EEEEEE;
	color: #BBBBBB;
	text-decoration: line-through;
	cursor: default;
}
table.cells td.hlday {
	background-color: #99FF99;
}
table.cells td.wkday {
	background-color: #DDDDDD;
}
table.cells td.wkend {
	background-color: #DDDDDD;
}
table.cells td.curdate {

}
table.cells td.cell_selected {
	background-color: #99CCFF;
	color: black;
}
table.cells td.notmnth {
	background-color: #FFFFFF;
	color: #CCCCCC;
}
table.cells td.notallowed {
	background-color: white;
	color: #EEEEEE;
	font-style: italic;
}
table.cells td.hover {
	background-color: #999999;
}
table.cells td div {
	padding: 1px;
	margin: 0;
}

/***** Fin Calendrier *****/

.message
{
    border:dotted 1px #188400;
	background:#dafac6;
    color:#188400;
	font-weight:bold;
    padding:4px;
	margin:2px;
    text-align:center;
	text-transform:capitalize;
}

.erreur
{
    border:dotted 1px #c50000;
	background:#fbdbd6;
    color:#c50000;
	font-weight:bold;
    padding:4px;
	margin:2px;
    text-align:center;
	text-transform:capitalize;
}

.warning
{
    border:dotted 1px #E17100;
	background:#FFE4CA;
    color:#FF9900;
	font-weight:bold;
    padding:4px;
	margin:2px;
    text-align:center;
	text-transform:capitalize;
}

.patente{
	text-align:center;
	font-weight:bold;
}