@charset "utf-8";
/**********************************************************************
 _____   _____   _   __   _   _____        _          __  _____   _____  
|  _  \ /  _  \ | | |  \ | | |_   _|      | |        / / | ____| |  _  \ 
| |_| | | | | | | | |   \| |   | |        | |  __   / /  | |__   | |_| | 
|  ___/ | | | | | | | |\   |   | |        | | /  | / /   |  __|  |  _  { 
| |     | |_| | | | | | \  |   | |        | |/   |/ /    | |___  | |_| | 
|_|     \_____/ |_| |_|  \_|   |_|        |___/|___/     |_____| |_____/ 
/***********************************************************************
Copyright 2007 POINT WEB
type : screen
categorie : structure site
Auteur : alexandre GAUTIER
site : http://point-web.fr
/*******************************************************/
@import url("tooltip.css");
@import url("carroussel.css");
@import url("jqmodal.css");

*{ margin:0; padding:0}
html { height: 100%; /*bug opera*/}
body{ font-family:Arial, Helvetica, sans-serif; background:#1e0e00 url(../images/bg-body.jpg) repeat-x left top; min-height: 100%; }
h1{ display:none; }
a{ outline:none;text-decoration:none; }
textarea{ font-family:Arial, Helvetica, sans-serif; padding:2px; }
kbd{ border:#b28640 1px dotted; background:#e7e2dc; font-family:Arial, Helvetica, sans-serif; font-size:9px; padding:1px; }

.clear{ clear:both; visibility:hidden; height:0; overflow:hidden }
#newsletter #buttomOk input{cursor:pointer; border:0; width:24px; height:19px; background:none; }
.big {
font-size:3em;
background:#123456;
color:#ABCDEF;
padding:0 0.2em;
width:400px;
}
/*CLASS SLIDE/******************************************/
.hide, .show{ padding:0 3px 0 0; }
.hide{background:url(../images/hide.gif) no-repeat left center; }
.show{background:url(../images/show.gif) no-repeat left center; padding:0 3px 0 0; }
/*******************************************************/
/*CLASS POLICE KEYWORDS/********************************/
.xlarge{ font-size:25px; }
.xxlarge{ font-size:37px; }
.smale{ font-size:14px; }
.xsmale{ font-size:12px; }
.xxsmale{ font-size:10px; }
/*******************************************************/
/*CLASS THEME/******************************************/
.automne{ background:url(../images/bg-wrapper-automne.jpg) no-repeat right bottom;min-height:455px; width:100%;min-width:1000px; }
/*----------------------------------------------------------------------------*/

/*STYLE PRELOADER/***************************************/
#overlayload{ background-color:#fff; height:100%; left:0pt; position:absolute; top:0pt; width:100%; z-index:9999; }
/*******************************************************/

#global{ margin:auto 0px auto 0; width:auto; }

#menu{ padding:13px 0 0 0; height:50px; position:relative }
#menu ul{margin :0px 20px;position:static; width:950px; }
#menu li{ margin:0px 20px 0 0;float:left; display:inline; }
#menu li a{ float:left; display:block;text-indent:-9999px }
/*ONGLETS MENU/***************************************/
#presentation{ background:url(../images/presentation-pointweb.gif) no-repeat left top; }
#presentation a{ background:url(../images/presentation-pointweb.gif) no-repeat left bottom; width:101px; height:21px }
#presentation a:hover{ background:none; }
#video{ background:url(../images/video-pointweb.gif) no-repeat left top; }
#video a{ background:url(../images/video-pointweb.gif) no-repeat left bottom; width:53px; height:21px}
#video a:hover{ background:none; }
#references { background:url(../images/references-pointweb.gif) no-repeat left top; }
#references a{ background:url(../images/references-pointweb.gif) no-repeat left bottom; width:95px; height:21px }
#references a:hover{ background:none; }
#prestations{ background:url(../images/prestations-pointweb.gif) no-repeat left top; }
#prestations a{ background:url(../images/prestations-pointweb.gif) no-repeat left bottom; width:89px; height:21px }
#prestations a:hover{background:none}
#distributeurs{ background:url(../images/distributeurs-pointweb.gif) no-repeat left top; }
#distributeurs a{ background:url(../images/distributeurs-pointweb.gif) no-repeat left bottom; width:89px; height:21px }
#distributeurs a:hover{ background:none; }
#contact{ background:url(../images/contact-pointweb.gif) no-repeat left top; }
#contact a{ background:url(../images/contact-pointweb.gif) no-repeat left bottom; width:83px; height:21px }
#contact a:hover{ background:none; }
#rejoignez-nous { background:url(../images/rejoignez-pointweb.gif) no-repeat left top; }
#rejoignez-nous a{ background:url(../images/rejoignez-pointweb.gif) no-repeat left bottom; width:102px; height:21px }
#rejoignez-nous a:hover{ background:none; }
#menu li#fluxRss{ background:url(../images/fluxRss-pointweb.gif) no-repeat left bottom; margin-top:-8px; position:relative; }
#menu li#fluxRss a{ background:url(../images/fluxRss-pointweb.gif) no-repeat left top; width:162px; height:46px; }
#menu li#fluxRss a:hover{background:none; }
#menu-alternatif{ min-width:800px; }

#promo{position:absolute; top:0; left:850px}
#promo img{border:none}
/*******************************************************/
/*BLOCK NEWSLETTER/************************************/
#newsletter{ 
	background: url(../images/bg-headernewsletter.gif) no-repeat left top;
	padding:5px 0 0 0;
	width:287px; 
	height:59px;
	margin:-12px 0;
	float:right;
}
#newsletter fieldset{ border:none; padding:0; margin:0; }
#newsletter label{ 
	width:40px; 
	height:19px; 
	background:url(../images/email.gif) no-repeat left center;
	float:left;
	text-indent:-9999px;
	cursor:pointer;
}
#newsletter legend{ display:none; }
#newsletter input{ width:170px; height:16px; border:1px solid #1e0e00; font-size:0.9em; margin-right:5px }
#newsletter input:focus{ border:#c09d53 2px solid; }
#newsletter p{ text-indent:-9999px; height:10px; }
#contentnewsletter{ background: url(../images/bg-newsletter.gif) repeat-y left top; height:34px; padding:0 18px; }
#contentnewsletter div { float:left; }
#footernewsletter {
	text-indent:-9999px;
	width:287px; 
	height:25px;
	padding:5px 0 0 0;
	background:url(../images/bg-footernewsletter.gif) no-repeat left top;
}
#footernewsletter a{ 
	float:right;
	margin:0px 18px 8px 0 ;	
	display:block;
	width:68px;
	height:11px;
	display:inline;
}
#txtReturnNewsletter{ width: 300px;}
#confirmation{ background:url(../images/confirmation-mail.gif) no-repeat left top; }
#pbmail{ background:url(../images/pb-mail.gif) no-repeat left top}
#mailregistred{ background:url(../images/mailregistred.gif) no-repeat left top; }
/*******************************************************/
/*SOUS MENU/********************************************/
#sousMenu{ 
	background:url(../images/bg-sousmenu.gif) no-repeat left top; 
	width:312px; 
	height:29px; 
	margin:-12px 40px 0 110px; 
	float:right; 
	display:inline;
}
#sousMenu ul{ margin:2px 20px; }
#sousMenu li{ display:inline;float:left; font-size:0em; margin:0 7px 0 0; }
#sousMenu li a{ float:left;height:12px;display:block;text-indent:-9999px; }
#sousMenu .nomarg{ margin:0 1px; }
/*******************************************************/
/*ONGLETS SOUS MENU/************************************/
#accueil { background:url(../images/accueil-pointweb.gif) no-repeat left bottom; }
#accueil a{ background:url(../images/accueil-pointweb.gif) no-repeat left top; width:52px; }
#accueil a:hover{ background:none; }

