/*----------------------------------------------------------
	Style principal
	Projet:
	Sommaire:
		Reset css
		Balises par défaut
		Disposition
			Mise en page générale
			Eléments récurrents
			Les pages internes
				home.php
		Classes générales
----------------------------------------------------------*/


/* ========================================================================
 * Reset CSS
 * ========================================================================*/

@import "reset.css";

/* ========================================================================
 * Balises par défaut
 * ========================================================================*/
 
html { height:100%;  }

body { height:100%; background:#1d2b37 /*url(../images/bgd_main02.png) repeat-x 0 0*/; font:normal normal normal 12px/18px arial; color:#606060; }
 
h1 { }
h2 { }
h3 { }
h4 { }
h5 { }
h6 { }

p { }
img { }
sup { }
abbr, acronym { }

blockquote, q { }
blockquote { }
cite { }

ul { }
ol { }
dl { }

form { }
fieldset { }
input { font:normal normal normal 12px/18px arial; color:#606060; }
select { font:normal normal normal 12px/18px arial; color:#606060; }
textarea { font:normal normal normal 12px/18px arial; color:#606060; }
label { }

a { }
a:link { }
a:visited { }
a:hover { }
a:focus { }
a[hreflang]:after { }
a img { }
 
code, pre { }
pre { }
 
hr { }

/* ========================================================================
 * Disposition
 * ========================================================================*/

/* -----------------------------------------
 * Mise en page générale
 * ------------------------------------------*/
#main { width:980px; margin:0 auto; background:url(../images/bgd_main01.png) no-repeat right 10px; }
	#header { background:#fff; padding:16px 0 6px 16px; width:964px; }
		#logo {padding:65px 0 10px;}

		#nav { padding:8px 0 0 0; height:42px; }
			#menuHori { }
				#menuHori a { color:#fff; text-decoration:none; }
				#menuHori li{ float:left; padding:0 1px 0 0; }
					#menuHori li a { display:block; width:157px; height:34px; background:url(../images/bgd_nav.gif) no-repeat 0 -34px; text-align:center; line-height:34px; font-weight:bold; }
					#menuHori li a:hover { background:url(../images/bgd_nav.gif) no-repeat 0 0; }
					#menuHori li ul { width:157px; position:absolute; z-index:50000; }
						#menuHori li ul li { float:none; position:relative; overflow:hidden; padding:0; width:157px; line-height:12px; font-size:0; }
							#menuHori li ul li div.bg-link { position:absolute; top:0; left:0; width:300px;	height:100px; background:#322d29; filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity: 0.8; opacity: 0.8;	z-index:4000; }	
							#menuHori li ul li a { background:url(../images/null.gif) no-repeat 0 0; border-top:1px solid #564a4a; position:relative; top:0; left:0; height:auto; padding:7px 0; text-decoration:none; font-size:11px; font-weight:bold; line-height:14px; text-align:center; text-indent:0; color:#fff; z-index:4001; filter:alpha(opacity=100); -moz-opacity:1;	-khtml-opacity: 1; opacity: 1; }
							#menuHori li ul li a:hover { filter:alpha(opacity=100);	-moz-opacity:1;	-khtml-opacity:1; opacity:1; background:#453d3d; }
							#menuHori li ul li ul { left:157px; top:0; }
	#container { background:#fff; padding: 16px 16px 16px; overflow:hidden; width:948px; }
		#content {}
		#aside {}
			#menuvert {}
		#searchHome { background:#7f7570; text-align:right; padding:2px 0; clear:both; width:948px; position:relative; }
			#searchHome ul {position:absolute; left:5px; top:3px;}
				#searchHome li {float:left; margin:0 8px 0 0; color:#FFFFFF;}
			#searchHome label { color:#fff; font-weight:bold; }
			#searchHome input.text { border:0; font-weight:bold; }
			#searchHome input.image { padding:5px 10px; }
	#footer { height:80px; width:100%; position:relative; }
		#footer #address {position:absolute; left:0; text-align:left; line-height:14px; padding:3px 0 0;}
		#footer p, #footer a { color:#fff; text-decoration:none; font-size:11px; text-align:right; }
 
/* -----------------------------------------
 * Eléments récurrents
 * ------------------------------------------*/
 
.format { padding:0 40px 40px 40px; }
	.format table.container { display:block; width:868px; }
	.format table.container td.colLeft { display:block; float:left; padding-right:52px; width:408px; }
	.format table.container td.colRight {*display:block; float:left; width:408px; }
	
	.format h2 { font-size:38px; line-height:46px; margin:0 0 15px 0; }
	.format h3 { font-size:16px; color:#877a71; margin:15px 0; }
	.format h4 { font-size:12px; color:#5e7aaf; }
	.format .intro { font-size:15px; line-height:22px; font-weight:bold; color:#877a71; margin:15px 0; }
	.format div.hr { height:2px; background:url(../images/bgd_hr.gif) repeat-x 0 0; line-height:2px; }
	.format p { margin:15px 0; }
	.format ul, .format ol { margin:15px 0; }
		.format ul li { background:url(../images/li_02.gif) no-repeat 0 3px; padding-left:19px; margin:15px 0; }
			.format ul li ul { }
				.format ul li ul li { background:url(../images/li_03.gif) no-repeat 0 6px; padding-left:12px; margin:0; }
	.format a { color:#877a71; }
	
	.format .border01 { border:1px solid #afafaf; padding:5px 40px; margin:15px 0; background:url(../images/bgd_border01.gif) no-repeat 0 0; }
		.format .border01 h4 { margin-top:20px; }
		.format .border01 h3 { margin-top:20px; }
	
	.format .border02 { border:3px solid #afafaf; padding:10px 40px; margin:15px auto; }
	
	.format .border03 { padding:10px 40px; margin:15px 0; background:#7f7570; color:#fff; font-size:11px; }
		.format .border03 a { color:#fff; }
		.format .border03 ul { }
			.format .border03 ul li { background:url(../images/li_04.gif) no-repeat 0 3px; }
				.format .border03 ul li ul { }
					.format .border03 ul li ul li { background:url(../images/li_05.gif) no-repeat 0 6px; }
					
	.format .border04 { padding:10px 40px; margin:15px 0; background:#7f7570 url(../images/bgd_arroundWorld.gif) no-repeat 0 0; color:#fff; font-size:11px; }
		.format .border04 h3 { color:#fff; }
		.format .border04 a { color:#fff; }
		.format .border04 ul { }
			.format .border04 ul li { background:url(../images/li_04.gif) no-repeat 0 3px; }
				.format .border04 ul li ul { }
					.format .border04 ul li ul li { background:url(../images/li_05.gif) no-repeat 0 6px; }
	
	.format .list01 { }
		.format .list01 p { margin-top:5px; font-size:11px; }
		.format .list01 ul { margin-top:5px; font-size:11px; }
	
	.format table.table01 { }
		.format table.table01 caption { background:#7F7570; color:#fff; font-weight:bold; }
		.format table.table01 th { border:1px solid #615c57; padding:5px; background:#7f7570; color:#fff; vertical-align:middle; }
		.format table.table01 td { border:1px solid #b8b5b2; padding:5px; vertical-align:top; }
		.format table.table01 td.bgdSilver { background:#dddddd; }
		.format table.table01 td.noborder { border:none; }
		.format table.table01 small { font-size:11px;}

		
	#allTabs { }
		#allTabs .tabs { height:25px; }
			#allTabs .tabs ul { margin:0; }
				#allTabs .tabs ul li { float:left; background:none; padding:0; margin:0; }
					#allTabs .tabs ul li a { display:block; line-height:25px; font-weight:bold; padding:0 30px; cursor:pointer; }
					#allTabs .tabs ul li a.on { background:#7f7570; color:#fff; }
		#allTabs .details { border:3px solid #7f7570; }
			#allTabs .color01 h4.accordion_er { background:#eae8e6; color:#7f7570; padding:2px 15px; border-bottom:1px solid #fff; border-top:1px solid #fff; cursor:pointer; }
			#allTabs .color02 h4.accordion_er { background:#dddad7; color:#7f7570; padding:2px 15px; border-bottom:1px solid #fff; border-top:1px solid #fff; cursor:pointer; }
			#allTabs .color03 h4.accordion_er { background:#cecac6; color:#7f7570; padding:2px 15px; border-bottom:1px solid #fff; border-top:1px solid #fff; cursor:pointer; }
			#allTabs .details div.accordion_e { padding:0 15px; }

/* __________ Boutons */
.button	{ padding:2px 5px; text-decoration:none; border:0; font:normal normal bold 12px/15px arial; border:1px solid #fff; zoom:1; cursor:pointer; background:#7f7570; color:#fff !important; overflow:visible;}
.print	{ float:right; margin:10px 0; }

/* __________ Pager */
.links span { color:#544B47; display:block; float:left; font-weight:bold; height:18px; padding:0; text-align:center; width:28px; font-size:14px; }
.links a { color:#544B47; display:block; float:left; height:18px; text-align:center; text-decoration:none; width:28px; font-size:12px }
.links a:hover { font-weight:bold; }

/* __________ Arianne */
#arianne { color:#544B47; font-size:10px; padding:0 0 0 40px; }
#arianne a { color:#544B47; font-size:10px; }
#arianne a:hover { font-weight:bold; }



	
/* -----------------------------------------
 * Les pages internes
 * ------------------------------------------*/
 
/* home.php */
#home { padding:30px 10px 30px; overflow:hidden; width:928px; background:#efefef; }
.format p.intro-txt {margin-top:0;}
	#home ul{ margin:0; padding:0; }
		#home ul li{ margin:0; padding:0; background:none; }

	#home #menuVert { width:180px; float:left; }
		#home #menuVert li {margin:0 0 5px;}
			#home #menuVert li a {display:block; width:100%; overflow:hidden;}
				#home #menuVert li img {float:left; }
	
	#home .containerLeft { width:747px; float:left; overflow:hidden; }
	
	#home #zoomOn { width:452px; background:#f0ece9; border:8px solid #aeaeae; padding:3px 0; float:left; }
		#home #zoomOn p{ margin:5px 0 0 0; }
		#home #zoomOn .image { border-top:5px solid #fff; border-bottom:5px solid #fff; position:relative; }
			#home #zoomOn .image ul{ position:relative; }
		#home #zoomOn .description { padding:0 10px; }
			#home #zoomOn .description li { padding:3px 15px; background:url(../images/li_01.gif) no-repeat 0 4px; font-size:11px; line-height:14px; cursor:default; }
				#home #zoomOn .description li a { }
			
	#home #pubHome { float:right; width:247px; padding:0 0 0 29px; }
		#home #pubHome .box { padding-bottom:10px; }
		#home #pubHome p { margin:0; padding:0 5px; }
	
#newsHome { background:url(../images/ico_news01.gif) no-repeat 0 10px; zoom:1; }
	#newsHome a { color:#3e9ad4; }
	#newsHome .inner { background:url(../images/ico_news01.gif) no-repeat right 10px; padding:10px 30px; zoom:1; }
		#newsHome #slide_contener { overflow:hidden; position:relative; width:888px; zoom:1; }
		
		#newsHome div.slide_news { position:relative; line-height:26px; zoom:1; }
			#newsHome div.slide_news div.slide_news_home { float:left; width:888px; }
				#newsHome div.slide_news div.slide_news_home span.title { color:#3e9ad4; text-transform:uppercase; font-size:11px ; font-weight:bold; }
				#newsHome div.slide_news div.slide_news_home span.contentSlide { font-size:10px; }

#home #partners {width:452px; overflow:hidden; padding:5px 0 0; float:left;}
	#home #partners p { margin:0; padding:10px 10px 5px 0;}
	#home #partners ul {float:left;}
	#home #partners li {float:left; margin:0 5px 0 0; display:inline;}

/* contact.php */
div#contact label.lbleft { float:left; padding:0 10px 0 0; text-align:right; width:120px; }
div#contact input.text { border:1px solid #CCCCCC; margin:0; padding:0 3px; width:280px; }
div#contact textarea { border:1px solid #CCCCCC; padding:0 3px; width:280px; }
div#contact p.conformement { font-size:11px; padding:10px 0 0; text-align:justify; }

/* search.php */
div#search .search { margin-bottom:10px; padding:10px; background:#EFEEEA none repeat scroll 0 0; border:1px solid #D1CDC3; margin:20px 0; }
div#search input.text { border:1px solid #CCCCCC; margin:0; padding:0 3px; width:280px; }
div#search .nb { background:#EFEEEA none repeat scroll 0 0; overflow:hidden; }
	div#search .nb p { margin:0; padding:5px 10px; }
	div#search .nb .links{ float:left; }
	div#search .nb .nbs{ float:right; }
div#search .result { margin:25px 0; width:500px; }
	div#search .result p { margin:0; }
		div#search .result p a { font-weight:bold; font-size:14px; }
		
/* articles.php */
div#articles .article { margin:25px 0; width:500px; overflow:hidden; }
	div#articles .article p { margin:0; }
	div#articles .article p.title { font-weight:bold; font-size:14px; }
div#articles .nb { background:#EFEEEA none repeat scroll 0 0; overflow:hidden; }
	div#articles .nb p { margin:0; padding:5px 10px; }

/* plan.php */
div#plan a { color:#3F4554; font-weight:bold; text-decoration:none; }

/* formBrochure.php */
div#formBrochure label.lbleft { float:left; padding:0 10px 0 0; text-align:right; width:165px; }
div#formBrochure label.lbleft2 { float:left; padding:0 10px 0 0; text-align:right; width:280px; }
div#formBrochure label.lbleft3 { float:left; padding:0 10px 0 0; text-align:right; width:172px; }
div#formBrochure input.text { border:1px solid #CCCCCC; margin:0; padding:0 3px; width:200px; }
div#formBrochure input.moreinf { border:none; margin:0 6px 0 152px; padding:0; width:auto; }
div#formBrochure select { border:1px solid #CCCCCC; margin:0; }
div#formBrochure textarea { border:1px solid #CCCCCC; padding:0 3px; width:200px; }
div#formBrochure p.conformement { font-size:11px; padding:10px 0 0; text-align:justify; }
div#formBrochure ul { margin:15px 0; overflow:hidden; }
	div#formBrochure ul li { background:none; padding:0; float:left; margin:0; }
	div#formBrochure .denied ul li { float:none; }
div#formBrochure .about p { width:100%; overflow:hidden; margin:0; padding:15px 0;}
	div#formBrochure .about p.in {padding:0 0 15px;}	
#istip *{margin:0 !important; padding:0 !important;}

/* Galerie photo */
.format .desc-gallery h3 {margin:0 5px;}
.format .desc-gallery p {margin:0;}

/* Paiement en ligne */
#steps-cmd {margin:15px 0 0; overflow:hidden; width:100%;background:none repeat scroll 0 0 #7F7570;}
	#steps-cmd li {color:#FFFFFF; float:left; padding:5px;}
		#steps-cmd li span {display:inline-block; font-size:18px; font-weight:bold; line-height:18px; padding:0 5px;}
#postbacdiv p {padding:0 0 15px; margin:0;}

/* ========================================================================
 * Classes générales
 * ========================================================================*/
.clear { clear:both; line-height:0; height:0; }
.no_display { display:none; }
.display { display:block; }
.center { text-align:center; }
.right { text-align:right !important; }
.flright { float:right; }
.flleft { float:left; }
.denied {background:url(../images/ico_warning_01.gif) no-repeat 8px 11px; padding:5px 35px 5px 35px; margin:10px 0; border-top:2px solid #625C56;}
	.denied li {border-bottom:1px dotted #625C56; padding:3px 0;}