
<!--
/******************************************************************************************************************************/
/* Redefinitions des balises HTML */
/******************************************************************************************************************************/
* {
    margin:0;
    padding:0;
}

body, h1, h2, h3, h4, h5, h6, input, select, textarea {
    border:none;
    color:#3b3b3b;
    font-family:Arial, Helvetica, sans-serif;
    font-size:11px;
    font-weight:normal;
}

img {border:0;}
.spip_documents img {padding-top:30px;}

a {text-decoration:none;outline:none;}
a:hover {text-decoration:underline;}

select option {padding:0 3px;}

html>body input[type="checkbox"]{margin:3px;}
html>body input[type="radio"]{margin:4px;}

ul li{list-style:none;}


/******************************************************************************************************************************/

/******************************************************************************************************************************/
/* Structure generale */
/******************************************************************************************************************************/

body {text-align:center;}

#main {
    position:relative;
    text-align:left;
    margin:0 auto;
    width:926px;
}

#bg_page,
#top,
#middle,
#bottom {
    float:left;
    width:926px;
    z-index:1;
}

#bg_page {
    background:#E9E6E1 url(img/bg-page.gif) no-repeat;
    z-index:0;
}


/* BLOCKS DANS LA STRUCTURE GENERALE SUR TOUTES LES PAGES (Menu, Panier, Recherche, fil d'ariane, etc...) */

/* -------- header -------- */

/* logo */

#top #logo {
    float:left;
    padding:8px 0 7px 11px;
    width:190px;
}


/* langues */

#top #acces_lang {
    color:#757574;
    float:left;
    font-size:9px;
    /*padding:48px 20px 0 0;*/
    padding:41px 20px 5px 0;
    text-align:right;
    width:705px;
}

#top #acces_lang a {color:#757574;}

#top #acces_lang a.on {font-size:120%; font-weight:bold;}


/* banniere */

#top #bandeau {
    float:left;
    width:885px;
    height:135px;
    padding:0 0 0 41px;
}

/*#top #bandeau h1 {
		float:left;
		width:230px;
		height:42px;
		padding:68px 14px 0 0;
		text-align:right;
		background-color:#000;
		-moz-opacity:0.60;
		opacity:0.60;
		filter:alpha(opacity=60);
		font-size:26px;
		color:#959594;
		}*/

#top #bandeau #content_h1 {
    background-color:#000000;
    float:left;
    height:111px;
    opacity:0.6;
    filter:alpha(opacity=60);
    padding:0 10px;
    position:relative;
    text-align:left;
    width:220px;
}

#top #bandeau #content_h1 h1 {
    bottom:10px;
    color:#959594;
    font-size:26px;
    position:absolute;
}

/*#RUB_3 #top #bandeau h1 {padding:48px 14px 20px 0;}*/

#pg_pharma #top #bandeau h1 {font-size:29px;}

/* nav */
#top #nav {
    color:#393939;
    float:left;
    padding:10px 0 0 39px;
    position:relative;
    width:887px;
    z-index:100;
}

#top #nav a {text-transform:uppercase;}

#top #nav a#bt_qui,
#top #nav a#bt_secteurs,
#top #nav a#bt_prod,
#top #nav a#bt_compte,
#top #nav a#bt_contact,
#top #nav a#bt_secteurs.nav_off,
#top #nav a#bt_prod.nav_off,
#top #nav a#bt_compte.nav_off,
#top #nav a#bt_contact.nav_off {
    float:left;
    height:23px;
    padding-top:10px;
    background:url(img/bg-bt-nav.gif) no-repeat;
    color:#393939;
    text-align:center;
}

#top #nav a#bt_secteur_1,
#top #nav a#bt_secteur_2,
#top #nav a#bt_secteur_3,
#top #nav a#bt_secteur_4,
#top #nav a#bt_secteur_5,
#top #nav a#bt_secteur_1.nav_off,
#top #nav a#bt_secteur_2.nav_off,
#top #nav a#bt_secteur_3.nav_off,
#top #nav a#bt_secteur_4.nav_off,
#top #nav a#bt_secteur_5.nav_off {
    float:left;
    height:23px;
    padding-top:10px;
    background:url(img/bg-bt-nav.gif) no-repeat;
    color:#393939;
    text-align:center;
}

#top #nav a#bt_qui:hover,
#top #nav a#bt_secteurs:hover,
#top #nav a#bt_prod:hover,
#top #nav a#bt_compte:hover,
#top #nav a#bt_contact:hover,
#top #nav a#bt_secteurs.nav_on,
#top #nav a#bt_prod.nav_on,
#top #nav a#bt_compte.nav_on,
#top #nav a#bt_contact.nav_on {
    background:url(img/bg-bt-nav-on.gif) no-repeat;
    color:#FFFFFF;
    text-decoration:none;
}