#accessibilite { background:url(../images/accessibilite-pointweb.gif) no-repeat left bottom; }
#accessibilite a{ background:url(../images/accessibilite-pointweb.gif) no-repeat left top; width:89px; }
#accessibilite a:hover{ background:none; }

#plan { background:url(../images/plan-pointweb.gif) no-repeat left bottom; }
#plan a{ background:url(../images/plan-pointweb.gif) no-repeat left top; width:81px; }
#plan a:hover{ background:none; }

#switchsizea { background:url(../images/switchsizea-p.gif) no-repeat left bottom; }
#switchsizea a{ background:url(../images/switchsizea-p.gif) no-repeat left top; width:12px; }
#switchsizea a:hover{ background:none; }

#switchsizeA { background:url(../images/switchsizeA.gif) no-repeat left bottom; }
#switchsizeA a{ background:url(../images/switchsizeA.gif) no-repeat left top; width:12px; }
#switchsizeA a:hover{ background:none; }
/*******************************************************/

#wrapper{ 
	clear:both;
	margin:10px 0 0px 0; 
	float:left; 
	min-width:1000px;
	background: url(../images/bg-wrapper.jpg) repeat-x left bottom; 
	min-height:455px;
	position:relative;
}
#wrapper h3{ 
	color:#a78051; 
	text-align:right; 
	font-family:Georgia, "Times New Roman", Times, serif; 
	font-size:1.2em; 
	margin:0 10px;
	border-bottom:dotted 1px #6f3c00;
}

