@charset "utf-8";


body  {
	font: 12px Arial;
	background-image: url(../images/body.jpg);
	background-color:#4d2606;
	background-repeat: no-repeat;
	background-position: top center;
	height:1153px;
	margin: auto;
	padding: 0px;
	text-align: left;
	color: #280502;
	overflow-x:hidden ;
}

div.clear { clear:both; }

#main {
	margin:auto;
	text-align:center;
}

#container {
	margin:auto;
	text-align:center;
	width:984px;
}

#header {
	/*background-image: url(../images/header.png);*/
	background-position: center;
	background-repeat: no-repeat ;
	height:168px;
}

#header img{
float:left;
}

#maincontent {
	/*margin-left:7em;*/
	height:914px;
	text-align:left
}

#contenu {
	float:left;
	/*padding-left:5em;
	margin-left:1.6em;*/
	margin-top:0px;
	background-image: url(../images/main_bg.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	width:948px;
	height:785px;
	border:0px red solid
}

#contenu_recru {
	float:left;
	/*padding-left:5em;
	margin-left:1.6em;*/
	background-image: url(../images/main_bg_02.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	width:948px;
	height:924px;
	border:0px red solid
}

#langue {float:right; margin:5.5em 0.1em 0 0; background-position: top center;}

.francais, .arabe {
	background-repeat: no-repeat;
	background-position: center;
	width:34px;
	height:49px;
}

.francais { }
.arabe {}

#topmenu_out {
	padding:20px 0 0 10px;
	height:60px;
}

#topmenu {
	height: 41px;
	color: #280502;
	padding-left:16em;
}

#topmenu ul,
#topmenu li {
	display: inline;
	padding: 0px;
	margin: 0px;
	text-align:center;
	text-transform:uppercase;

}

#topmenu a {
	float: left;
	height: 32px;
	margin-right:50px;

}

#topmenu  a:hover,
#topmenu #active_menu,
#topmenu li#current a {
	text-decoration: none;
	text-align:center;
	/*background-image: url(../images/menu_over.png);*/
	color: #16191d;
	background-repeat: no-repeat;
	background-position: right;
	border-bottom:2px solid #46251b;
	cursor:pointer;

}


.bienvenu {
	background-image: url(../images/bienvenu.png);
	background-repeat: no-repeat;
	background-position: center;
	height:22px;

}

.banner {
	background-image: url(../images/banner.png);
	background-repeat: no-repeat;
	background-position: center;
	height:270px;
	margin-top:3em;
	padding-left:11.5em;
	margin-bottom:0em;
}

.banner img { background-position: top; padding-top:2.8em; margin-left:1em; border:0px red solid}

#content { margin:1em 0 0 1em; width:949px;}

.titre-page img{ margin-left:11em; padding:2em 0 2em;}

#footer {
	background-image: url(../images/footer.gif);
	background-repeat: no-repeat;
	background-position:  bottom center;
	color: #280502;
	text-align: center;
	padding-top:65.3em;
	margin-left:8px;
	border:0px green solid;
	width:940px;
	height:132px;
}

#footer_recru {
	color: #280502;
	text-align: center;
}


.copy { padding-top:18px;}
.copy_recu { margin-top:41.5em; text-align:center;}
.copy_cont { margin-top:20em; text-align:center;}

.clr {
	clear:both;
}

p, td, tr {
	font-size: 12px;
	padding: 0;
	margin: 0;
	font-family:Arial;
}
ul {
	margin: 0px;
	padding: 0px 0px 0px 18px;
	list-style-type: square;
}
a:link, a:visited {
	color: #280502;
	text-decoration: none;
	font-family:Arial;
}
a:hover {
	text-decoration: underline;
}

.inputbox, input , textarea{
	border: 1px solid #4c1c0a;
	background-color:#ce9a45;
	width:200px;
	margin:0.5em 0 0.5em 0;
}

.input, img {
	border: none;
	text-align:left;
}


.contentdescription {
	padding: 10px;
}


/******************** Contenu *********************/

.colonne_01 { float: left; width:330px; padding-left:12em; border:0px red solid}
.colonne_02 { float: left; width:5px; border:0px red solid; margin-left:20px;}
.colonne_03 { float: right; width:330px; padding-right:9em;border:0px green solid}

.colonne_01 p, .colonne_03 p { font-family:Arial; text-align:justify; line-height: 1.5; }
.colonne_01 li, .colonne_03 li { font-family:Arial; text-align:justify; line-height: 1.5; padding-left:2em; margin-left:2em;}
.colonne_01 img, .colonne_03 img { padding:1em 0 1em 0;}