#top #nav a#bt_secteur_1:hover,
#top #nav a#bt_secteur_2:hover,
#top #nav a#bt_secteur_3:hover,
#top #nav a#bt_secteur_4:hover,
#top #nav a#bt_secteur_5:hover,
#top #nav a#bt_secteur_1.nav_on,
#top #nav a#bt_secteur_2.nav_on,
#top #nav a#bt_secteur_3.nav_on,
#top #nav a#bt_secteur_4.nav_on,
#top #nav a#bt_secteur_5.nav_on {
    background:url(img/bg-bt-nav-on.gif) no-repeat;
    color:#FFFFFF;
    text-decoration:none;
}

/**?**#top #nav a#bt_qui,
	#top #nav a#bt_secteur_1,
	#top #nav a#bt_secteur_1.nav_off {
		background:url(img/bg-bt-nav-1.gif) no-repeat !important;
		width:180px;
		}
	*/

/**?**#pg_acc_valeurs #top #nav a#bt_qui,
	#top #nav a#bt_qui:hover,
	#top #nav a#bt_secteur_1.nav_on:hover {background:url(img/bg-bt-nav-1-on.gif) no-repeat !important;}
	*/
#top #nav a#bt_qui,
#top #nav a#bt_secteur_1 {width:180px;}

#top #nav a#bt_secteurs,
#top #nav a#bt_secteur_2 {width:180px;}

#top #nav a#bt_prod,
#top #nav a#bt_secteur_3 {width:180px;}

#top #nav a#bt_compte,
#top #nav a#bt_secteur_4 { width:160px;}

#top #nav a#bt_contact,
#top #nav a#bt_secteur_5 {width:99px;}

/**?**#pg_acc_valeurs #top #nav a#bt_secteur_1,
	#top #nav a#bt_secteur_1:hover {background:url(img/bg-bt-nav-1-on.gif) no-repeat;}
	*/

/*#pg_acc_choco #top #nav a#bt_secteurs,
	#top #nav a#bt_2 {background:url(img/bg-bt-nav-on.gif) no-repeat;}*/

#pg_pharma #top #nav a#bt_secteurs,
#pg_choco #top #nav a#bt_secteurs,
#pg_backpack #top #nav a#bt_prod {font-weight:bold;}

#top #nav #rechercher {
    float:left;
    width:153px;
    height:26px;
    padding:7px 0 0 11px;
    background:url(img/bg-rechercher.gif) no-repeat;
}

/** html #top #nav #rechercher{height:27px;padding-top:6px;}
	* + html #top #nav #rechercher{height:27px;padding-top:6px;}*/

#top #nav #rechercher input {
    border:1px solid #fff;
    color:#547680;
    font-size:11px;
    height:13px;
    margin:0;
    padding:1px 0 0 3px;
    vertical-align:middle;
    width:109px;
}

/** html #top #nav #rechercher input {margin:0;}
	* + html #top #nav #rechercher input {margin:0;}*/

#top #nav #rechercher img {vertical-align:middle;}

/* menus deroulants */
#top #nav ul {
    position:absolute;
    top:42px;
    width:155px;
    /*padding-top:5px;*/
    /*background:url(img/bg-menu-deroulant.gif) no-repeat;*/
    border-left:1px solid #464645;
    border-bottom:1px solid #464645;
    -moz-opacity:0.90;
    opacity:0.90;
    filter:alpha(opacity=90);
    display:none;
}

#top #nav ul#menu_secteurs {right:582px;}

/* 'Nouveaux' secteurs */

#top #nav dl dd #menu_secteur_1 {
    left:71px;
    overflow:hidden;
    width:147px;
    z-index:100;
}

#top #nav dl dd #menu_secteur_2 {
    left:244px;
    z-index:100;
}

#top #nav dl dd #menu_secteur_3 {
    left:423px;
    /*width:175px;*/
    z-index:100;
}

#top #nav dl dd #menu_secteur_4 {
    display:none !important;
    left:536px;
    width:104px;
    z-index:100;
}

#top #nav dl dd #menu_secteur_5 {
    display:none !important;
    left:540px;
    overflow:hidden;
    width:100px;
    z-index:100;
}

#top #nav dl dd #menu_secteur_6 {
    display:none !important;
    left:650px;
    overflow:hidden;
    width:88px;
    z-index:100;
}

#top #nav dl dd #menu_secteur_7 {right:442px;}

/* Fin 'Nouveaux' secteurs */


