/*****************************/
/*           HTML            */
/*****************************/
body, html { width:100%; }
body { margin:0; padding:0; font:11px/18px "Luxi sans", "Lucida Grande", Lucida, "Lucida Sans Unicode", sans-serif; background:#092b64 url(/images/common2009/fonds/fd_body.gif) 0 0 repeat-x; color:#6c6a79; text-align:center; }

img { border:0; }
a { text-decoration:none; color:#393841; }
a:hover { text-decoration:underline; }
a:active, a:focus { border:none; outline:none; }
form, input, textarea, select { font-size:11px; margin:0; }

h1, h2, h3, h4, h5, h6 { margin:0; }
ul { list-style:none; margin:0; padding:0; }
ul li { margin:0; padding:0 0 5px 0; }
ul li a { display:block; margin:0; padding:0; }

div.hr { background:url(/images/common2009/fonds/separ.gif) center 0 no-repeat; border:none; clear:both; display:block; height:8px; margin:20px 0; width:100%; } /* Dites merci a Bill */
div.hr hr { display:none; }


/*****************************/
/*        STRUCTURE          */
/*****************************/
#container { margin:0 auto; padding:0; text-align:left; width:960px; } /* conteneur de page */

#header { background:url(/images/common2009/fonds/fd_header.gif) 0 0 repeat-x; height:215px; position:relative; width:960px; } /* entete */
#header img.logo { left:43px; position:absolute; top:25px; z-index:5; }
#header img.branding { position:absolute; right:0; top:0; z-index:3; }
#header img.slogan { left:230px; position:absolute; top:85px; }

#nav_main { background:url(/images/common2009/fonds/fd_nav.gif) 0 0 repeat-x; bottom:0; height:44px; left:0; margin:0; padding:0 0 0 226px; position:absolute; width:734px; z-index:4; } /* navigation principale */
#nav_main li { float:left; font-size:11px; font-weight:normal; height:44px; line-height:44px; }
#nav_main li a { background:url(/images/common2009/fonds/separ_nav.gif) 0 6px no-repeat; color:#fff; padding:0 12px;  }
#nav_main li.on { font-weight:bold; }
#nav_main li.on a, #nav_main li a:hover { background:url(/images/common2009/fonds/fd_nav_on.gif) 0 bottom repeat-x; color:#f3c21d; text-decoration:none; } 

#ticker { background:#033d98; float:left; height:32px; width:588px; }
#search_input { background:url(/images/common2009/fonds/fd_ticker.png) 0 0 no-repeat; float:left; height:32px; padding:0 0 0 76px; width:296px; }

#content { background:#fff; padding:12px 0 0 0; width:960px; } /* contenu */

#nav_supp { background:#073f98 url(/images/common2009/fonds/fd_navsupp.jpg) 0 0 no-repeat; float:left; padding:26px 0 0 0; width:210px; height:700px; } /* navigation gauche */

#content_main { float:left; width:750px; } /* contenu principal */


#news { width:450px; }

#content_supp { float:left; width:300px; } /* contenu supplementaire */

#content_sub {  } /* contenu subalterne */

#site_info { border-top:1px solid #eae9ec; margin:13px 0 0 0; padding:0; position:relative; width:960px;  } /* ours du site - footer */
#site_info p { color:#515458; line-height:24px; margin:0; }
#site_info p a { color:#515458; }
#site_info p.copy { margin:10px 0 0 0; }
#site_info img.logo { position:absolute; right:18px; top:18px; }

p.arbo { background:092b64; color:#cad000; height:40px; line-height:40px; margin:0; padding:0 0 0 40px; width:920px; }
p.arbo a { color:#cad000; }
p.arbo .ici { color:#0094d8; }


/*****************************/
/*  	PAGE DE TEXTE  		 */
/*****************************/
#content_main div.texte { background:url(/images/common2009/fonds/fd_texte.gif) 0 0 repeat-x; margin:0 8px; padding:25px 28px 20px 28px; width:658px; }
#content_main div.texte h2.surtitre { color:#727272; font:9px/14px Georgia, "Times New Roman", Times, serif; }
#content_main div.texte h1 { color:#2e2d2d; font:26px/30px Georgia, "Times New Roman", Times, serif; padding:0 0 10px 0; }
#content_main div.texte .spip_documents img { background:#efefef; border:1px solid #e6e3e3; padding:3px; }

/*****************************/
/*    WHAT THEY SAY ABOUT    */
/*****************************/
div.head { background:#efefef; border-left:1px solid #e6e3e3; border-top:1px solid #e6e3e3; border-right:1px solid #e6e3e3; cursor:pointer; margin: 10px 0 0 0; padding:10px;  }	
div.head:active, div.head:focus, div.report:active, div.report:focus { outline:none; }
div.head img { float:left; }
div.head div.text { background:url(/images/common2009/puces/guillemets_ouvrants.png) 8px 6px no-repeat; float:left; padding:35px 0 0 8px; width:213px; }
div.head div.text h3 { color:#033d98; font-size:13px; }
div.head div.text h4 { color:#291e1e; font-size:12px; }
div.locuteur { background:#efefef; border-left:1px solid #e6e3e3; border-bottom:1px solid #e6e3e3; border-right:1px solid #e6e3e3; padding:1px 10px 10px 10px; }
div.locuteur p:first-child { margin-top:0; }
div.locuteur div.text { background: url(/images/common2009/puces/guillemets_fermants.png) 331px bottom no-repeat; }

/*****************************/
/*    	  OBJECTIVES    	 */
/*****************************/
a.item { display:block; }
a.item:hover { text-decoration:none; }
div.monitoring { background:url(/images/common2009/puces/eject.gif) 383px bottom no-repeat; margin:10px 0 0 -20px; padding:20px 20px 0 20px; }
div.monitoring div.text { border-bottom:1px solid #d0d0d0; padding:0 0 1px 0; }
a:hover div.monitoring { background:#eaf1fa url(/images/common2009/puces/eject.gif) 383px bottom no-repeat; }
div.monitoring h3 { color:#063887; font:18px/24px Georgia, "Times New Roman", Times, serif; }
div.monitoring h3 + p, div.interview h3 + p { margin:0; }

/*****************************/
/*    	    SURVEY		   	 */
/*****************************/
div.interview { background:#efefef; margin: 10px 0 0 0; padding:10px; width:358px;  }	
div.interview img { float:left; }
div.interview div.text { float:left; padding:0 0 0 15px; width:273px; }
div.interview div.text h3 { color:#2e2d2d; font-size:11px; } 
h2.reports { color:#063887; font:18px/24px Georgia, "Times New Roman", Times, serif; margin:15px 0 0 0; }

div.report { background:#efefef; border:1px solid #e6e3e3; border-bottom:none; cursor:pointer; margin:2px 0 0 0; padding:5px; width:366px;  }	
div.report div.illustr { float:left; text-align:center; width:135px; }
div.report div.text { float:left; padding:0 0 0 15px; width:216px; }
div.report div.text h3 { color:#2e2d2d; font-size:11px; } 
div.report div.text p { margin:0; } 
div.report_detail { background:#efefef; border-left:1px solid #e6e3e3; border-bottom:1px solid #e6e3e3; border-right:1px solid #e6e3e3; padding:1px 10px 10px 10px; }
div.report_detail p:first-child { margin-top:0; }
div.report_detail div.text { }

/*****************************/
/*    	 PAST EVENTS		 */
/*****************************/
ul.annees { }
ul.annees li { float:left; font:18px/24px Georgia, "Times New Roman", Times, serif; margin:0 18px 0 0;  }
ul.annees li.ui-tabs-selected { font:22px/24px Georgia, "Times New Roman", Times, serif; }
ul.annees li a { color:#c0bcbc; }
ul.annees li a:hover { color:#2e2d2d; text-decoration:none; }
ul.annees li.ui-tabs-selected a { background:url(/images/common2009/fonds/fd_annee.gif) center bottom no-repeat; color:#2e2d2d; padding:0 0 10px 0; }

#past { margin:20px 0 0 0; }
#past div.tab { background:url(/images/common2009/fonds/fd_tab.gif) 0 0 repeat-x; margin:10px 0 0 0; padding:25px 20px 0 20px; }
#past div.tab h3 { color:#f3b31d; font:bold 21px/24px Myriad, "Trebuchet MS", Arial, sans-serif; } 

/*****************************/
/*    	 WHO WE ARE    		 */
/*****************************/
h2.categorie { color:#2e2d2d; font:21px/28px Georgia, "Times New Roman", Times, serif; margin:30px 0 0 0; }

div.team { background:#efefef; border-left:1px solid #e6e3e3; border-top:1px solid #e6e3e3; border-right:1px solid #e6e3e3; cursor:pointer; margin: 10px 0 0 0; padding:10px;  }	
div.team:active, div.team:focus, div.report:active, div.report:focus { outline:none; }
div.team div.illustr { float:left; text-align:center; width:134px; }
div.team div.text { float:left; padding:35px 0 0 8px; width:213px; }
div.team div.text h3 { color:#033d98; font-size:13px; }
div.team div.text h4 { color:#291e1e; font-size:12px; }
div.detail_team { background:#efefef; border-left:1px solid #e6e3e3; border-bottom:1px solid #e6e3e3; border-right:1px solid #e6e3e3; padding:1px 10px 10px 10px; }
div.detail_team p:first-child { margin-top:0; }

/*****************************/
/*    	 	 FAQ    		 */
/*****************************/
#faq { margin:30px 0 0 0; }
#faq h3 { background:url(/images/common2009/puces/double.gif) 0 7px no-repeat; color:#666262; cursor:pointer; margin:0 0 15px 0; padding:0 0 0 17px; }
#faq h3:hover { color:#033d98; }
#faq h3.selected { background:url(/images/common2009/puces/double_over.gif) 0 7px no-repeat; color:#033d98; margin:0; }
#faq h3:active, #faq h3:focus { border:none; outline:none; }
#faq div.text { margin:0 0 15px 0; }

/*****************************/
/*         SPECIFIC          */
/*****************************/
.clear { clear:both; height:0; }

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

div.chapo { font-weight:bold; }
p.more { margin:0; }
p.more a { color:#033d98; }

div.doc { background:#efefef; border:1px solid #e6e3e3; margin:15px 0 0 0; padding:5px 10px; }
div.doc img.vignet { float:right; margin:-10px 0 0 0; }
div.doc h4 { color:#092b64; }
div.doc h4 a { color:#092b64; }
div.doc p { margin:0; }

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

.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; }