/* CSS Document - ©STUDIO4U - www.archeosite.be */

* { font-family:Trebuchet MS, Verdana, Arial; font-size:12px; margin:0; padding:0; zoom:1; }

html, body, form, div {	border:0 solid; margin:auto; padding:0; vertical-align:top; }

body { overflow:auto; line-height:1.3em; margin:0; padding:0; background:url(biblio/images/fond.jpg) repeat-x 0 -33px #EAE8C2; }

body.home { margin:5px; background:none; background-color: #EAE8C2; }

li { list-style-type:none; }

.ref { display:none; }

img.png { behavior: url(png.htc); border:none; background-color: transparent; }

caption { text-align:left; height:20px; letter-spacing:0.03em; text-decoration:underline; }

input[type="radio"] { margin-right:5px; }

hr { border-bottom:1px dotted #70502F; margin:0 0 5px; color:transparent; height:1px; }

/* CADRES */

#Container { display:block; width:905px; margin:-22px auto 0; }
#Container.home { display:block; width:905px; margin:22px auto 0; }

#cont_home { margin-top:0px; width:905px; }

#Header { margin: 0px auto; padding: 0px; height:143px; text-align:center; background-color:#493c12; width:100%; background-color:#eaE8c2; background-image:url(biblio/images/deco/bg_2-footer.png);
	background:url(biblio/images/deco/bg_2-footer.png) 80% top repeat-x, url(biblio/images/deco/bg_3-footer.png) 50% top repeat-x, url(biblio/images/deco/bg_4b-footer.png) repeat-x;
}

#Header_home { margin: 0px auto; padding: 0px; height:100px; text-align:center; background-color:#493c12; width:100%; background-color:#eaE8c2; background-image:url(biblio/images/deco/bg_2-footer.png);
	background:url(biblio/images/deco/bg_2-footer.png) 80% -22px repeat-x, url(biblio/images/deco/bg_3-footer.png) 50% -22px repeat-x, url(biblio/images/deco/bg_4b-footer.png) 0 -22px repeat-x;
}

#Header_flash { position:absolute; height:143px; width:100% }

#Header_over { position:absolute; width:100%; height:143px; background:url(biblio/images/deco/bg_0-footer.png) 120% top repeat-x/*, url(biblio/images/deco/bg_1-footer.png) 180% 5px repeat-x;*/ }

#header_in { width:905px; height:143px; }

#header_in_home { width:905px; height:70px; }

/* CHOIX LANGUE (drapeaux haut) */

#choix_langue { position:absolute; margin-left:800px; margin-top:5px; z-index:2; }
#choix_langue_home { margin-right:80px; margin-top:2px; float:right; z-index:2; }
#choix_langue a, #choix_langue_home a { display:inline-block; width:17px; height:17px; background-image:url(biblio/images/flag_lang.gif); color:transparent; font-size:0; text-decoration:none; }
#choix_langue a.fr, #choix_langue_home a.fr { background-position:0 0; }
#choix_langue a.fr:hover, #choix_langue a.fr_select, #choix_langue_home a.fr:hover, #choix_langue_home a.fr_select  { background-position:0 -17px; }
#choix_langue a.nl, #choix_langue_home a.nl { background-position:-17px 0; }
#choix_langue a.nl:hover, #choix_langue a.nl_select, #choix_langue_home a.nl:hover, #choix_langue_home a.nl_select  { background-position:-17px -17px; }
#choix_langue a.en, #choix_langue_home a.en { background-position:-34px 0; }
#choix_langue a.en:hover, #choix_langue a.en_select, #choix_langue_home a.en:hover, #choix_langue_home a.en_select { background-position:-34px -17px; }

/* -- CONTENU -- */

#contenu { display:block; float:left; margin:5px 5px 0 10px; width:580px; }
#contenu_ie { display:block; float:left; padding:5px 10px 0px 10px; width:560px; }

article div.txt_mask { height:100px; overflow:hidden; margin-bottom:10px; }
article div.txt_aff { height:auto; overflow:visible; margin-bottom:10px; }

section { display:block; margin-top:10px; }
section a { color:#70502F; text-decoration:none; }
section a:hover { text-decoration:underline; }
section img.vignette { width:130px; margin:5px 5px 2px 5px; }
img.vignette { width:130px; margin:5px 5px 2px 5px; }

.liste_activites li { display:inline-block; margin:5px 2px 0; }
.liste_activites li:before { content:"> "; } 

/* -- selection pour section -- */

#Top_sec { display:block; height:35px; float:left; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; -o-border-radius:5px; -khtml-border-radius:5px; }
#Top_sec ul li { display: inline-block; height:20px; margin:2px 5px 7px; border: 1px solid #ffffff;
	border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; -o-border-radius:10px; -khtml-border-radius:10px;
}
#Top_sec ul li a { display:block; text-decoration:none; height:25px; margin:0 5px; font-size:11px; line-height:20px; color:#997D4E; }
.bg_neutre { background-color:#eae3b6; }
.bg_famille { height:20px; background-color:#f4e498; border:1px solid #BEBD9E; }
.bg_groupe { height:20px; background-color:#e7ede0; border:1px solid #BEBD9E; }
.bg_passion { height:20px; background-color:#d5e8aa; border:1px solid #BEBD9E; }
.croix_ferme { margin-top:-7px; margin-right:-6px; float:right; border:1px solid #BEBD9E; background-color:#ffffff; height:10px; width:10px; text-align:center; line-height:7px; color:#BEBD9E;
	border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; -o-border-radius:5px; -khtml-border-radius:5px;
}
.croix_ferme a { color:#BEBD9E; text-decoration:none; }
.croix_ferme a:hover { color:#333333; text-decoration:none; }

/* -- left & right col -- */

#Lefter { display:block; float:left; width:140px; margin-top:36px; margin-left:5px; }

#Righter { display:block; float:right; width:165px; vertical-align:top; }


/* -- -- */

.clear { clear:both; font-size:0; height:0; margin:0; padding:0; line-height:0; }

.espace_mini { border: 0; height: 5px; overflow: hidden; clear:both; }

.espace_pt, .espace_pt_m { border:0; height:10px; overflow:hidden; clear:both; }

.espace_pt_m { background-image:url("biblio/images/ligne_titre_gauche.png"); background-position: -4px -23px; background-repeat:no-repeat; height:15px; margin-right:4px; }

.espace_moyen { border:0; height: 16px; overflow:hidden; clear:both; }

.espace_gd { border:0; height:24px; overflow:hidden; clear:both; }

/*---RailRoad---*/

#RailRoad { display:block; height:auto; background-color:transparent; color:#AA9966; font-size:9px; text-align:left; margin-top:8px; margin-left:4px; }

#RailRoad a { display:inline-block; color:#AA9966; font-size:9px; text-decoration:underline; }
#RailRoad a:hover { color:#997D4E; font-size:9px; text-decoration:underline; }

/* -- CADRE TEXTE -- */

#bloc_text { /*width:418px;*/ height:auto; visibility: visible; overflow: visible; text-align:justify; }


.hab_left, .hab_right { background-color:#F4F3DF; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; -o-border-radius:5px; -khtml-border-radius:5px;
	box-shadow:0 0 2px #BAAE91; -moz-box-shadow:0 0 2px #BAAE91; -webkit-box-shadow:0 0 2px #BAAE91; -o-box-shadow:0 0 2px #BAAE91; -khtml-box-shadow:0 0 2px #BAAE91; 
}

.hab_left { float:left; margin-right:7px; margin-bottom:6px; }

.hab_right { float:right; margin-left:6px; margin-bottom:6px; }

/***********************************************/
/* BOUTONS */
/***********************************************/

/* -- COMMUN -- */

a.btn_menu_gauche { border:1px #bebd9e solid; text-align:left; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; -o-border-radius:10px; -khtml-border-radius:10px;
	box-shadow: 0 0 5px #E7F5C2 inset,0 0 5px #E7F5C2 inset;
	-moz-box-shadow: 0 0 5px #E7F5C2 inset,0 0 5px #E7F5C2 inset;
	-webkit-box-shadow: 0 0 5px #E7F5C2 inset,0 0 5px #E7F5C2 inset;
	-o-box-shadow: 0 0 5px #E7F5C2 inset,0 0 5px #E7F5C2 inset;
	-khtml-box-shadow: 0 0 5px #E7F5C2 inset,0 0 5px #E7F5C2 inset;
}

a.case_roll_neutre { display:block; color:#997D4E; height:18px; margin:4px 1px; padding:4px 0 0 5px; text-decoration:none; }
a.case_roll_neutre:hover { text-decoration:none; color:#997D4E; background-color:#e8d490; }

.cr_neutre_pasive { color:#C5B66A; background-color:#eae3b6; }
.cr_neutre_active { color:#997D4E; background-color:#e8d490; }

/* -- FAMILLE -- */

a.case_roll_famille { display: block; height: 18px; margin: 4px 1px; padding: 4px 0px 0px 10px; font-size:11px; text-decoration: none; }
a.case_roll_famille:hover { text-decoration: none;color:#42360F; background-color:#ffcc00; }

.cr_famille_pasive { color:#A18412; background-color:#ffe16f; }
.cr_famille_active { color:#42360F; background-color:#ffcc00; }

/* -- GROUPE -- */

a.case_roll_groupe { display: block; height: 18px; margin: 4px 1px; padding: 4px 0px 0px 10px; font-size:11px; text-decoration: none; }
a.case_roll_groupe:hover { text-decoration: none;color:#42360F; background-color:#99ccff; }

.cr_groupe_pasive { color:#A18412; background-color:#e5f3fe; }
.cr_groupe_active { color:#42360F; background-color:#99ccff; }

/* -- PASSION -- */

a.case_roll_passion { display: block; height: 18px; margin: 4px 1px; padding: 4px 0px 0px 10px; font-size:11px; text-decoration: none; }
a.case_roll_passion:hover { text-decoration: none; color:#42360F; background-color:#99cc66; }

.cr_passion_pasive { color:#A18412; background-color:#c1e993; }
.cr_passion_active { color:#42360F; background-color:#99cc66; }

/* -- BOUTON RETOUR -- */

a.btn_retour { color:#70502F; font-size:10px; letter-spacing:1px; background-color:#FFFFFF; margin:10px auto 0; text-align:center; text-decoration:none; width:65px;
    border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; -o-border-radius:5px; -khtml-border-radius:5px;
}

a.btn_retour:hover { /*text-decoration:underline;*/ color:#BBAA99; }

/* -- BOUTON VOIR -- */

a.btn_voir { display:block; background-color:#eae3b6; border:1px solid #d6cda5; color:#70502F; font-size:10px; letter-spacing:1px; margin:14px auto 0; text-align:center; text-decoration:none; width:265px; padding:5px;
    border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; -o-border-radius:5px; -khtml-border-radius:5px;
}
a.btn_voir:hover { color:#42360f; }

/***********************************************/
/* MENUS HAUT + sous-menus (deroulants) */
/***********************************************/

nav { display:block; position:relative; top:-32px; width:905px; height:30px; margin:0 auto; }
nav.nav_home { position:inherit; }

#nav { float:left; margin-left:85px; }
#nav.home { float:left; margin-left:50px; }

#nav ul:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
#nav ul { margin:0; padding:0; text-align:left; }
#nav li { position:relative; float:left; }

#nav ul ul { display:none; position:absolute; left:0; }
#nav ul ul li { float:none; margin:2px 0px; }
#nav li:hover ul { display:block; }
#nav li:hover span.fle { display:none; }

#nav ul li span.fle { display:block; background:url("biblio/images/mise_en_page/fle_neutre.gif") no-repeat scroll 0 0 transparent; width:10px; height:12px; margin:0 auto; position:relative; top:-4px; left:4px; opacity:0.2;
	-moz-transform:rotate(90deg); -webkit-transform:rotate(90deg); -o-transform:rotate(90deg); filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1); }
#nav ul li a { display:block; height:22px; font-size:14px; letter-spacing:1px; text-align:center; text-decoration:none; list-style:none; padding:5px 10px 0 10px; width:auto; min-width:95px; margin:2px 0 0 5px; background-color:#615328;
	border-radius:10px 10px 0 0; -moz-border-radius:10px 10px 0 0; -webkit-border-radius:10px 10px 0 0; -o-border-radius:10px 10px 0 0; -khtml-border-radius:10px 10px 0 0;
	box-shadow:0 -1px 5px #3A3120; -moz-box-shadow:0 -1px 5px #3A3120; -webkit-box-shadow:0 -1px 5px #3A3120; -o-box-shadow:0 -1px 5px #3A3120; -khtml-box-shadow:0 -1px 5px #3A3120;
	border-left:1px solid; border-right:1px solid; border-top:1px solid; border-color:#73643b;
	text-shadow:1px 1px 1px #2E260A; }
#nav li:hover a { text-decoration:none; background-color:#73643B; color:#FCFBF1; }
#nav ul li:hover a:hover, #nav ul li ul li:hover a:hover, #nav ul li a.btn_p_active { color:#F4F3DF; background-color:#A39266; }
#nav ul li a.btn_p_active span.fle { opacity:0.5; }
#nav ul li a.btn_p_active:hover { color:#F4F3DF; background-color:#A39266; }
 
#nav ul li ul  { background-color:#3A3120; left:4px; /*border-left:1px solid; border-right:1px solid; border-bottom:1px solid; border-color:#73643b;
	border-radius:0 0 10px 10px; -moz-border-radius:0 0 10px 10px; -webkit-border-radius:0 0 10px 10px; -o-border-radius:0 0 10px 10px; -khtml-border-radius:0 0 10px 10px;*/ }
#nav ul li ul li a { border:0; position:relative; text-align:left; left:-3px;
	border-radius:0 0 0; -moz-border-radius:0 0 0; -webkit-border-radius:0 0 0; -o-border-radius:0 0 0; -khtml-border-radius:0 0 0;
	box-shadow:none; -moz-box-shadow:none; -webkit-box-shadow:none; -o-box-shadow:none; -khtml-box-shadow:none; }
#nav ul li ul li a span { color:transparent; visibility:hidden; text-shadow:none; letter-spacing:2px; }


/* -- BOUTONS SECTIONS -- */

div[name="choix_section"] { display:none; }

a.choix_section { display:block; width:48px; height:28px; background:url("biblio/images/btn_sections.png") no-repeat 0 0 transparent; text-align:left; line-height:23px; text-decoration:none; text-indent:10px; color:transparent; font-size:0; text-decoration:none; }
a.choix_section.btn_famille { background-position:0 0; }
a.choix_section.btn_famille:hover, a.choix_section.btn_famille_select { background-position:0 -28px; }
a.choix_section.btn_groupe { background-position:-48px 0; }
a.choix_section.btn_groupe:hover, a.choix_section.btn_groupe_select { background-position:-48px -28px; }
a.choix_section.btn_passion { background-position:-96px 0; }
a.choix_section.btn_passion:hover, a.choix_section.btn_passion_select { background-position:-96px -28px; }

/* */

.btn_sous { text-align:justify; font-size: 10px; color: #70502F; text-decoration:none; letter-spacing:1px; }

a.btn_sous { text-decoration:none; text-align:center; margin-top:5px; }
a.btn_sous:hover { text-decoration:none; color: #BBAA99; }

a.btn_sous span { background-repeat:no-repeat; height:11px; padding-top:1px; padding-left:15px; font-weight: normal; }

/* LIENS */

a.lien { text-decoration: none; }

a.lien:hover { text-decoration: underline; /*background-image: url(off.gif);*/ }

/***********************************************/
/* BLOCS */
/***********************************************/

.fleche_boite_droite { width:24px; height:24px; background-repeat:no-repeat; float:left; margin: -15px 5px 0px -15px; }

.boite_droite { background-color:#F4F3DF; font-size:11px; width:160px; border:1px #bebd9e solid; text-align:left; border-radius:10px;-moz-border-radius:10px; -webkit-border-radius:10px; -o-border-radius:10px; -khtml-border-radius:10px; -o-border-radius:10px; 
	box-shadow: 0 0 5px #E7D490 inset; 
	-moz-box-shadow: 0 0 5px #E7D490 inset;
	-webkit-box-shadow: 0 0 5px #E7D490 inset;
	-o-box-shadow: 0 0 5px #E7D490 inset;
	-khtml-box-shadow: 0 0 5px #E7D490 inset;
}

.boite_droite a { display:block; margin:6px; text-decoration:none; color:#70502f; letter-spacing:0.04; }

.boite_famille { /*background-color:#ffe16f;*/ background-color:#f4e498; }
.boite_groupe { /*background-color:#e5f3fe;*/ background-color:#e7ede0; }
.boite_passion {/* background-color:#c1e993;*/ background-color:#d5e8aa; }
.boite_neutre { /*background-color:#e7d490;*/ }

.boite_neutre label { color:#70502f; display:block; margin-bottom:5px; }
.boite_neutre label span.btn_sous { font-weight:bold; }

/* -- partenaires -- */

.boite_partenaire { float:left; margin:8px; display:block; }

/* */
.comp_cadre_droite { width:170px; height:auto; float:right; }
/* */

.div_home { height:50px; overflow:hidden; }

.boite_droite a.a_home { display:inline; font-size:12px; margin-bottom: 5px; text-decoration:none; color:#70502f; letter-spacing:0.04; }

.gd_box { width:93%; margin:0 10px 10px 0; font-size:12px; }

.pt_box { float:left; width:45%; margin:10px 15px 10px 0; }

/***********************************************/
/* COMPOSANTS */
/***********************************************/

.center { text-align:center; }

.left { text-align:left; }

.right { text-align:right; }

.just { text-align:justify; }

/***********************************************/
/* TEXTES */
/***********************************************/

/* titre */

.titre { font-family:Trebuchet MS, Verdana, Arial; font-size:15px; background-color:#EAE3B6; }

/* FAMILLE */

.famille { color:#F1CE4C; }

a.famille { color:#F1CE4C; text-decoration:none; }
a.famille:hover { color:#E3E0B7; text-decoration:none; }

/* GROUPE */

.groupe { color:#A3CFFF; }

a.groupe { color:#A3CFFF; text-decoration:none; }
a.groupe:hover { color:#E3E0B7; text-decoration:none; }

/* PASSION */

.passion { color:#88B43E; }

a.passion { color:#88B43E; text-decoration:none; }
a.passion:hover { color:#E3E0B7; text-decoration:none; }

/* NEUTRE */

.neutre { color:#997D4E; }

a.neutre { color:#997d4e; text-decoration:none; }
a.neutre:hover { color:#70502f; text-decoration:none; }

/* TXT MENU BAS */

.txt_menu_bas { text-align:right; font-size:10px; }

/* */

.txt_bloc_info { display: block; font-size:11px; margin:0; padding:0; z-index: 1; }

/* TEXT DE CONTENU PAGE */

.text_cont { display:block; margin:0 auto; top:3px; padding-left:5px; padding-right:10px; border:none; visibility:visible; font-size:12px; color:#666666; text-align:justify; letter-spacing:0.04em; line-height:14px; }

/* TEXT NORMAL */

.text { font-size:11px; color:#666666; text-align:justify; line-height:14px; }

.text_home { font-size:11px; color:#666666; line-height:14px; }

.text_redirection { font-size:14px; color:#666666; text-align:justify; line-height:14px; }

/* Titres */

h1 { font-size:10px; color:transparent;  position:absolute; height:65px; background-color:rgba(241,241,216,0.85);
	border-radius:0 0 20px 20px; -moz-border-radius:0 0 20px 20px; -webkit-border-radius:0 0 20px 20px; -o-border-radius:0 0 20px 20px;
	box-shadow:0 0 3px 0 #615328;
}

h1 img {  margin-top:2px; margin-left:8px; display:inline-block; }
h1 a div { color:#6b0e1d; display:block; font-size:16px; text-decoration:none; margin:8px 10px; overflow:hidden; }
h1 a span.baseline { color:#615328; font-size:12px; text-decoration:none; }
h1 a span.extras_infos { color:#a39266; font-size:11px; text-decoration:none; }
/*h1 a span.extras_infos_int { display:none; }*/


h2, h3, h4 { display:block; margin:0; padding:0; }

h2 a, h3 a { display:block; text-decoration:none; }

h2 { height:20px; color:#997D4E; font-size:12px; line-height:14px; text-align:left; margin-top:10px; font-weight:normal; border-bottom:dotted 1px; }
h2 a { color:#997D4E; font-weight:normal; font-size:13px; line-height:14px; }

h3 { height:26px; width:576px; margin-bottom:10px; background-color:#F4F3DF; border-bottom: 1px dotted #997D4E;
    border-radius:8px 8px 0 0; -moz-border-radius:8px 8px 0 0; -o-border-radius:8px 8px 0 0; -webkit-border-radius:8px 8px 0 0;
    box-shadow: 0 -1px 2px -2px; -moz-box-shadow: 0 -1px 2px -2px; -o-box-shadow: 0 -1px 2px -2px; -webkit-box-shadow: 0 -1px 2px -2px;
}
h3 a { font-weight:bold; padding-top:6px; padding-left:18px; letter-spacing:0.5px; width:auto; color:#666; font-size:14px; line-height:14px; }

h3.famille { background-image:url(biblio/images/elements/gd_titre_big_famille.png); background-position:-2px 2px; }
h3.groupe { background-image:url(biblio/images/elements/gd_titre_big_groupe.png); background-position:-2px 2px; }
h3.passion { background-image:url(biblio/images/elements/gd_titre_big_passion.png); background-position:-2px 2px; }
h3.neutre { background-image:url(biblio/images/elements/gd_titre_big_neutre.png); background-position:-2px 2px; }

/* -- INPUT -- */

input[id="email_aside"] { background-color:#F3F4DF; border:1px solid #BEBC9D; height:18px; margin-bottom:5px; text-indent:4px; width:100%; border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px; -webkit-border-radius:5px; }
input[id="inscription_newsletter_aside"] { display:block; margin:0 auto; width:120px; color:#666666; background-color:#FDEFCA; border:1px solid #DFD4B6; cursor:pointer;
    border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px; -webkit-border-radius:5px;
    box-shadow: 1px 1px 3px 1px #D3D2B2; -moz-box-shadow: 1px 1px 3px 1px #D3D2B2; -o-box-shadow: 1px 1px 3px 1px #D3D2B2; -webkit-box-shadow: 1px 1px 3px 1px #D3D2B2;
}
    
    


/* -- FOOTER -- */

/* #menu_haut { background-color: #FFF0C5; float: right; height:50px; width: 700px; }*/
#Footer { clear:both; height:400px; margin:0 auto; margin-top:30px; padding:0; width:100%; background-color:#DBD7AF; border-top:3px solid #EAE3B6; }
#Footer_bas { height:150px; background:url("biblio/images/deco/bg_2-footer.png") repeat-x 250% -20px transparent; margin-top:20px; }
.footer_bas, a.footer_bas { color:#caba87; }

div.footer_bas div { display: block; float:left; text-align:left; border-left:1px solid; }
div.footer_bas div.first_link { border-left:none; }
div.footer_bas div ul { text-align: left; list-style: circle outside none; margin-right:10px; margin-left:5px; }
div.footer_bas div a.link_footer { font-size:11px; text-align:left; text-decoration:underline; display:block; margin:5px 5px 5px 5px; }

#Footer_bas div,#Footer_bas div a { color:#42360f; }

.logo_part_footer { opacity:0.5; }
.logo_part_footer:hover { opacity:1; }

#menu_bas { text-align:center; margin-top:10px; width:auto; }
#menu_bas a { text-decoration:none; }
#menu_bas img{ border:0; }

#menus_foot { width:650px; margin:0 auto; }
#menus_ss_foot { width:400px; margin:0 auto; }

.espace_bas { margin-bottom:10px; }
.espace_bas_gd { margin-bottom:30px; }

#bas_page { width:744px; height:62px; margin:0 auto; text-align:center; padding:0; }

#vide_bas { border: 0; height: 30px; overflow: hidden; width: 744px; }

#chemin { color:#666666; font-size: 10px; font-family:Verdana, Arial; text-align: left; }


.no_marge { padding:0; margin:0; border:0; }

.gras { font-weight:bold; }

.souligne { text-decoration:underline; }


/* -- PICTOS SOCIAL -- */

.picto_social { width:22px; height:22px; margin:0 4px; float:left; cursor:pointer; background-repeat:no-repeat; }
.picto_social:hover { background-position:0 -22px; }

/* -- RESIZE SCREEN -- */
@media screen and (max-width:640px){
	/**{ font-size:18px; }
	body { zoom:150%;}*/
	#header_in { width:300px; }
	#header_in_home { width:300px; }
	
	h1 img { width:32px; height:26px; }
	
	
	div[class="boite_droite gd_box"] { display:none; }
	
	#choix_langue_home { margin-top:66px; margin-bottom:20px; margin-right:102px; }
	#choix_langue { margin-left:225px; margin-top:70px; }
	
	#choix_langue a, #choix_langue_home a { background-image: url("biblio/images/flag_lang.jpg"); width:30px; height:30px; background-size: 90px 60px; }
	#choix_langue a.nl, #choix_langue_home a.nl { background-position: -30px 0; }
	#choix_langue a.en, #choix_langue_home a.en { background-position: -60px 0; }
	#choix_langue a.fr:hover, #choix_langue a.fr_select, #choix_langue_home a.fr:hover, #choix_langue_home a.fr_select { background-position: 0 -30px; }
	#choix_langue a.nl:hover, #choix_langue a.nl_select, #choix_langue_home a.nl:hover, #choix_langue_home a.nl_select { background-position: -30px -30px; }
	#choix_langue a.en:hover, #choix_langue a.en_select, #choix_langue_home a.en:hover, #choix_langue_home a.en_select { background-position: -60px -30px; }
	
	div[name="choix_section"] { display:none; }
	
	nav { width:300px; margin-top:50px; }
	#nav { margin-left:0; }
	#nav.home { margin-left:0; }
	#nav ul ul { z-index:99; }
	#nav ul li a { /*font-size:25px;*/ margin-bottom:5px; height:25px; border-radius:0; -moz-border-radius:0; -webkit-border-radius:0; -o-border-radius:0; -khtml-border-radius:0; min-width:120px; }
	#nav ul li ul li a { width:100px; }
	#nav ul li ul li a span { letter-spacing: 10px; }
	
	#Container { width:300px; margin:-22px auto 0; } 
	
	#cont_home { width:300px; }
	#contenu { width:300px; margin-top:-22px; }
	
	#Righter { display:none; }
	#Lefter { display:none; }
	
	h3 { width: 300px; }
	
	img.vignette { width:90px; height:90px; }
	
	.text_cont { line-height:18px; }
	
	.pt_box { width:93%; margin:0 10px 10px 0; font-size:12px; }
	
	.gd_box { font-size: 20px; }
	
	.boite_droite a.a_home { font-size:20px; }
	
	#menu_bas { /*width:300px;*/ }
	
	#menus_foot { width:300px; margin:0 auto; }
	
	.boite_droite a.btn_sous { font-size:20px; }
	
	#menus_ss_foot { width:300px; }
	#menus_ss_foot a { font-size:11px; }
	
	#menus_foot a { font-size:11px; }
	
	#Footer { height:460px; }
	
	#Footer_bas { background:url("biblio/images/deco/bg_2-footer.png") repeat-x scroll 250% 39px transparent; }
	
	#Footer_bas div { display:block; margin-top:50px; }
}

/*@media screen and (max-width:320px) and (max-width:640px){
	h3 { width: 440px; }
	#contenu { width:440px; }
}*/

@media screen and (min-width:640px) and (max-width:905px){
	#header_in { width:750px; }
	#header_in_home { width:750px; }
	#choix_langue { margin-left:665px; }
	#choix_langue_home { margin-top:0; }
	nav { width:750px;  }
	#nav { margin-left:0; }
	#nav.home { margin-left:0; }
	#Container { width:750px; margin:0 auto; }
	#cont_home { width:750px; }
	#Righter { display:none; }
	#Lefter { display:block; }
}