#top #nav ul li {
    float:left;
    width:155px;
    z-index:100;
}

#top #nav ul li a {
    width:146px;
    height:21px;
    padding:9px 0 0 9px;
    font-size:11px;
    color:#fff;
    font-weight:bold;
    background:url(img/bg-deroulant-0.gif) no-repeat;
    display:block;
    z-index:100;
}

/*
#top #nav ul li a#deroulant_1 {background:url(img/bg-deroulant-1.gif) no-repeat;}
#top #nav ul li a#deroulant_2 {background:url(img/bg-deroulant-2.gif) no-repeat;}
#top #nav ul li a#deroulant_3 {background:url(img/bg-deroulant-3.gif) no-repeat;}
#top #nav ul li a#deroulant_4 {background:url(img/bg-deroulant-3.gif) no-repeat;}
#top #nav ul li a#deroulant_5 {background:url(img/bg-deroulant-3.gif) no-repeat;}
#top #nav ul li a#deroulant_6 {background:url(img/bg-deroulant-3.gif) no-repeat;}
#top #nav ul li a#deroulant_7 {background:url(img/bg-deroulant-3.gif) no-repeat;}
#top #nav ul li a#deroulant_8 {background:url(img/bg-deroulant-3.gif) no-repeat;}
#top #nav ul li a#deroulant_9 {background:url(img/bg-deroulant-3.gif) no-repeat;}
#top #nav ul li a#deroulant_10 {background:url(img/bg-deroulant-3.gif) no-repeat;}
*/

#top #nav ul li a.deroulant {background:url(img/bg-deroulant-3.gif) no-repeat; }
#top #nav ul li a.last {background:url(img/bg-deroulant-4.gif) repeat-x;}

#top #nav ul li.li_espace {padding-top:15px;}

#top #nav ul li.li_espace a {
    height:20px;
    padding-top:10px;
    color:#7eb1f7;
}

#top #nav ul.sous_menu {
    top:47px;
    width:140px;
    padding-top:5px;
    background:#4f4e4d;
    border:none;
}

#top #nav ul#ss_menu_secteur_21 {
    left:155px;
    top:5px;
    /*right:442px;*/
}

#top #nav ul.sous_menu li {width:140px;}

#top #nav ul.sous_menu a {
    width:129px;
    height:auto;
    padding:6px 0 6px 11px;
    background:url(img/bg-filet-deroulant.gif) no-repeat left bottom;
}

#top #nav ul.sous_menu a.lk_last {background:none;}


/* -------- middle -------- */

#middle {
    padding-top:8px;
    position:relative;
    z-index:2;
}

#middle #fil {
    font-size:11px;
    margin:0 0 8px 40px;
}

#middle #fil a {color:#333333;}
#middle #fil a:hover {color:#666666;}

/* nav left */

#middle #gauche {
    float:left;
    padding:0 0 12px 40px;
    position:relative;
    width:144px;
}

#middle #gauche ul#ss_nav {
    float:left;
    width:116px;
    padding:10px 11px;
    background:#676664 url(img/bg-filet-nav-left.gif) no-repeat 11px bottom;
}

#middle #gauche ul#ss_nav li a {
    border-top:1px solid #FFFFFF;
    color:#FFFFFF;
    display:block;
    font-size:11px;
    font-weight:bold;
    padding:6px 0 6px 3px;
    text-transform:uppercase;
    width:113px;
}

#middle #gauche ul#ss_nav li a#nav_last {border-top:1px solid #676664;}

#middle #gauche ul#ss_nav li a.min {
    background-color:#676664;
    text-transform:lowercase;
    text-transform:capitalize;
}

#middle #gauche ul#ss_nav li a.on {background-color:#A4A4A3;}

#middle #gauche ul#ss_nav ul.nav_art li a.min {
    background-color:#676664;
    text-transform:lowercase;
    text-transform:capitalize;
}

#RUB_10 #middle #gauche ul#ss_nav li a.min {
    /*background-color:#676664;*/
    text-transform:lowercase;
    text-transform:capitalize;
}

#RUB_10 #middle #gauche ul#ss_nav li a.on.min {color:#000000;}

#middle #gauche ul#ss_nav ul.nav_art li a.on {color:#000000;}

#middle #gauche #ss_nav li a.on,
#middle #gauche ul#ss_nav li a.left_on_1,
#middle #gauche ul#ss_nav li a#nav_last.left_on_1 {
    border-top:1px solid #fff;
    background-color:#a4a4a3;
    color:#444444;
}

#middle #gauche ul#ss_nav li ul {
    width:116px;
    background-color:#8f8e8c;
}

#middle #gauche ul#ss_nav li ul li a {
    border-top:1px solid #676664;
    color:#bfbfbf;
}