#pleinePage{
	height:295px;
	background:url(../images/bg_flash.gif) no-repeat left top;
	width:910px;
	padding:120px 44px 30px 44px;
	 float:left
}
/*DETECTION FLASH PLAYER/*******************************/
#flash{ 
	width:505px;
	float:left;
	position:absolute;
	z-index:1;
	height:445px;
	background:url(../images/bg_flash.gif) no-repeat left top;
	margin-top:119px;
}
#flashcontent{  position:relative; }
#flashcontent a, #accessibiliteContent, #distributeurContent{ width:445px; height:180px; position:absolute; left:44px; }
#flashcontent a{ background:url(../images/bt-getflash.gif); display:none; top:128px; text-indent:-9999px; }
#flashcontent a img{ border:none; }
#contenu{ 
	position:absolute; 
	z-index:3; 
	left:495px;
	margin: 10px 40px; 
	float:left; width:402px;	
	color:#341901;
}
#contenu h2{ width:402px; height:56px; text-indent:-9999px; }
#contenuWrapper{
	background: url(../images/bg-contenu.gif) repeat-y left top;
	width:402px;
	padding:6px 0; 
	position:relative/* fix bug IE7 */
}
#contenuWrapper p, #contenuWrapper dl{ margin:0 15px 6px 15px; }
#contenuWrapper dt, #contentSuite dt{ color:#b28640; text-transform:uppercase; }
#contenuWrapper ul{ list-style-type: none; }
#contenuWrapper ol{ margin:0 0 0 30px; }
#contenuWrapper li{ margin:4px 0; }
#footercontenu{ background: url(../images/bg_footer-contenu.png) no-repeat left top; width:402px; height:56px; padding:11px 5px 0 0;}
#footercontenu.nonext{ background: url(../images/bg_footer-contenu-nonext.png) no-repeat left top; }
#footernewsletter .hide{ background-position: left top; }
#btSuiteContenu{ font-size:11px; display:block; width:65px; padding:1px 0 0 13px; color:#fff; margin:0 0 0 320px; position:absolute; left:0px; z-index:100; }

#keywords{ 
	position:absolute; 
	bottom:-5px; 
	font-family:Georgia, "Times New Roman", Times, serif; color:#6f3c00; 
	font-size:15px; 
	font-weight:700;
	margin:0 0 0 10px;
}

