

/*--------------------------
  Body & Général
---------------------------*/

body {  
background-color : #E6E6F0; 
font-family : Arial, Helvetica, sans-serif; 
color : #000; 
font-size : 62.5%; 
font-style : normal; 
text-align : center; 
margin : 0; 
padding : 0; } 

.bodybox { 
background-color : #fff; 
background-image: url(../img/fd_page.gif);
background-repeat: no-repeat; 
background-position: 0% 0%; 
margin-left: auto; 
margin-right: auto; 
margin-top: 10px; 
padding: 0; 
width : 900px; 
text-align: left; }
 
img { border-width:0px;}
hr.spip { background:#E6E6E6; height:1; border:none}
form { 	display: inline; }

/*--------------------------
  Bandeau Supérieur 
---------------------------*/

.bando_sup { 
width: 900px; 
float: left; 
background-color : #536d7a; 
text-align: right;; 
font-size : 1.1em; 
color : #fff; 
text-transform: capitalize; 
letter-spacing: 1px; 
padding-bottom: 4px; 
padding-top: 4px;}

.bando { background-color:#FFF; clear: both; height:130;}
.bando_logo { width : 224px; float: left; display:block; }
.bando_part_droite { width: 676px; float: right; } 
.bando_part_droite img {vertical-align:middle;}
.bando_banniere { width: 524px; height: 108px; margin:0px; }
.bando_menu { width: 524px; height: 22px; }

.chprech{
border: 1px solid #7DC3BB;
font-size: 9px;
height: 14px;
background-position: left;
color: #666666;
text-align: left;
width: 65px;
padding: 0px;
margin-top: 4px;
margin:0 0 0 2px  }

.banniere {
	margin-bottom: 7px;
	margin-left: 76px;
	margin-top: 7px;
}

#bando_lien_emmaus {    /* zone cliquable */
float: right;
width : 85px;
height: 90px;
margin-left: 583px;
margin-top: 10px;
position:absolute
}

/*--------------------------
  Menu Bandeau Supérieur
---------------------------*/

#menutop {
position: relative;
margin: 0;
clear: both;
background-image:url(images/Bandeau_03.gif);
height:23; }

#menutop ul, #menutop li { margin:0; padding: 0; list-style-type: none; }
#menutop ul { position: absolute;  height: 23px; width:670px; left: 0px; }
#menutop li { float: left; }

#menutop li a {
display: block; 
height: 23px;
color: #000;
font: 12px/23px "Trebuchet MS", Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;
font-weight: bold;
text-decoration: none;
text-align: left; }

#menutop a:hover { color: #FFF; }

#menu1 { width:254px;} #menu2 { width:154px} #menu3 { width:81px;} #menu4 { width:86px ; } #menu5 { width:85px ; }
.menu_extra { color:: #165343; }

/*--------------------------
  Conteneur
---------------------------*/

#Conteneur {
background-color:#FFF; 
width:900; }

/*--------------------------
  Menu Vertical
---------------------------*/

#Menu {
width:200; 
float:left;
margin-bottom:15; }