#middle #gauche ul#ss_nav li ul li a.left_on_2 {color:#FFFFFF;}

#middle #logo_art {
    bottom:52px;
    left:30px;
    /*max-height:200px;*/
    overflow:hidden;
    position:absolute;
    text-align:center;
    width:150px;
}

#middle #gauche #logo_art {
    float:left;
    margin:10px 0 0 -22px;
    text-align:center;
    width:160px;
}

/* content */

#middle #contenu {
    float:left;
    min-height:400px;
    width:551px;
    margin-bottom:53px;
    background-color:#FFFFFF;
    z-index:1;
}

* html #middle #contenu {height:400px;}

#middle #contenu h2,
#middle #droite .bloc .onglet_right {
    background-color:#9e9e9e;
    border-bottom:1px solid #61605e;
    color:#FFFFFF;
    float:left;
    font-size:12px;
    font-weight:bold;
    line-height:19px;
    min-height:19px;
    /*padding:6px 20px 5px 20px;*/
    padding:4px 20px 2px;
    width:511px;
}

* html #middle #contenu h2,
* html #middle #droite .bloc .onglet_right {height:19px;}

#middle #contenu h2.fond_bleu {background:url(img/bg-fond-bleu.gif) repeat;}

#middle #contenu .texte {
    background-color:#FFFFFF;
    float:left;
    /*min-height:400px;*/
    width:551px;
    z-index:2;
}

* html #middle #contenu .texte {
    /*height:400px;*/
}

#middle #contenu .texte hr {
    float:left;
    margin:5px 0 5px 200px;
    width:150px;
}

#middle #contenu .texte .paragraphe {
    /*background:url(img/bg-filet-paragraphe.gif) repeat-x left bottom;*/
    float:left;
    line-height:19px;
    /*min-height:350px;*/
    padding:12px 20px 20px;
    width:511px;
}

* html #middle #contenu .texte .paragraphe {/*height:350px;*/}

#RUB_1 #middle #contenu .texte .paragraphe {background:inherit;}

#middle #contenu .texte .paragraphe p {margin:0 0 10px;}


#middle #contenu .texte .paragraphe a {color:#676664;}
#middle #contenu .texte .paragraphe a:hover {color:#000000;}

#middle #contenu .texte .paragraphe h3 {
    font-size:13px;
    font-weight:bold;
    margin:30px 0pt 5px;
}

#middle #contenu #nav_inter {
    float:left;
    /*margin:10px 0 0;*/margin:0;
    width:552px;
}

#middle #contenu #nav_inter a {
    background:url(img/bg-bouton.gif) no-repeat right top;
    color:#393939;
    display:block;
    float:left;
    font-weight:bold;
    height:21px;
    padding:8px 0 0 0;
    text-align:center;
    /*width:184px;*/
    width:138px;
}

#RUB_10 #middle #contenu #nav_inter a {/*width:184px;*/width:138px;}

#RUB_11 #middle #contenu #nav_inter a {width:184px;/*width:138px;*/}

#RUB_13 #middle #contenu #nav_inter a {/*width:184px;*/width:138px;}

#RUB_14 #middle #contenu #nav_inter a {/*width:184px;*/width:138px;}

#RUB_3 #middle #contenu #nav_inter a {width:184px;}

#RUB_84 #middle #contenu #nav_inter a {width:184px;}


/* Début Pages Presse */

#RUB_35 #middle #contenu #nav_inter a {width:184px;}

#RUB_35 #middle #contenu #nav_inter {margin:0;}

/*#RUB_35 #middle #contenu h2 {
		background-color:inherit;
		border:none;
		color:#000000;
		float:left;
		font-size:12px;
		font-weight:bold;
		height:inherit;
		line-height:19px;
		padding:5px 0;
		width:511px;
		}*/

#RUB_35 #middle #contenu .texte .paragraphe {padding:0 20px;}

#RUB_35 #middle #contenu .texte .paragraphe h3 {margin:5px 0 10px;}

/* Fin Pages Presse */


#middle #contenu #nav_inter a.bouton_last,
#middle #contenu #nav_inter a.on {
    background:url(img/bg-bouton.gif) no-repeat right top;
    color:#FFFFFF;
    overflow:hidden;
    /*width:183px;*/
    width:138px;
}

#RUB_3 #middle #contenu #nav_inter {margin:0;}

#RUB_84 #middle #contenu #nav_inter {margin:0;}

#middle #contenu .texte #docs,
#middle #contenu .texte .docs {
    /*border:1px solid;*/
    float:left;
    /*padding:12px 20px 10px;*/
    padding:5px 20px 10px;
    width:511px;
}