#footer{
	color:#FFFFFF;
	clear:both; 
	min-width:1000px;
	padding:20px 0px 0px 0;
}
#footer h3{ text-indent:-9999px; height:13px; margin:0 0 12px 0; }
#footer div{ border-right: 1px solid #463527; padding:0 12px;float:left; height:140px; }
#footer p{ color:#915929; font-size:0.9em; }
/*******************************************************/
/* BLOCK DERNIERE REA/**********************************/
#lastrea { width:356px; position:relative; visibility:hidden; }
#lastrea h3{ background:url(../images/realisation-pointweb.gif) no-repeat left top; width:130px; }
#lastrea div, #download div{ border:none;padding:0; }
#iconeRss{position:absolute; top:1px; left:150px; }
#iconeRss a{ text-indent:-9999px; display:block; background:url(../images/icone-rss.gif) no-repeat; width:16px; height:16px;}
/*******************************************************/
/* BLOCK LIVE/******************************************/
#live{ width:184px; }
#live h3{ background:url(../images/en-terrasse.gif) no-repeat left top; width:116px; }
#live img{ float:left; margin:0 10px 0px 0; }
.btConnect{ margin:15px 0; }
.btConnect { background:url(../images/bt-connect.gif) no-repeat left top; }
.btConnect a{ background:url(../images/bt-connect.gif) no-repeat left bottom; width:108px; text-indent:-9999px; height:19px; display:block; }
.btConnect a:hover{ background:none; }
/*******************************************************/
/* BLOCK TELECHARGEMENT/********************************/
#download{ width:344px; }
#download div {margin:3px 0 0 0; }
#download div a {display:block; text-indent:-9999px; height:67px; }
#download p{ margin:0px 0 5px 0; }
#download h3{ background:url(../images/telechargement.gif) no-repeat left top; width:116px; }

#getflash a{ background:url(../images/getflash.gif) no-repeat left top; width:84px; }
#getflash a:hover{ background:url(../images/getflash.gif) no-repeat left bottom; }

#getacrobat a{ background:url(../images/getacrobat.gif) no-repeat left top; width:101px; }
#getacrobat a:hover{ background:url(../images/getacrobat.gif) no-repeat left bottom; }

#getmozilla a{ background:url(../images/getmozilla.gif) no-repeat left top; width:80px; }
#getmozilla a:hover{ background:url(../images/getmozilla.gif) no-repeat left bottom; }

#footer #download{ border-right:none; }
/*******************************************************/
#mentions{	
	margin:20px 0 0 18px;
	clear:both;
	float:left; 
	display:inline;
	height:16px; }
#mentions p{ color:#573415;font-size:0.8em; }
#mentions a{ color:#915929;line-height:160%; }
#mentions a:hover{ border-bottom:#915929 1px dotted; }