.titre-bloc {padding-bottom:2em;}
.contenu_formulaire {padding:0 6em 0 8em;}
.contenu_formulaire p{text-align:justify;}
.image-bordure { text-align:center; padding-bottom:5em;}


#bloc-formulaire {}
#bloc-information {float: left; width:380px; text-align:left; border:0px red solid}
#bloc-champ {float: right; width:360px; text-align:left;}
.nom-offre {font-size:14px; font-weight: bold; }

.button {
	background: url(../images/button-bg.png) transparent;
	background-repeat: no-repeat;
	width:101px;
	height:25px;
	border:0px;
	color:#d9b16d;
	text-transform:uppercase;
	text-align:center
	}

.formulaire-contact {padding:0 6em 0 23em; }

.text-contact {padding-left:23em}

/************************** recrutement   ****************************/

#onRecrute { width:370px; border:0px solid yellow; float: left;}
#onRecrute #annonce { width:370px;float:left; text-align:left;}
* html #onRecrute #annonce #annonceTitle { background: url(../images/offre-demploi.png) no-repeat 5px 5px; height:25px;  }
#onRecrute #annonce #annonceTitle { background: url(../images/offre-demploi.png) no-repeat 5px 5px; min-height:25px; clear:left; }
#onRecrute #annonce #annonceContent { width:365px; text-align:justify; font-family:arial; font-size:8pt; color:#280502; }
#onRecrute #annonce #annonceContent .h3 { font-family:arial; font-size:12pt; color:#280502; font-weight:bold; width:370px; min-height:30px; text-align:left;}


.subTitle { font-family:arial; font-size:8pt; color:rgb(17,106,174); font-weight:600; }

.panel { width:370px; float: left;}


/*
	jQuery Coda-Slider v2.0 - http://www.ndoherty.biz/coda-slider
	Copyright (c) 2009 Niall Doherty
	This plugin available for use in all personal or commercial projects under both MIT and GPL licenses.
*/

/* Insignificant stuff, for demo purposes */
/*
	body { padding: 20px }
	.panel h2.title { margin-bottom: 10px }
	noscript div { background: #ccc; border: 1px solid #900; margin: 20px 0; padding: 15px }
*/
/* Most common stuff you'll need to change */
	.panel h2.title { display:none; }

	.coda-slider-wrapper { padding: 20px 0; }
	.coda-slider { background:none; }

	/* Use this to keep the slider content contained in a box even when JavaScript is disabled */
	.coda-slider-no-js .coda-slider { height: 200px; overflow: auto !important; padding-right: 20px; }

	/* Change the width of the entire slider (without dynamic arrows) */
	.coda-slider, .coda-slider .panel { width: 365px; }

	/* Change margin and width of the slider (with dynamic arrows) */
	.coda-slider-wrapper.arrows .coda-slider, .coda-slider-wrapper.arrows .coda-slider .panel { width: 450px; }
	.coda-slider-wrapper.arrows .coda-slider { margin: 0 10px; }

	/* Arrow styling */
	.coda-nav-left a, .coda-nav-right a { background: #fff; color:rgb(17,106,174); padding: 5px; width: 10px; }

	/* Tab nav */
	.coda-nav ul li a.current { font-weight:bold;  }

	/* Panel padding */
	.coda-slider .panel-wrapper { padding: 20px; }

	/* Preloader */
	.coda-slider p.loading { padding: 20px; text-align: center; }

/* Don't change anything below here unless you know what you're doing */

	/* Tabbed nav */
	.coda-nav ul { clear: both; display: block; margin: auto; overflow: hidden; }
	.coda-nav ul li { display: inline; }
	.coda-nav ul li a { background: url(../images/num.png )no-repeat; color:#d9b16d; display: block; float: left; margin-right: 1px; padding: 2px 8px; text-decoration: none; font-size:13pt; width:26px; height:25px; }

	/* Miscellaneous */
	.coda-slider-wrapper { clear: both; overflow: auto; }
	.coda-slider { float: left; overflow: hidden; position: relative; }
	.coda-slider .panel { display: block; float: left; }
	.coda-slider .panel-container { position: relative; }
	.coda-nav-left, .coda-nav-right { float: left; }
	.coda-nav-left a, .coda-nav-right a { display: block; text-align: center; text-decoration: none; }