#middle #contenu .texte #docs .doc {
    /*border:1px dashed;*/
    float:left;
}

#middle #contenu .texte #docs .doc a,
#middle #contenu .texte .docs .doc a {color:#676664; }

#middle #contenu .texte #docs .doc a:hover,
#middle #contenu .texte .docs .doc a:hover {
    color:#000000;
    text-decoration:none;
}

#middle #contenu .texte .swf {
    margin:10px 0 0;
    text-align:center;
}

/* sidebar */

#middle #droite {
    float:left;
    /*width:187px;*/
    width:162px;
    padding-left:5px;
}

#middle #droite .bloc {
    background-color:#dbdad3;
    float:left;
    min-height:133px;
    margin-bottom:12px;
    /*text-align:center;*/
    width:162px;
}

* html #middle #droite .bloc {height:133px;}

#middle #droite .bloc p {
    float:left;
    padding:10px;
}

#middle #droite .bloc p a {color:#333333;}
#middle #droite .bloc p a:hover {color:#666666;}

#middle #droite .bloc img {margin:20px 0 10px 5px;}

#middle #droite .bloc .onglet_right {
    width:142px;
    padding:6px 10px 0 10px;
}

#middle #droite .bloc .visuel_right {
    float:left;
    width:142px;
    padding:10px 10px 0 10px;
}

#middle #droite .bloc p.texte_right {
    float:left;
    font-size:11px;
    font-style:italic;
    line-height:17px;
    padding:12px 10px 0 14px;
    width:138px;
}


/* -------- footer -------- */

#bottom {
    color:#535251;
    text-align:center;
    background:url(img/bg-filet-footer.gif) no-repeat 12px 0px;
    padding:23px 0 26px 0;
}

#bottom a {color:#535251;}


/******************************************************************************************************************************/

/******************************************************************************************************************************/
/* CLASS génériques */
/******************************************************************************************************************************/

.bold {font-weight:bold;}

.normal {font-weight:normal;}

.italic {font-style:italic;}

.taille_1 {font-size:11px;}

.clear {clear:both;}


/******************************************************************************************************************************/

/******************************************************************************************************************************/
/* Bloc css de la page backpack */
/******************************************************************************************************************************/

#pg_backpack #top #bandeau {background:url(img/bg-banniere-backpack.jpg) no-repeat 12px 0;}

#pg_backpack #middle {background:url(img/bg-middle-backpack.gif) no-repeat left bottom;}


/******************************************************************************************************************************/

/******************************************************************************************************************************/
/* Bloc css de la page backpack */
/******************************************************************************************************************************/

/*#pg_pharma #top #bandeau,
	#RUB_1 #top #bandeau {background:url(img/bg-banniere-pharma.jpg) no-repeat 12px 0;}*/

#pg_pharma #middle {background:url(img/bg-middle-pharma.jpg) no-repeat left bottom;}


/******************************************************************************************************************************/

/******************************************************************************************************************************/
/* Bloc css de la page int chocolat */
/******************************************************************************************************************************/

#pg_choco #top #bandeau {background:url(img/bg-banniere-choco.jpg) no-repeat 12px 0;}

#pg_choco #middle {background:url(img/bg-middle-choco.jpg) no-repeat left bottom;}


/******************************************************************************************************************************/

/******************************************************************************************************************************/
/* Bloc css de la page acc chocolat */
/******************************************************************************************************************************/

#pg_acc_choco #top #bloc_accueil {background:url(img/bg-acc-choco.jpg) no-repeat 12px 0;}

#pg_acc_choco #middle {background:url(img/bg-middle-acc-choco.jpg) no-repeat left bottom;}

/* bloc accueil */

#top #bloc_accueil {
    float:left;
    height:304px;
    padding:70px 0 0 41px;
    /*width:885px; */
    width:900px;
}

#top #bloc_accueil .bloc_art {

    float:left;
    left:41px;
    padding-right:16px;
    width:199px;
    color:#E9E6E1;
    font-size:12px;
    height:300px;
    position:absolute;
    top:60px;

}

#top #bloc_accueil .bloc_art .transparent_1 {
    float:left;
    width:218px;
    padding-top:100px;
    /*background-color:#000;
		-moz-opacity:0.50;
		opacity:0.50;
		filter:alpha(opacity=60);*/
}
#top #bloc_accueil .bloc_art .transparent_1 .edito{
    float:left;
    width:199px;
    height:207px; 
}

#top #bloc_accueil .bloc_art .transparent_1 .edito  hr{
    width: 204px;
}


#top #bloc_accueil .bloc_art h1 span {display:none; }

