/*****************************/
/*           HTML            */
/*****************************/
body, html { width:100%; }
body { margin:0; padding:0; font:12px/18px "Trebuchet MS", Arial, Helvetica, sans-serif; background:#fff url(/images/fonds/fd_body.jpg) 0 0 repeat-x fixed; color:#0e2e35; text-align:center; }
img { border:0; }
a { text-decoration:none; color:#595959; }
a:hover { text-decoration:underline; }
form, input, textarea, select { margin:0; }

ul { list-style:none; margin:0; padding:0; }
ul li { margin:0; padding:0; }
ul li a { display:block; margin:0; padding:0; }


/*****************************/
/*        STRUCTURE          */
/*****************************/
#navigation { height:100%; width:100%; }

#accueil, #apropos, #participez, #enquete, #contact { height:1100px; width:100%; }

div.container { margin:0 auto; padding:0; text-align:left; width:841px; } /* conteneur de page */

div.header { float:left; padding:89px 0 0 0; width:606px; }
div.titrage { height:84px; position:relative; }
div.titrage img.surtitre { position:absolute; right:9px; top:0; }
div.titrage img.en_surtitre { position:absolute; right:94px; top:0; }
div.titrage img.titre { left:18px; position:absolute; top:1px; }
div.titrage img.soustitre { left:112px; position:absolute; top:71px; }
div.intro { padding:22px 15px 0 112px; }
div.intro p:first-child { margin-top:0; }

ul.enquete { margin:30px 0 0 0; }
ul.enquete li { float:left; padding:0 40px 0 0; width:190px;}
ul.enquete li a { background:#fff; border:1px solid #68adf2; display:block; padding:5px 10px; }
ul.enquete li a:hover { border:1px solid #004494; text-decoration:none; }

#sommaire { padding:22px 15px 0 112px; }
#sommaire p:first-child { margin-top:0; }

#sommaire ul { float:right; margin:0 8px 0 0; }
#sommaire ul li { font-weight:bold; text-align:right; }
#sommaire ul li a { color:#6992c3; padding:0 16px 0 0; }
#sommaire ul li a:hover {  }
#sommaire ul li.ui-tabs-selected a { background:url(/images/puces/fleche_bleu.gif) right 4px no-repeat; color:#004494; text-decoration:none; text-transform:uppercase; }
#sommaire ul li.ui-tabs-selected a:hover { cursor:default; }

#apropos1, #apropos2, #apropos3, #apropos4, #apropos5, #apropos6 { height:480px; position:relative; width:841px; }
#apropos1 h4, #apropos2 h4  { font-size:12px; margin:5px 0 0 0; }
#apropos1 p, #apropos2 p { margin:0; }
div.illustr_left { left:0; padding:110px 0 0 0; position:absolute; text-align:center; top:0; width:106px; }
#apropos1 div.text, #apropos2 div.text, #apropos3 div.text, #apropos4 div.text, #apropos5 div.text, #apropos6 div.text { left:107px; padding:20px 0 0 0; position:absolute; top:0; width:494px; }
div.illustr_right { left:600px; padding:110px 0 0 20px; position:absolute; top:0; width:221px; }
div.illustr_left img, div.illustr_right img { cursor:pointer; }

div.nav_main { float:left; padding:94px 0 0 0; width:235px; }
div.nav_main ul.lang { margin:0 0 96px 0; }
div.nav_main ul.lang li { display:inline; float:right; font-size:18px; font-weight:bold; line-height:24px; margin:0 0 0 12px; }
div.nav_main ul.lang li a { color:#68adf2; }
div.nav_main ul.lang li.on a { color:#fff; }
div.nav_main ul.lang li a:hover { text-decoration:none; }

div.nav_main ul.nav { margin:0 0 0 16px; }
div.nav_main ul.nav li { font-size:18px; font-weight:bold; line-height:20px; margin:0 0 16px 0; text-transform:uppercase; }
div.nav_main ul.nav li.on {}
div.nav_main ul.nav li a { color:#23245c; padding:0 0 4px 0; }
div.nav_main ul.nav li a .num { display:block; font-size:12px; font-weight:bold; margin:0; }
div.nav_main ul.nav li.on a { border-bottom:6px solid #23245c; color:#23245c; text-decoration:none; }
div.nav_main ul.nav li a:hover { color:#f29221; text-decoration:none; }
div.nav_main ul.nav li.on a:hover { border-bottom:6px solid #23245c; color:#23245c; text-decoration:none; }
.nav_main object {
	float:right;
}
div.content { padding:22px 0 15px 112px; }
div.content div.text { float:left; width:494px; }

div.site_info { padding:0 0 0 107px; }
div.footer { border-top:19px solid #f1921e; float:left; padding:23px 0 0 0; width:636px; }
div.footer img { float:left; margin:0 15px 0 0; }
div.footer img.arctus { margin-top:0; }
div.footer img.cnsx { margin-top:6px; }
div.footer p { color:#b1b0a1; float:left; font-size:10px; margin:10px 0 0 0; width:360px; }
div.site_info p.haut { background:#f1921e; color:#fff; display:inline; float:left; height:19px; margin:0 0 0 18px; width:67px; }
div.site_info p.haut a { background:url(/images/puces/fleche_blanche.gif) 9px 8px no-repeat; color:#fff; display:block; padding:0 0 0 27px; }
div.site_info p.haut a:hover { text-decoration:none; }


/*****************************/
/*         SPECIFIC          */
/*****************************/
ul.list { list-style:disc; margin:0 0 0 20px; }

.clear { clear:both; height:0; }
.pointilles { background:url(/NAVPICS/pointilles/gris_hz_large.gif) 0 0 repeat-x; clear:both; height:1px; margin:0; }

.ui-tabs-hide { display: none; }

.illustr_particip { margin:4em 0 2em 0; }

.gras { font-weight:bold; }
.maigre { font-weight:normal; }

.saison { color:#fd9233; }
.nantes { background:#ffebda; }

.hide { display:none; }
.bloc { display:block; }

.nomarg { margin-top:0; margin-bottom:0; }
.nomargtop { margin-top:0; }
.nomargbot { margin-bottom:0; }

.flotleft { float:left; }
.flotright { float:right; }

/* backgrounds en PNG */
a.link_presentation { 
  /* Mozilla ignores crazy MS image filters, so it will skip the following */
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='/images/common/top/presentation.png');
	background:transparent;
	cursor:pointer;
	}	
a[class="link_presentation"] { 
	/* IE ignores styles with [attributes], so it will skip the following. */
	background: url(/images/common/top/presentation.png); 
}

/* @group Image in a link (a.link_img) */
a.link_img { display:block; border:3px solid #e9e9e9; width:102px; }
a.link_img:hover { border:3px solid #08b2e9; }

/* shadows */
.wrap1, .wrap2, .wrap3 {
	display:inline-table;
	/* \*/display:block;/**/} 
.wrap1 {
	float:left;
	background:url(/images/common/fonds/shadow.gif) right bottom no-repeat;}
.wrap2 {background:url(/images/common/fonds/corner_bl.gif) left bottom no-repeat;}
.wrap3 {
	padding:0 4px 5px 0;
	background:url(/images/common/fonds/corner_tr.gif) right top no-repeat;}
.wrap3 img {
	display:block;
	border:1px solid #2e3226;
}