/*************************************************************************
 _____   _____   _   __   _   _____        _          __  _____   _____  
|  _  \ /  _  \ | | |  \ | | |_   _|      | |        / / | ____| |  _  \ 
| |_| | | | | | | | |   \| |   | |        | |  __   / /  | |__   | |_| | 
|  ___/ | | | | | | | |\   |   | |        | | /  | / /   |  __|  |  _  { 
| |     | |_| | | | | | \  |   | |        | |/   |/ /    | |___  | |_| | 
|_|     \_____/ |_| |_|  \_|   |_|        |___/|___/     |_____| |_____/ 
**************************************************************************
Copyright 2010 POINT WEB
type : screen
categorie : structure site
Auteur : 
site :
**************************************************************************/

/*fix bug navigateur*/
.myhr{ clear:both; height:0; overflow:hidden; visibility:hidden; }

/************* DETECTION JS **************/
#jserror{ background:#FFFFCC; border:#FF0000; color:#FF0000; padding: 10px; margin: 0 0 10px 0; float:left; }
#jserror dt{ font-weight:bold; }

*{margin:0; padding:0}
body{font-family:Verdana, Arial, Helvetica, sans-serif}
h1{ display:none}
a{ text-decoration:none; outline:none; color:#0066CC}
a:hover{ text-decoration:underline}
#accessibilite { display:none}
img{ border:none}

/*----------------------------------------------------< STRUCTURE >---------------------------------------------------*/

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

#header{ width:383px; float:left; min-height:700px}
#logo{ width:383px; height:125px}
#blockLeft{ width:185px; float:left}

#menu{ width:155px; height:178px; padding:60px 0 0 30px; position:relative; float:left}
#menu ul{  list-style-type:none; }
#menu li.rubrique{ color:#fff; height:25px; background:url(../images/puce.png) no-repeat left 8px;}
#menu li.rubrique a.grde{ color:#fff; height:22px; display:block; padding:3px 0 0 20px}
#menu li.rubrique a.grde:hover{ text-decoration:none; width:155px; height:25px;}

.sousmenu ul{ list-style-type:none}
.sousmenu li{ color:#fff; font-size:11px; line-height:16px; border-bottom:#FFF dotted 1px; padding:2px 0 5px 0}
.sousmenu li a{ color:#fff; font-size:11px}
.sousmenu{ padding:10px;}
#sousmenu1{ position:absolute;z-index:5;top:60px; left:180px; width:160px;} 
#sousmenu2{ position:absolute;z-index:5;top:85px; left:180px; width:170px} 

#swf1{ width:185px; height:309px}
	
#blockRight{ width:197px; float:left}
#swf2{ width:197px; height:323px}
#swf3{ width:197px; height:221px}
		
#btnVideo{ width:383px; height:94px; float:left}

#wrapper{ width:612px; float:left; position:relative; z-index:1}

#blockColor{ width:20px; z-index:1; position:absolute; top:0; left:0}
#bandeNoire{ height:250px; background:#000 url(../images/bandeNoire.gif) no-repeat top left}

a#carreBleu { text-indent:-9999px;height:21px; width:20px; background:#10a6d9; display:block}
#zoneBleu{ height:100px}
a#carreViolet{ text-indent:-9999px;height:21px; width:20px;display:block; background:#50479a}
#zoneViolet{ height:98px}
a#carreVert{ text-indent:-9999px;height:21px; width:20px; display:block; background:#8bc231}
#zoneVert{ height:72px}
a#carreJaune{text-indent:-9999px;height:21px; width:20px; display:block; background:#f4ce01}
#zoneJaune{ height:74px}
a#carreOrange{text-indent:-9999px;height:21px; width:20px; display:block; background:#ec8214}
#zoneOrange{ height:89px}
a#carreRouge{text-indent:-9999px;height:21px; width:20px; display:block; background:#d3031d}
#zoneRouge{ height:62px}
a#carreRose{text-indent:-9999px;height:21px; width:20px; display:block; background:#d12885}
#zoneRose{ height:88px}

#content{ float:left; width:612px; }
#content p.paragraphe{ color:#666; font-size:12px; line-height:18px; padding:0 0 0 68px}
h2{ width:612px; height:107px; text-indent:-9999px; margin-bottom:10px}
#presentation{ background:url(../images/titre-presentation.gif) no-repeat top left}
#prestations{ background:url(../images/titre-prestations.gif) no-repeat top left}
#activites{ background:url(../images/titre-activites.gif) no-repeat top left}
#actualites{ background:url(../images/titre-actualites.gif) no-repeat top left}
#liens{ background:url(../images/titre-liens.gif) no-repeat top left}
#contact{ background:url(../images/titre-contact.gif) no-repeat top left}
#reservation{ background:url(../images/titre-reservation.gif) no-repeat top left}
#mentions{ background:url(../images/titre-mentions.gif) no-repeat top left}

#footer{ padding:0 0 0 0; width:995px; height:70px}
#footer p { color:#949494; font-size:11px; line-height:16px; float:left; padding:17px 0 0 68px}
#footer a{ color:#949494; }

.img1{ border:#666 solid 1px; float:left; margin-right:10px; padding:5px}
.img2{ border:#666 solid 1px; float:right; margin-left:10px; padding:5px}


a.gris{ color:#999; font-size:12px}