#top #bloc_accueil .bloc_art a {color:#e9e6e1;}

#top #bloc_accueil .bloc_art p.texte {
   /* float:left;
    width:218px;
    height:89px;
    padding:12px 10px 0 15px;*/
    /*padding-right:16px;*/
    /*line-height:21px;*/
}

#top #bloc_accueil .bloc_art .lien {
    float:left;
    width:174px;
    height:19px;
    padding:4px 10px 0 15px;
    font-weight:bold;
    /*background-color:#000;*/
    -moz-opacity:0.60;
    opacity:0.60;
    filter:alpha(opacity=60);
}

#top #bloc_accueil .bloc_art .transparent_2 {
    float:left;
    width:199px;
    height:5px;
    background-color:#000;
    -moz-opacity:0.50;
    opacity:0.50;
    filter:alpha(opacity=50);
}

/* bloc actualites */

#middle #alaune {
    color:#393939;
    float:left;
    font-size:11px;
    /*padding:4px 60px 16px 520px;*/
    padding:4px 60px 16px 65px;
    /*width:346px;*/
    width:800px;
}

/*#pg_index #middle #alaune {padding:4px 70px 16px 225px;}*/

#middle #alaune h2 {
    color:#4466AA;
    float:left;
    font-size:11px;
    font-weight:bold;
    text-transform:uppercase;
    /*width:346px;*/
    width:470px;
    margin-left: 20px;
}

#middle #alaune p.texte_actu {
    float:left;
    line-height:15px;
    padding-top:17px;
    margin-left: 20px;
    width:470px;
}

#middle #alaune p.texte_actu a {color:#393939;}

#middle #alaune #texte_accroche {
    float:left;
    margin-top: 15px;
    width:80px;
    color:#4466AA;
    font-size:21px;
    font-weight:bold;
    font-style: italic;
    /*line-height:25px;*/
}

#middle #alaune #logo_communique {
    float:left;
    margin-left: 80px;
    overflow:hidden;
    width:150px;
}


/******************************************************************************************************************************/

/******************************************************************************************************************************/
/* Bloc css de la page acc valeurs */
/******************************************************************************************************************************/

#pg_acc_valeurs #top #bloc_accueil {background:url(img/bg-acc-valeurs.jpg) no-repeat 12px 0;}

#pg_acc_valeurs #middle {background:url(img/bg-middle-acc-valeurs.gif) no-repeat 362px bottom;}

#pg_acc_valeurs #top #bloc_accueil .bloc_art {padding-right:12px;}


/******************************************************************************************************************************/

/******************************************************************************************************************************/
/* Bloc css de la page index */
/******************************************************************************************************************************/

#pg_index #top #bloc_accueil {
    /*background:url(img/bg-index.jpg) no-repeat 12px 0px;*/
    background:url(img/fond_nuage.jpg) no-repeat 12px 0px;
    height:374px;
    /*padding:0 0 0 41px;*/
    padding:0 0 0 10px;
}

#pg_index #top #bloc_accueil #bloc_accueil_embed {

}

#pg_index #top #bloc_accueil .bloc_art,
#pg_index #top #bloc_accueil .bloc_art .transparent_2 {width:211px;}

#pg_index #top #bloc_accueil .bloc_art .transparent_1 {
    width:199px;
    padding-top:166px;

}

/**ce qui suit est mis en commentaire car fausse la nouvelle version sous ie8
#pg_index #top #bloc_accueil .bloc_art p.texte,
#pg_index #top #bloc_accueil .bloc_art p {
   /* width:199px;
    height:215px;
    /*padding:15px 12px 0 24px;*/
    /*padding:10px 12px 20px 24px;*/
    /*padding:5px 12px 5px 24px;*/
   /* line-height:16px;

}*/

#pg_index #top #bloc_accueil .bloc_art .transparent_1 .edito{
    background: url(../img/fond__.png) no-repeat ;
    width:218px;
    font-size:11px;


}
#pg_index #top #bloc_accueil .bloc_art .transparent_1 .edito .edito_titre {
   color: #53a8db;
   font-size: 18px;
   height: 30px;
   /*padding: 0px 14px 5px 14px;*/
   padding: 0px 14px 18px 14px;
}

#pg_index #top #bloc_accueil .bloc_art .transparent_1 .edito .edito_texte {
   font-size: 12px;
   text-align: justify;
   padding: 5px 26px 0px 14px;
   /*border: solid  #990000 ;*/
   /*width: 190px;*/
  /*margin: 0px 10px 0px 10px;*/
}

#pg_index #top #bloc_accueil .bloc_art .transparent_1 .edito .liens {
    font-size: 12px;
    padding: 10px 14px 0px 14px;
}