.menu {
background-image:url(images/menu_top.gif); 
margin-left:10; 
padding-top:5;
background-repeat: no-repeat; 
background-position: 0% 0%; 
background-color:#C5E8E2;}

.menu_titre0 {
background-color:#FFF;
text-align:center; 
margin: 10 5 10 5;
font-family: "Trebuchet MS", Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;
font-size: 12px;
font-weight: bold; }

.menu_text {
margin: 10 7 10 7;
font-size :11px;
text-align:justify;
}

.menu_titre0 a { text-decoration:none; display: block; color:0}

.secteur39 { background-color:#60B79E; }
.secteur38 { background-color:#FFFF66; }
.secteurboutique { background-color:#008777; }
.secteur40 { background-color:#536D7A; }
.secteurxx { background-color:#536D7A; }

.menu_titre1 {
font-family: "Trebuchet MS", Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;
font-size: 12px;
font-weight: 900;
line-height: 20px;
text-align: left;
text-decoration:none; }

.menu_titre2 {
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
color: #008777;
text-align: left;
text-decoration:none; }

a.menu_titre1 {display:block; text-decoration:none;}
a.menu_titre1:link{text-decoration:none; color: #008777;}
a.menu_titre1:visited{text-decoration:none; color: #008777;}
a.menu_titre1:hover{text-decoration:none; color: #444444;}
a.menu_titre2 {display:block}
a.menu_titre2:link{text-decoration:none; color: #008777;}
a.menu_titre2:visited{text-decoration:none; color: #008777;}
a.menu_titre2:hover{text-decoration:none; color: #444444;}

.bas_menu { background-color:#C5E8E2; border:0; font-size:1px }

/*--------------------------
  Corps
--------------------------*/

#Contenu {
background-color:#FFF;
margin: 0 210;
padding:0 10 15 10;
border: 1px solid #7DC3BB;
margin-bottom:10; }

#Contenu_grand {
background-color:#FFF;
margin: 0 10 15 210;
padding:0 10 15 10;
border: 1px solid #7DC3BB;
margin-bottom:10; }

#Espace {
padding-top:5; 
background-color:#FFF; }

/*--------------------------
  Colonne
---------------------------*/

#Colonne {
width:200;  
float:right; }


/*--------------------------
  Pied
---------------------------*/

.pied { 
background-color:#999; 
width:900; clear:both; 
font-family: "Trebuchet MS", Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;
font-size:12px;
color:#FFF;
decoration:none;
text-align:center }

.pied a {text-decoration:none; color:#FFF }
.pied a:hover {text-decoration:none; color:#666}

/*--------------------------
  Mise en Page (SPIP)
---------------------------*/

.titre_main {
font-family: Arial, Helvetica, sans-serif;
font-size: 25px;
font-style: normal;
line-height: 26px;
color: #008777;
text-align: left;
font-weight:bold;
border-width: 1px;
border-bottom-style: dotted;
border-color: 7DC3BB;
padding-top: 5px;
padding-bottom: 5px;
margin-bottom: 17px; }

.spip_titre1 { font-family:tahoma; color:#008777;  font-weight: bolder; margin:0 0 10 0px; background-color:#C5E8E2; text-align:left; padding-left:5;  padding-bottom:3; padding-top:3 }

.caractencadre-spip { color: #008777; }
.texteencadre-spip { 
color: #008777; font-size: 11px; font-style: normal; line-height: 14px; font-family: Arial, Helvetica, sans-serif;
font-weight: bold; background: #DFF0EE; margin: 1em 0; padding: .25em; 
position: relative; border: 2px solid #DFF0EE; }

.spip_out {font-family:tahoma; font-size:12px; color:#008777; text-decoration:underline; }
.spip_out:hover {font-family:tahoma; font-size:12px; color:#444444; text-decoration:underline; }
.spip_in {font-family:tahoma; font-size:12px; color:#008777; text-decoration:underline; }
.spip_in:hover {font-family:tahoma; font-size:12px; color:#444444; text-decoration:underline; }

.lien_actu {
font-family: "Trebuchet MS", Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;
font-size: 12px;
font-weight: 900;
line-height: 20px;
text-align: left;
text-decoration:none; }

a.lien_actu {text-decoration:none;}
a.lien_actu:link{text-decoration:none; color: #008777;}
a.lien_actu:visited{text-decoration:none; color: #008777;}
a.lien_actu:hover{text-decoration:none; color: #444444;}

.spip_documents_center{
        margin: auto;
        text-align: center;
        width: 80%;
}

.spip_documents_left{
        float: left;
        margin-right: 15px;
        text-align: center;
}

.spip_documents_right{
        float: right;
        margin-left: 15px;
        text-align: center;
}

/*--------------------------
  Formulaires (Contacts...)
---------------------------*/

.champ { border: 1px solid #008777; color: #000000; font-family: Arial, Helvetica, sans-serif; font-size: 10px; }

.retrait {padding-left:10;}
.retrait-gauche {padding-left:20;}
.retrait-droit {padding-right:10px;}

/*--------------------------
  Boutique - Ergonomie
---------------------------*/

.Table_body { width:900; background-color:#FFF }

.Colonne_Contenu { width:500; }

.Table_Contenu {
background-color:#FFF;
padding:0 10 15 10;
border: 1px solid #7DC3BB;
margin-bottom:10;
margin-left:10px;
width:480;
}

.pied_boutique {
margin-left: auto; 
margin-right: auto; 
}

/*--------------------------
  Boutique - Design
---------------------------*/

.style-retrait { 
margin-left: 30px; 
margin-top:-20px;
line-height: 1.6em;
}

.spip_titre1_boutique 
{
font-family: "Trebuchet MS", Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;
color:#FFF;
font-weight: bolder;
background-color:#536D7A;
text-align:center;
padding-left:5;
padding-bottom:2;
padding-top:2;
font-size:12px;
text-transform: capitalize;
}

.text {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
line-height: 1.4em;
color: #222; }

.categories a {text-decoration:none; color:#008777;}
.categories a:hover  {text-decoration:none; color:#444444;}
.categories {color:#008777;}

.Prix {
font-family: Arial, Helvetica, sans-serif;
font-size: 20px;
font-style: normal;
line-height: 26px;
color: #536D7A;
text-align: left;
font-weight:bold; }

.text_ident { 
font-size : 12px; 
color : #fff; 
letter-spacing: 1px;
padding-left:10px;
padding-bottom:2px; }

.titre_ident {
color:#FFFFFF; margin:4 0 10 0;
text-align:center; font-size : 12px; color : #fff;font-weight: bold;
}

.chemin {color:#FFF; font-size : 10px; padding-left:10px; margin-top:5px; }

.titre2 {
font-family: "Trebuchet MS", Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;
background-color:#FFF; width:453; margin:0; padding-left:5; font-size : 12px; font-weight: bold;}

.more { font-weight: bold; }


/*--------------------------
  Divers (Squelette Spéciaux)
---------------------------*/

.legende {
font-family: Arial, Helvetica, sans-serif;
font-size: 9px;
line-height: 11px;
color: #0F238C; }

.Titre8{
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: 900;
line-height: 20px;
color: #0F238C;
text-align: left;
text-decoration:none;
}

.notes {
margin-top: 10px;
padding-right: 5px;
padding-left: 0px;
padding-top: 10px
border-top-width: 1px;
border-top-style: solid;
border-top-color: #00CCFF;
}

.spip_note {
font-size: 10px;
margin:0;
padding-top:3;
}