/* Gabarit 2 colonnes  du Front				*/

*{ margin:0; padding:0; border: none; text-decoration: none }

body{ padding: 0; font-family: "Trebuchet MS"; font-size: 12px; text-align: center; color: #0a0a0a; background-color: #fff }
#body1{ background:url(../images/fond/bgbody.gif) center 101px no-repeat;}
#body2{background:url(../images/fond/bgbody1.gif) center 101px no-repeat;}

h1{ position: absolute; top: 10px; left: 20px;}
h2{ margin: 5px 0 20px 0px; padding: 0 0 0 15px; font: normal 18px "Trebuchet MS"; color: #0e1e35; background:url(../images/fond/h2.gif) left center repeat-x; width:97%}
h3 { margin: 0px; font: bold 14px "Trebuchet MS"; color: #4f8cbb; border-bottom:1px solid #ccc ; height:42px}
h4 { margin: 5px 0 5px 0px; font: bold 14px "Trebuchet MS"; color: #95bf32;  }
h5{ margin: 15px 0 10px 10px; font: normal 16px "Trebuchet MS"; color: #806b3c }

p{ font: normal 11px/15px arial; margin: 0 0 5px 0; text-align:left }

input{ padding: 0 0 0 3px; font: normal 11px arial }
textarea { padding: 4px; font: normal 11px arial }

ul.puced li { list-style: none; margin: 10px 15px 10px 24px; padding: 0 0 0 13px; background: url(../images/puce/puce.gif) left 2px no-repeat }
ul.radio li	{ float: left }
ul.radio li input { margin: 0 4px 0 0; position:relative; top: 2px; left: 0 }
 
a img { border: none; text-decoration: none }

a { color: #006699; text-decoration: underline; font: normal 11px arial }
a:hover { color: #3399FF; text-decoration: underline }

abbr{ cursor: help;  } 


/* 			Conteneurs generaux 					*/	
#main{ position:relative; width:840px;margin: 0 auto; text-align:left;border-right:1px solid #d8dbdf; border-left:1px solid #d8dbdf;border-bottom:1px solid #d8dbdf}
#intro{ width:840px; height:84px; background:url(../images/fond/bgd_intro.jpg) no-repeat right top;}
	#intro #contact-btn {background:#F5F3F4 url(../images/fond/bgd_contact.jpg) no-repeat left bottom; width:158px; position:absolute; right:176px;}
		#intro #contact-btn p {padding:3px 15px 0;  color:#508dbb; font-size:12px; text-transform:uppercase; font-weight:bold; text-align:center;}
		#intro #contact-btn p.msg-summer {background:#73A3C9; color:#FFFFFF; padding:3px 15px 3px; border:1px solid #FFFFFF; border-top:none;}
		#intro #contact-btn span {color:#244060;}
#menu-top{ position:relative; text-align:center; width:840px}
#menu-top a { font-size:11px; color:#143f6c; text-decoration:none; }
/*#bandeau{ width:840px; height:362px; background:url(../images/illustr/bandeau_home.jpg) top left no-repeat; position:relative}
#bandeau a.img0{ position:absolute; top:216px; left:38px}
#bandeau table.img1{ position:absolute; top:26px; left:716px}
#bandeau table.img1 td div, #bandeau table.img2 td div, #bandeau table.img3 td div{ width:112px; height:64px; border:2px solid #87b133; background-color:#fff; overflow:hidden}
#bandeau table.img2{ position:absolute; top:129px; left:716px;}
#bandeau table.img3{ position:absolute; top:243px; left:716px}
*/

#content { margin: 20px; padding:0; min-height:435px; height:auto !important; height:435px;}
#contenthome { margin: 0; padding:0;}
.conges{ position:absolute; left:20px; top:100px; width:200px; color:#617b96}


/* 			Footer								   */
#outro 				 { width:840px; height: 18px; background-color:#e1eaf0; margin-bottom:10px}
#outro p 			 { color: #1c4677; text-align: center; }
#outro p a 			 { color: #1c4677; text-decoration: none }
#outro p a:hover   { text-decoration: underline }

.tips, .tool-text { background-color: #000; border:1px solid #fff; padding:2px; color: #fff }

	/*			Home			*/
	.intro{ font-size:13px; color:#29517e; font-weight:bold; height:50px}
	.listes{ height:125px;}
	.listes ul{ float:left; margin-right:13px;}
	.listes ul li{ list-style-type:none; background:url(../images/puce/verte.gif) left 6px no-repeat; padding-left:10px}
	.signalisation p, .signalisation div{ margin:12px 0 5px 15px}
	.equipement p, .equipement div{ margin:12px 0 5px 10px}
	.cat-gift {margin:0 0 0 8px;}
		.cat-gift a {color:#29517e; text-decoration:none; font-size:12px;}
		.cat-gift a:hover {text-decoration:none;}
	
/*	.intervention{ position:absolute;left:20px; top:208px; width:190px; height:142px}
		.intervention .txt01{ color:#fff; font-weight:bold; font-size:11px}
		.intervention .txt02{ color:#7195be; font-style:italic; font-size:11px}
		.intervention .txt03{ color:#c7c7c7;  font-size:12px}
		.intervention input{ background:url(../images/fond/inputhome.jpg) left top no-repeat; width:148px; height:20px; color:#617b96}
		.intervention input.submithome{ background:none; width:27px; height:27px;}

*/	

#header {background:url(../images/fond/bgd_header.jpg) no-repeat left top; width:100%; position:relative; overflow:hidden; height:362px;}
	#header h3 {padding:13px 0 17px 6px; margin:0; height:auto; border:none;}
	#smoothgallery {left:223px; position:absolute;}
	#header-links {width:222px; float:left;}
		#header .intervention h3 {padding:13px 0 10px 6px; margin:0; height:auto; border:none;}
		#header-links .intervention fieldset {padding:0 0 0 20px;}
		#header-links .intervention p {color:#c7c7c7; font-size:12px; padding:0 15px 0 0;}
		#header-links .intervention label {color:#FFFFFF; font-weight:bold;}
		#header-links .intervention .mention {color:#7195be; font-style:italic; font-size:11px}
		#header-links .intervention input{ background:url(../images/fond/inputhome.jpg) left top no-repeat; width:148px; height:20px; color:#617b96}
		#header-links .intervention input.submithome{ background:none; width:27px; height:27px;}
	#highlights {width:125px; float:right; padding:15px 0 0;}
		#highlights li {border-bottom:1px solid #5b718b; padding:10px 6px 20px; list-style:none;}
		#highlights h4 {color:#FFFFFF; text-transform:uppercase; font-family:"Trebuchet MS", Arial; font-size:12px; line-height:14px; margin:0 0 5px; text-align:center;}
		#highlights a {text-align:center; width:100%; display:block;}
		#highlights a:hover {text-decoration:none;}
		#highlights a div {background-color:#FFFFFF; border:1px solid #73a4c9; height:64px; overflow:hidden; width:112px;}
		#highlights .tips {background:#73a4c9; text-align:center; color:#FFFFFF; border:none;}
	
	.smoothgallery-element h3 {display:none;}
	
	/*			Catégories			*/
	.categories{ border:1px solid #ccc; float:left; width:162px; height:200px; margin:5px; padding:10px; background:url(../images/fond/categories.gif) left bottom no-repeat;}
	.imgcatego{ text-align:center; height:108px}
	.imgcatego img{ border:1px solid #d9dee6; padding:1px; background-color:#fff}
	.categories .descri{ color:#777; font-size:10px; height:30px}
	.listimg td{ border:1px solid #ccc; width:100px; height:100px}
	
	/*			Galerie 		*/
	.gallery {background:url(../images/fond/bgd_gallery.gif) repeat-x left bottom; height:450px; width:840px; overflow:hidden; position:absolute; left:0;}
		.gallery .heading {padding:0 20px 20px;}
	.gallery-albums {width:100%; overflow:hidden;}
		#container-gallery {position:absolute; left:0; padding:22px 0 0;}
		#gallery-buttons {position:absolute; top:0; left:125px;}
			#gallery-buttons li {float:left; list-style:none; text-align:center; width:202px;}
			#gallery-buttons li.middle {padding:40px 0 0;}
	/*			Album			*/
	.album{width:120px; text-align:center; vertical-align:center; float:left; margin:5px}
	.album-img{ border:1px solid #ccc; width:120px; height:105px; text-align:center; vertical-align:center;}
	.album-info{ width:120px; text-align:right;}
	.album-info div{ position:relative}
	.album-info p{ position: absolute; background-color:#000; opacity:.50;filter: alpha(opacity=50); -moz-opacity: 0.5; border:1px solid #555; color:#fff; width:107px; padding:2px; top:24px; left:40px}
	.slideshow { width:100%; height:360px; padding:0; margin:0 auto}
	
	/*			Annonces			*/
	.annonces{ border:1px solid #ccc; width:300px; margin:5px; padding:10px; background:url(../images/fond/annonces.gif) left bottom no-repeat;}
	.spanleft{ display:block; float:left; width:100px; font-weight:bold;}
	.spanright{ display:block;  margin-left:110px; color:#444}
	.links{ font-weight:bold; font-size:14px}
	
	/*			Boutique			*/
	.boutique{ width:100%}
	.boutique td { width:50%; border:1px solid #ccc; padding:3px}
	.boutique td img{ float:left}
	.boutique ul{ margin-left:130px}
	.boutique li{ list-style-type:none; margin:0px 0px 0px 25px }

	/* 			Page Mentions						   */
	.adr 						{ margin: 20px 0 15px 73px }
	.adr2 					{ margin: 20px 0 15px 45px }
	.titlementions{ font-weight:bold; font-size:14px; color:#fff}
	.adr, .adr2 			{ float: left;height: 190px; padding: 14px; width: 278px; background: url(../images/fond/mentions.jpg) left top no-repeat }
	.adr-Bot, .adr2-Bot  { padding: 10px 0 0 0;}
	.conformement 		{ font: normal 10px arial; color:#777; text-align:center; }

	
	/*			Plan du site			*/
	.plansite{ background:url(../images/illustr/plansite.jpg) right bottom no-repeat}
	.plansite ul{ margin:15px 0 15px 25px}
	.plansite li{ background:url(../images/puce/plan.gif) left 2px no-repeat; padding-left:15px; list-style-type:none}
	.plansite a { color:#999; text-decoration:none}
	.plansite a:hover{ text-decoration:underline}
	
	/*			Qui sommes-nous ?         */
	.partenaire-img td, .client-img{ text-align:center; border:1px solid #ccc}
	.partenaire-texte span, .client-titre{ color:#4f8cbb; font-weight:bold}
	.client-img{ width:25%}
	
	
	/*			Liens			*/
	.liens{ width:100%}
	.liens td{ border:1px solid #ccc; width:25%; padding:3px}
	.liens .titrelien{ font-size:14px; font-weight:bold; color:#336699;}
	.liens div{ text-align:center; width:100%; height:59px;}
	.liens .alien{ text-align:right}


	/* 			Formulaires 						  */
	
	.formatform                  { width: 450px;  margin: 30px 0 15px 30px; padding: 15px;  border: 1px solid #e6ebf3; background-color:#f6f6f6  } 
	.formatform  h3              { margin: 0 0 16px 0px;   } 
	.formatform  label.lbleft    { float: left; width: 140px; font: bold 11px arial; color: #7d7d7d;  } 
	.formatform  label.lbleft2    { width: 100%; font: bold 11px arial; color: #7d7d7d;} 
	.formatform  input{ border: 1px solid #777;  }
	.formatform  textarea { border: 1px solid #777; width:300px  }
	.formatform  select          { border: 1px solid #7cc8db;  } 
	.formatform  p.centerbut     { margin: 15px 0 10px 0px; clear: both; text-align:center; } 
	.fond-form{ background:url(../images/illustr/form.jpg) 495px 150px no-repeat; padding-top:25px}
	.fond-form1{ background:url(../images/illustr/form1.jpg) 495px 31px no-repeat; padding-top:25px}
	.fond-form2{ background:url(../images/illustr/form2.jpg) 495px 31px no-repeat; padding-top:25px}
	.valid{ border:1px solid #b7b7b7; background:url(../images/fond/input.gif) top left repeat-x; height:20px; color:#fff; font-weight:bold; font-size:11px}


/* 			General styles 						*/

.input 		{ border: 1px solid black }
.bordered 	{ border: 1px solid black }
.noborder 	{ border:none }
.kill 		{ display: none }
.center 		{ text-align: center }
.clear 		{ clear:both; visibility: hidden; height: 0 }
.noborder 	{ border: none }
.bita 		{ margin: 15px auto 10px auto; text-align: center; font: bold italic 12px arial; color: #4f8cbb}
.center 		{ text-align: center }
.left 		{ text-align: left }
.right 		{ text-align: right }
.full 		{ width: 100% }
.button, .centerbut	   { text-align: center; margin: 15px 0 10px 0; clear: both }
.small     { font: normal 10px arial;    } 

/* 			Messages d erreurs					 */
.denied       { margin: 10px 20px 20px 30px; color: red; font: normal 12px arial; }
.denied ul li { margin: 0 0 3px 0; padding: 0 25px 0 17px; background: url(../images/puce/pucerouge.gif) left 2px no-repeat;  }