#pg_index #top #bloc_accueil .bloc_art .lien {
    width:218px;
    padding: 5px 26px 0px 26px;
   /* padding:4px 14px 0 26px;*/
    /*background: url(../img/lire.png) no-repeat;*/
}

/*#pg_index #middle {background:url(img/bg-middle-acc-valeurs.gif) no-repeat 66px bottom;}*/

/* bloc actualites */

/* bloc location */

#pop_localisation {
    background:transparent url(img/bg-location.gif) no-repeat scroll 0 0;
    /*border:1px solid;*/
    display:block;
    float:left;
    height:100px;
    padding:0;
    position:absolute;
    right:24px;
    top:484px;
    width:261px;
    z-index:200;
    display: none;
}

* html #pop_localisation {
    /*border:1px solid;*/
    left:640px;
    position:relative;
    top:-198px;
}

#pop_localisation #choose {margin:15px 0 0 10px;}

#middle /*#localisation*/ #choose,
#opacite #pop_localisation #pop_choose {
    float:left;
    width:257px;
    padding:47px 0 0 4px;
    font-size:12px;
    color:#4c4c4c;
}

#middle /*#localisation*/ #choose select,
#opacite #pop_localisation #pop_choose select {
    width:130px;
    height:18px;
    border:1px solid #716e67;
    font-size:10px;
    color:#535251;
}

/* pop location */

#opacite {
    background-color:#6c6b69;
    filter:alpha(opacity=70);
    /*height:188px;*/
    height:198px;
    left:0;
    -moz-opacity:0.70;
    padding:485px 0 0 641px;
    position:absolute;
    opacity:0.70;
    top:0;
    width:285px;
    z-index:100;
}

/* Tableaux SPIP */

table.spip {
    border-collapse:collapse;
    margin:10px 0;
}

table.spip th, table.spip td {
    border:1px solid;
    padding:0.2em 0.4em;
    text-align:left;
}

table.spip tr.row_even {background-color:#DDDDDD;}

table.spip tr.row_odd {background-color:#EEEEEE;}


/* Plan du site */

#RUB_38 #middle #gauche {
    width:50px;
}

#RUB_38 #middle #contenu {
    background-color:#FFFFFF;
    margin:20px 0 30px;
    width:645px;
}

#RUB_38 #middle #droite {margin:20px 0 0;}

#RUB_38 #middle #contenu h2.fond_bleu {
    margin:0 0 20px;
    width:605px;
}

#RUB_38 #contenu dl {margin:0 0 0 80px;}

#RUB_38 #contenu dl dd {
    float:left;
    margin:0 0 5px;
    width:100%;
}

#RUB_38 #contenu ul {
    color:#000000;
    float:left;
    font-size:11px;
    font-weight:bold;
    list-style-position:inside;
    list-style-type:disc;
    margin:10px 0 10px 10px;
    width:70%;
}

#RUB_38 #contenu dl dt.titre {
    border-bottom:1px solid;
    border-top:1px solid;
    clear:left;
    /*color:#003366;*/
    float:left;
    font-size:11px;
    font-weight:bold;
    margin:10px 0;
    padding:10px 0 10px 30px;
    text-transform:uppercase;
    width:85%;
}

* html #RUB_38 #contenu dl dt.titre {margin:5px 0;}

#RUB_38 #contenu dl dt.titre a {color:#333333;}
#RUB_38 #contenu dl dt.titre a:hover {color:#666666;}

#RUB_38 #contenu dl dd ul.nivo_1 {margin:2px 0 2px 55px;}

* html #RUB_38 #contenu dl dd ul.nivo_1 {margin-left:8px;}

#RUB_38 #contenu dl dd ul.nivo_1 li {font-size:11px; font-weight:bold;}

#RUB_38 #contenu dl dd ul.nivo_1 li a {color:#999999;}

#RUB_38 #contenu dl dd ul.nivo_1 li a:hover {color:#333333;}

#RUB_38 #contenu dl dd ul.nivo_2 {margin:7px 0 0 85px;}

* html #RUB_38 #contenu dl dd ul.nivo_2 {margin:5px 0 0 25px;}

#RUB_38 #contenu dl dd ul.nivo_2 li a {color:#666666;}

#RUB_38 #contenu dl dd ul.nivo_2 li a:hover {color:#333333;}

/******************************************************************************************************************************/
/* CONTACT */
/******************************************************************************************************************************/

#ContactForm p {padding: 10px 0;}

#ContactForm input,
#ContactForm textarea,
#ContactForm select {border:1px solid #808080;}

#ContactForm fieldset {border:none;}