/*CSS PAGE ACCUEIL***************************************/
.accueilContenu h2{ background:url(../images/h2-accueil.gif) no-repeat left top; position:relative; }
div#btvideo{ margin:0px 0 0 5px; }
#btvideo a{ background:url(../images/bt-video-institutionnelle2.gif) no-repeat; background-position:left top; height:39px; width:58px; display:block; text-indent:-9999px; position:absolute; margin:2px 0 0 0; }
#btvideo a:hover{ background-position:left bottom; }
/*******************************************************/
/*CSS PAGE VIDEO****************************************/
.videoContenu h2{ background:url(../images/h2-video.gif) no-repeat left top; position:relative; }
/*******************************************************/
/*CSS PAGE NEWSLETTER***************************************/
.accueilTerrasse h2{ background:url(../images/h2-terrasse.gif) no-repeat left top; }
/*******************************************************/
/*CSS PAGE REJOIGNIEZ***************************************/
.accueilRejoigniez h2{ background:url(../images/h2-rejoignez.gif) no-repeat left top; }
/*******************************************************/
/*CSS PAGE PLAN***************************************/
.accueilPlan h2{ background:url(../images/h2-plan.gif) no-repeat left top; }
.sitemap{ padding:10px 0 0 0 }
.sitemap dt{ background:url(../images/picto-sitemap.gif) no-repeat left center; padding:0 0 0 10px; }
.sitemap dd{ padding:0 0 0 30px; }
.sitemap dd a{ color:#000; border-bottom:#f3f2f1 dotted 1px; }
.sitemap dd a:hover{ border-bottom:#000 dotted 1px; }
/*******************************************************/
/*CSS PAGE mentions***************************************/
.accueilMentions h2{ background:url(../images/h2-mentions.gif) no-repeat left top; }
/*******************************************************/
/*CSS PAGE accessibilite***************************************/
.accueilAccessibilite h2{ background:url(../images/h2-accessibilite.gif) no-repeat left top; }
.auteur{ font-style:oblique; font-family:Georgia, "Times New Roman", Times, serif; color:#a48158; }
.auteur a{color:#c3b8ae; padding:0 3px; }
.auteur a:hover{ background:#e7e2dc; padding:0 3px; }
#accessibiliteContent{ background:url(../images/citation-accessibilite.gif) no-repeat left top; top:170px; }
#accessibiliteContent p{ display:none; }
/*******************************************************/
/*CSS PAGE distributeurs***************************************/
.accueilDistributeurs h2{ background:url(../images/h2-distributeurs.gif) no-repeat left top; }
#distributeurContent{ background:url(../images/bg_distributeurs.jpg) no-repeat left top; top:148px; height:246px; }
#terrasseContent{height:246px; margin-top:150px }
.blockTerrasse{ color:#b28640; font-size:10px;width:97px; float:left}
.visuelTerrasse{ width:86px; height:85px; padding:12px 0 0 11px; background:url(../images/fd-blockSlider.jpg) no-repeat}
	.visuelTerrasse img{border:none}
	
#slider {margin-left:25px}
#slider ul, #slider li{margin:0; padding:0; list-style:none; }
	#slider li{ width:485px; height:130px; overflow:hidden; }
	
	#prevBtn a{display:block; width:78px; height:17px; background:url(../images/btn-sliderPrev.gif) no-repeat top left; text-indent:-9999px; font-size:0px; float:left; margin-left:33px; margin-top:30px}
	#nextBtn a{display:block; width:64px; height:17px; background:url(../images/btn-sliderNext.gif) no-repeat top left; text-indent:-9999px; font-size:0px; float:left; margin-top:30px}
	
	#terrasseVideo{position:absolute; z-index:10}

#btrejoignez{ 
	background:url(../images/bt_rejoignez-nous.gif) no-repeat; 
	height:19px; 
	width:102px; 
	display:block; 
	text-indent:-9999px;
	position:absolute;
	left:70px;
	top:0px
}
#rejoigneznous{position:absolute;top:195px;left:250px; }
a#btrejoignez{ background-position:left top; }
a#btrejoignez:hover{ background-position:left bottom; }
/*******************************************************/
/*CSS FORMULAIRE CONTENU***************************************/
.accueilContact h2{ background:url(../images/h2-contacts.gif) no-repeat left top; }
#contenu form{ margin:0 15px 6px 15px; }
#contenu fieldset{ padding:0 12px 12px 12px; border:#e6e0da 1px solid; background:#f5f4f3; }
#contenu legend{ font-family:Georgia, "Times New Roman", Times, serif; color:#703c00; }
#contenu label{ cursor:pointer; }
#contenu form div{ margin-top:2px; }
.requis{ background:transparent url(../images/bg_requis3.gif) no-repeat 100% 50%; padding-right:40px; }
#contenu .left{ float:left; margin:5px 0 0 0; }
#contenu input{ background: url(../images/bg_input.gif) no-repeat left top; width:131px; border:1px #dac28e solid; padding:0 2px; height:16px; font-size:1.1em; margin:2px 0 0 0}
#contenu textarea{ background:url(../images/bg_textarea.gif) no-repeat left top; width:153px; height:83px; border:1px #dac28e solid; font-size:1.0em; margin:2px 0 0 0; }
#contenu #btEnvoyer{ text-align:right; margin:5px 0 0 0; }
#contenu #btEnvoyer input{  cursor:pointer; border:0; width:50px; height:19px; background:none; }
#contenu div#contentSuite fieldset{ background:#eeeae6; margin:0 15px 6px 15px;}
.paragraphe, .accueilConfirmation fieldset p{ padding:12px 0 0 0; float:left; }
/*******************************************************/
/*CSS PAGE confirmation*********************************/
.accueilConfirmation h2{ background:url(../images/h2-confirmation.gif) no-repeat left top; }
.accueilConfirmation h4{ font-family:Georgia, "Times New Roman", Times, serif; font-weight:normal; font-size:1.2em; padding:15px; color:#b28640; }
.accueilConfirmation div#contenuWrapper  fieldset{margin:0 15px 6px 15px; }
.accueilConfirmation p.merci{ color:#000; }
/*CSS PAGE 404******************************************/
#error404{ background:url(../images/404.gif) no-repeat left top; width:445px; height:196px; margin:50px 0 0 0; cursor:pointer; }
#error404 p{ display:none; }
/*CSS PAGE references******************************************/
.accueilReference h2{background:url(../images/h2-searchEngine.gif) no-repeat top left; }
#blockGallery{ width:525px;  float:left; }
#blockGallery h2{
	display:none;
}
.blockRea{ margin:12px; float:left; display:inline; }
.sous-titre-rea { width:217px; height:15px; overflow:hidden; display:block }
/*.blockRea11{ top:0; left:0; margin:12px; float:left; position:absolute }
.blockRea12{ top:0; left:250px; margin:12px; float:left; position:absolute }
.blockRea13{ top:250px; left:0; margin:12px; float:left; position:absolute }
.blockRea14{ top:250px; left:250px; margin:12px; float:left; position:absolute }*/
.blockRea a img{ border:#000 2px solid; width:213px; height:76px; background:url(../images/ajax-loader.gif) no-repeat top right; }
.blockRea a:hover img{ border:#c09d53 2px solid; }
.blockRea span a{color:#c09d53; }
#blockGallery h3{ font-size:1.2em; color:#000; border:none; text-align:left; margin-left:0; }
.blockRea h3{width:217px; height:18px; overflow:hidden}

#blockSearch{ margin-left:525px; padding-top:10px; font-size:11px; }
#blockSearch h2{
text-indent:-9999px;
	width:241px;
	height:15px;
	margin-left:3px
}
#blockSearch form{ margin-top:3px; }
#blockSearch fieldset{ border:none; }
#blockSearch legend{ display:none; }
#blockSearch a{ color:#000; }
#blockSearch div{ background:url(../images/bg_search.gif) no-repeat left top; width:273px; height:18px; padding:10px 10px; }
#blockSearch div.navigation{ background:#000; height:17px; width:273px; margin:15px 5px; color:#fff; padding:3px 5px; line-height:160%; }
#blockSearch div.navigation a{ color:#c09d53; }
#blockSearch div.navigation a:hover{ border-bottom:#c09d53 1px dotted;  }
#blockSearch div.navigation p{ width:50%; }
#blockSearch div p{ float:left; width:44%; }
#blockSearch div label{ display:block; float:left; width:98px; }
#blockSearch div input, #blockSearch div select{ border:#c09d53 1px solid; font-size:1.0em; margin-top:-2px; background:url(../images/bg_input.gif); float:left; color:#8e6341 }
#blockSearch div input{ width:149px; height:15px;}
#blockSearch div select{ width:173px; }
#blockSearch div input#btOkSearch { width:20px; background:#c09d53; color:#fff; height:16px; text-align:center; margin-left:3px; }
.btCommentaire{ background:url(../images/picto-commentaire.gif) no-repeat left center; padding-left:15px; }
.btRSS{background:url(../images/picto-rss.gif) no-repeat right center; padding-right:17px; }


#closeNewsletter{position:absolute; z-index:12}
	#closeNewsletter img{border:none}
#videoNewsletter{position:absolute; z-index:11}
#fondGris{background:#000; position:absolute; top:0; left:0; z-index:10}