/* Balises principales
--------------------------------------------------*/

body { font-size:1em; font-family: Arial, Helvetica, "Nimbus Sans L", sans-serif; color:#555555; margin:10px; }

a { color:#555555 }
a:focus,a:active { outline: none; }

body { font-size:62.6%; }

h1, h2, h3, h4, h5, h6
{ margin:0; padding:0; font-family: Arial, Helvetica, "Nimbus Sans L", sans-serif; }

h1 { font-size:1.9em; }
h2 { font-size:1.6em; }
h3 { font-size:1.4em; }
h4 { font-size:1.3em; }
h5 { font-size:1.2em; }
sup { font-size:0.8em; }

#content span { font-family:Verdana, "Bitstream Vera Sans", "Lucida Grande", sans-serif; }

p
{ 
	font-size:1.2em;
	color:#0f4b82;
	font-family: Verdana, "Bitstream Vera Sans", "Lucida Grande", sans-serif;
	padding:0; margin:0;
	margin-bottom:10px;
}

#print { position:absolute; left:800px; top:175px; }
td.printicon { width:19px; height:16px; background:url('../img/print/print_icon.gif') no-repeat; }
td.printbutton { text-align:center; width:83px; height:16px; background:url('../img/print/btn_print.gif') no-repeat; font-size:10px; line-height:12px; }
td.printbutton a { text-decoration:none; color:black; display:block; }

.para ul, .para ol { padding-left:20px; }

img { border:0 } 
ul { list-style-type:square; padding:15px;margin:0; }
ol { padding:15px;margin:0; }
.para ol li { list-style-type:decimal !important; }

.cacher { display:block;margin-top:-5000px;position:absolute !important;margin-left:-50000px;width:1px; overflow:hidden; height:1px; }
.clearer { display:block; clear:both;font-size:0px;line-height:0px; } 

#container
{ width:950px; display:block; margin:auto; border:1px solid #94c106; position:relative; }

#header
{ width:950px; height:105px; background:url('../img/bg_header.png') no-repeat bottom; }

/* Top menu
--------------------------------------------------*/

#logo
{ position:absolute; top:30px; left:10px; }
#menu_top
{ position:absolute; top:62px; left:175px; }
#utilisateur
{ position:absolute; top:20px; right:20px; line-height:17px; font-weight:bold; font-size:1.1em; }
.bienvenue { font-size:1.4em; font-family: Arial, Helvetica, "Nimbus Sans L", sans-serif; }
#subscribe
{ position:absolute; top:20px; right:20px; }

#imagemap
{ margin-left:20px; }

#div_menu_top li
{
	list-style-type: none;
	float:left;
	margin-right:5px;
	text-align:center;
	height:34px;
}

li .topMenuContent { font-size:14px; width:90px; padding-left:3px; padding-right:3px; }


li#topMenu_35 .topMenuContent { width:100px; }
li#topMenu_17 .topMenuContent { width:150px; line-height:34px; }
li#topMenu_31 .topMenuContent { width:100px; }
li#topMenu_33 .topMenuContent { line-height:34px; }
li#topMenu_61 .topMenuContent { width:160px; }
li#topMenu_65 .topMenuContent { width:120px; }


.topMenuLeft
{ width: 5px; height:34px; background:url('../img/topMenuLeft.gif'); float:left !important; }
.topMenuRight
{ width: 5px; height:34px; background:url('../img/topMenuRight.gif'); float:left !important; }
.topMenuContent
{ height:34px; background:url('../img/topMenuContent.gif');  float:left; }

li.selected .topMenuLeft { background:url('../img/topMenuLeftSel.gif'); }
li.selected .topMenuRight { background:url('../img/topMenuRightSel.gif'); }
li.selected .topMenuContent { background:url('../img/topMenuContentSel.gif'); }


#div_menu_top li a
{ text-decoration:none; color:#485523; font-weight:bold; }
#div_menu_top li.selected a { color:white !important; }



/* Content
--------------------------------------------------*/

#content
{ float:left; margin-top:20px; width:750px; margin-bottom:20px;}

#main
{ clear:both; background:url('../img/bg_main.gif'); background-repeat:no-repeat; background-position:top left; min-height:200px; }

#paragraphes
{ margin-left:40px; width:400px; border-left:1px solid #21a2dd; padding-left:7px; margin-top:10px; }

.para, .para p, .para li, #paragraphes h1, #paragraphes h2, #paragraphes h3, #paragraphes h4 { font-family: Verdana, "Bitstream Vera Sans", "Lucida Grande", sans-serif !important; } 

#paragraphes h3, #paragraphes h4 { color: #0F4B82; text-decoration: underline; }


/* Footer
--------------------------------------------------*/

#footer 
{ clear:both; margin-top:30px; margin-bottom:10px; font-size:1em; }
#footer * {
	font-size:11px;	
}
ul#menu_bottom
{ margin-left:380px; font-family: Verdana, "Bitstream Vera Sans", "Lucida Grande", sans-serif;  }

#menu_bottom li
{ list-style-type:none; float:left; margin-right:10px; }

#menu_bottom li a 
{ text-decoration:none; color:#716e6e; }
#menu_bottom li a:hover
{ text-decoration:underline; }

#menu_bottom 
{ text-align:center; }


/* Inscription/d�connexion (en haut � droite)
--------------------------------------------------*/

#subscribe
{ position:absolute; height:19px; right:20px; top:40px; }
.sub_left
{ width:17px; height:19px; background:url('../img/sub_left.png') no-repeat; float:left; }
.sub_right
{ width:8px; height:19px; background:url('../img/sub_right.png') no-repeat; float:left; }
.sub_bg
{ height:19px; background:url('../img/sub_bg.png'); float:left; }
.sub_bg a {
	line-height:18px;
}
#subscribe span
{ line-height:10px; }

#subscribe a
{ color:black; font-size:11px; text-decoration:none; }
#subscribe a:hover
{ text-decoration:underline; }




#quickLinks {
	width:auto;
text-align:center;
}

#quickLinks img {
	display:block;
	margin-left:20px;
	margin-top:20px;
}

#quickLinks a{
	display:block;
	text-align:center;
}


/* Quick links
--------------------------------------------------*/

#quickLinks_left
{ margin-left:20px; }

#quickLinks_left .interview { margin-top:20px; }
#quickLinks_left .quizz { margin-top:20px; }

/* Fil d'Ariane + titre rubrique
--------------------------------------------------*/

span.whereimp
{ font-weight:bold !important; }

#wherearewe
{ margin-left:20px; background:url('../img/actu_title_bg.gif') left bottom no-repeat; padding-bottom:15px; font-size:1.1em; }

#wherearewetitle
{ width:480px; height:60px; } 

h1
{ 
	background:url('../img/puce_title.png') no-repeat;
	margin-left:20px;
	padding-left:20px; padding-top:15px;
	min-height:35px;
	color:#0F4B82;
	font-weight:bold;
	text-transform:uppercase;
}

/* Types de paragraphes sp�cifiques
--------------------------------------------------*/

.para li
{ list-style:disc; color:#0F4B82; font-size:1.1em; margin-left:20px;}

.para a
{ color:#0F4B82; }

.paragraphe_simple 
{ padding-bottom:10px; }

.paragraphe_simple li {
	font-size:13px;
	margin-top:5px;
	margin-left:0px;

}

.paragraphe_simple h2, .paragraphe_simple h3 { margin-bottom:10px;}

.paragraphe_simple h2 span
{ background-color:#daeffe; color:#0F4B82; font-weight:bold; padding:5px; margin-top:5px; }

#vers_haut { float:right; text-align:right; margin-top:8px !important; }

#btn_vers_haut
{ width:101px; height:18px; line-height:18px; background:url('../img/brochures/bouton_haut.gif') no-repeat; text-align:center; }
#btn_vers_haut a { display:block; color:white; text-decoration:none; }

.paraencadre
{ margin-left:20px; padding:5px; border:1px solid #194a82; background:#d9effd; width:490px;margin-bottom:10px; }
.paraencadre h3
{ padding:0; margin:0; margin-bottom:10px; text-decoration:none !important; }
.paraencadre h3 span
{ background:#194a82; color:white !important; font-weight:bold; padding:3px 6px 3px 6px; }

/**CELIO**/
#subscribe {
	/*display:none;*/
}

.petit {
	font-size:0.9em !important;
}

.img_dossier {
	zoom:1;
	position:relative;
}

.lien_dl_btn a {
	font-size:12px;
	font-weight:bold;
	color:#0F4B82;
	background:url(../img/puce_actu.gif) no-repeat 0 5px;
	padding-left:10px;
}


#search {
	margin-left:50px;
	font-size:12px;
}

#search h4 a:hover {
	background:#C4E184;
}
#search h4 a {
	display:block;
	font-size:13px;
	margin:5px;
	background:#E4F7BA;
	padding:5px;
	text-decoration:none;
}

#recherche_input {
	background:url(../img/search/fond.gif);
	border:1px solid #D2D2D2;
	font-size:11px;
	/*line-height:17px !important;*/
	height:15px;
	padding-left:5px;
	color:#555
}
#recherche_small label {
	display:none;
}	
#recherche_small * {
	vertical-align:middle;
}
#recherche_small  {

	float:right;
}

label.formError {
	color:#cc0000 !important;
}

a.oubli {
	display:block!important;
	clear:both;
	padding-top:15px;
}

#form form {
	margin:0;
	padding:0;
}

.datemaj {
	position:absolute;
	right:5px;
	bottom:5px;
	color:#999;
}