#ContactForm label {
    clear:left;
    float:left;
    padding-right:20px;
    text-align:right;
    width:170px;
}

#ContactForm input,
#ContactForm textarea,
#ContactForm select {
    float:left;
    width:200px;
}

#ContactForm #bouton_envoi_form {
    border:1px solid #808080;
    clear:both;
    float:right;
    padding:0 5px;
}

/******************************************************************************************************************************/
/* NOUS REJOINDRE */
/******************************************************************************************************************************/

#RejoindreForm p {padding:10px 0;}

#RejoindreForm input,
#RejoindreForm textarea,
#RejoindreForm select {border:1px solid #808080;}

/*#RejoindreForm input*/

#RejoindreForm fieldset {border:none;}

#RejoindreForm label {
    clear:left;
    float:left;
    padding-right:20px;
    text-align:right;
    width:170px;
}

#RejoindreForm input,
#RejoindreForm textarea,
#RejoindreForm select {
    float:left;
    width:200px;
}

#RejoindreForm #bouton_envoi_form {
    border:1px solid #808080;
    clear:both;
    float:right;
    padding:0 5px;
}

/******************************************************************************************************************************/
/* RECHERCHE */
/******************************************************************************************************************************/

#main.recherche_main {}

#main.recherche_main a {
    color:#666666;
    font-weight:bold;
}

ul.recherche_ul {padding:10px;}

ul.recherche_ul li {
    border-bottom:1px dotted #808080;
    clear:left;
    float:left;
    padding:10px;
    width:95%;
}

ul.recherche_ul li span {
    clear:left;
    float:left;
    font-style:italic;
}

ul.recherche_ul li span.recherche_date {
    clear:inherit;
    float:right;
    font-style:inherit;
}

#main.recherche_main p.pagination {
    clear:left;
    text-align:center;
}

#contenu #bandeau_sous_rub {
    float:left;
    width:550px;
    height:100px;
    padding:0;
    margin:0 0 3px 0;
}

#contenu #bandeau_sous_rub #content_h1 {
    background-color:#000000;
    float:left;
    height:80px;
    opacity:0.6;
    filter:alpha(opacity=60);
    padding:0 10px;
    position:relative;
    left: 20px; 
    text-align:left;
    width:180px;
}

#contenu #bandeau_sous_rub #content_h1 h1 {
    bottom:10px;
    color:#959594;
    font-size:20px;
    position:absolute;
}

/* Plan du site */

#RUB_101 #middle #gauche {
    width:50px;
}

#RUB_101 #middle #contenu {
    background-color:#FFFFFF;
    margin:20px 0 30px;
    width:645px;
}

#RUB_101 #middle #droite {margin:20px 0 0;}

#RUB_101 #middle #contenu h2.fond_bleu {
    margin:0 0 20px;
    width:605px;
}

#RUB_101 #contenu dl {margin:0 0 0 80px;}

#RUB_101 #contenu dl dd {
    float:left;
    margin:0 0 5px;
    width:100%;
}

#RUB_101 #contenu ul {
    color:#000000;
    float:left;
    font-size:11px;
    font-weight:bold;
    list-style-position:inside;
    list-style-type:disc;
    margin:10px 0 10px 10px;
    width:70%;
}

#RUB_101 #contenu dl dt.titre {
    border-bottom:1px solid;
    border-top:1px solid;
    clear:left;
    /*color:#003366;*/
    float:left;
    font-size:11px;
    font-weight:bold;
    margin:10px 0;
    padding:10px 0 10px 30px;
    text-transform:uppercase;
    width:85%;
}

* html #RUB_101 #contenu dl dt.titre {margin:5px 0;}

#RUB_101 #contenu dl dt.titre a {color:#333333;}
#RUB_101 #contenu dl dt.titre a:hover {color:#666666;}

#RUB_101 #contenu dl dd ul.nivo_1 {margin:2px 0 2px 55px;}

* html #RUB_101 #contenu dl dd ul.nivo_1 {margin-left:8px;}

#RUB_101 #contenu dl dd ul.nivo_1 li {font-size:11px; font-weight:bold;}

#RUB_101 #contenu dl dd ul.nivo_1 li a {color:#999999;}

#RUB_101 #contenu dl dd ul.nivo_1 li a:hover {color:#333333;}

#RUB_101 #contenu dl dd ul.nivo_2 {margin:7px 0 0 85px;}

* html #RUB_101 #contenu dl dd ul.nivo_2 {margin:5px 0 0 25px;}

#RUB_101 #contenu dl dd ul.nivo_2 li a {color:#666666;}

#RUB_101 #contenu dl dd ul.nivo_2 li a:hover {color:#333333;}