@charset "utf-8";
/* CSS Document */

/**************************************************
/*	GENERAL   
**************************************************/
* {padding:0;margin:0;}

body{
font-family: Arial, Helvetica, sans-serif;
font-size:11px;
background:url(../images/bg-pages.gif) no-repeat top center;
background-color:#FFF;
color:#515252;
text-align:center;
}

strong{
font-weight:bold;
}

table{
font-size:11px;
}

img, a img, iframe{
border:0;
}

hr{
clear:both;
visibility:hidden;
display:block;
border:0;
margin:0;
height:1px;
}

textarea {
font-family: Arial, Helvetica, sans-serif;
font-size:11px;
}

/**************************************************
/*	ACCUEIL   
**************************************************/
#CONTAINER-accueil {
width:1000px;
min-height:550px;
margin: 0 auto 0 auto;
text-align:left;
background: url(../images/bg-accueil.gif) repeat-x top left;
background-color:#e7eaef;
}

#HEADER-accueil  {
height:56px;
background:url(../images/bg-header-accueil.gif) no-repeat top left;
}
#HEADER-accueil-menuG {
float:left;
width:410px;
height:36px;
padding:20px 0 0 15px;
}
#HEADER-accueil-logo {
float:left;
height:56px;
}
#HEADER-accueil-menuD {
float:right;
height:36px;
padding:20px 15px 0 0;
}
#HEADER-accueil-menuG ul, #HEADER-accueil-menuD ul {
list-style-type:none;
}
#HEADER-accueil-menuG ul li, #HEADER-accueil-menuD ul li {
display:inline;
color:#032872;
font-size:12px;
font-weight:bold;
}
#HEADER-accueil-menuG ul li {
padding:0 15px 0 0;
}
#HEADER-accueil-menuD ul li {
padding:0 0 0 15px;
}
#HEADER-accueil-menuD img {
vertical-align:middle;
}
#HEADER-accueil-menuG ul li a, #HEADER-accueil-menuD ul li a {
color:#032872;
text-decoration:none;
}
#HEADER-accueil-menuG ul li a:hover, #HEADER-accueil-menuD ul li a:hover {
color:#64ae19;
}
#HEADER-accueil-menuG ul li ul li a:hover, #HEADER-accueil-menuD ul li ul li a:hover {
color:#FFF;
}
#HEADER-accueil-menuG ul li span a, #HEADER-accueil-menuD ul li span a {
color:#64ae19;
font-weight:bold;
text-decoration:none;
}

#ANIM-accueil {
height:310px;
}

#ACCUEIL-content {
min-height:500px;
background:url(../images/bg-accueil-lait.jpg) no-repeat top right;
}

#ACCUEIL-3colonnes {
height:230px;
position:relative;
background: url(../images/bg-actus-middle.gif) repeat-y top left;

}

#ACCUEIL-COL-G {
width:/*365px*/350px;
position:absolute;
top:-99px;
left:0;
min-height:330px;
padding:0 0 0 15px;
z-index:2;
background:url(../images/bg-bottom-accueil-colG.gif) repeat-x bottom left;
}
#ACCUEIL-COL-C {
background:url(../images/bg-goutte-edito.png) no-repeat top left;
width:380px;
position:absolute;
top:-99px;
left:360px;
min-height:287px;
padding:35px 0 0 0;
z-index:1;
}
#ACCUEIL-COL-D {
width:350px;
position:absolute;
top:129px;
left:630px;
min-height:105px;
padding:0 10px 0 10px;
z-index:2;
}

/* EDITO */
#EDITO-titre {
color:#FFFFFF;
text-align:center;
margin:0 110px 10px 75px;
font-weight: bold;
font-size:14px;
}
#EDITO-content {
color:#FFFFFF;
text-align:left;
margin:0 135px 0 54px;
}
#EDITO-content a {
color:#FFFFFF;
text-decoration:underline;
}
#EDITO-content a:hover {
text-decoration:none;
}
#EDITO-content img {;
float:left;
margin:0 10px 0 0;
}
#EDITO-footer {
text-align:right;
color:#FFFFFF;
margin:0 135px 0 54px;
padding:8px 0 0 0;
}
#EDITO-footer a {
color:#FFFFFF;
text-decoration:none;
}

/* BLOC accueil */
.BLOC-accueil {
color:#515252;
min-height:20px;
background:url(../images/bloc-accueil-footer-left.gif) no-repeat bottom left;
}

.BLOC-accueil-titre {
color:#00a4e3;
text-align:right;
font-size:13px;
font-weight:bold;
margin:0 3px 3px 0;
}



.BLOC-accueil-bg {
background:url(../images/bloc-accueil-bg.gif) no-repeat top left;
}
.BLOC-accueil-content {
background:url(../images/bloc-accueil-content-right.gif) no-repeat top right;
min-height:32px;
padding:10px 0 0 5px;
}
.BLOC-accueil-content img {
vertical-align:middle;
}
.BLOC-accueil-footer {
height:15px;
background:url(../images/bloc-accueil-footer-right.gif) no-repeat bottom right;
}

.BG-actus {
min-height:114px;
background: url(../images/bg-actus.gif) no-repeat bottom left;
margin:0 0 10px 0;
}

/* ZONE des actualites */
#ACCUEIL-actualites {
min-height:114px;
}

#ACCUEIL-actualites h3 {
width:190px;
font-weight:bold;
color:#515252;
font-size:11px;
margin:5px 0 0 15px;
}
#ACCUEIL-actualites p {
width:225px;
color:#515252;
font-size:11px;
margin:0 0 0 15px;
}

#ACCUEIL-actualites .LIENS-suite a {
color:#00a4e3;
text-decoration:none;
margin:0 0 0 15px;
}

/* ZONE des chiffres cles */
#ACCUEIL-chiffres {
min-height:100px;
margin:5px 0 0 0;
}
#ACCUEIL-chiffres h3 {
font-weight:bold;
color:#00a4e3;
font-size:20px;
margin:0 0 0 0;
}

.BLOC-chiffre {
margin:0 0 0 15px;
float:left;
width:140px;
}


#ACCUEIL-actualites h2, #ACCUEIL-chiffres h2 {
padding:0 0 3px 12px;
float:left;
border-bottom: solid 3px #e7eaef;
font-size:14px;
font-weight:bold;
color:#0a2679;
}

/* ZONE des autre sites et documents */
#ACCUEIL-autres-sites {
width:/*235px*/225px;
float:left;
margin:0 5px 0 0;
}


#ACCUEIL-autres-sites .BLOC-accueil-titre {
text-align:left;
padding:0 0 0 3px;
}
#ACCUEIL-autres-sites .BLOC-accueil-footer {
height:12px;
}
#ACCUEIL-autres-sites .BLOC-accueil-content {
min-height:25px;
padding:5px 0 0 5px;
}
#ACCUEIL-documents {
width:105px;
float:left;
}
#ACCUEIL-documents .BLOC-accueil-titre {
text-align:center;
padding:0 0 0 0;
}
#ACCUEIL-documents .BLOC-accueil-content{
padding:5px 0 0 5px;
}
#ACCUEIL-documents .BLOC-accueil-footer {
height:12px;
}
#ACCUEIL-autres-sites a, #ACCUEIL-documents a {
float:left;
text-decoration:none;
color:#515252;
}
#ACCUEIL-autres-sites img, #ACCUEIL-documents img {
margin:0 5px 0 5px;
}
/**************************************************
/*	PAGES   
**************************************************/
#HEADER-pages  {
height:56px;
background:url(../images/bg-header-pages.gif) no-repeat top left;
}

#HEADER-pages-neutre  {
height:56px;
background:url(../images/bg-header-pages-neutre.gif) no-repeat top left;
}

#HEADER-pages-2c  {
height:56px;
background:url(../images/bg-header-pages-2c.gif) no-repeat top left;
}

.ARRONDI-menu-accueil {
background:url(../images/arrondi-menu-accueil.gif) no-repeat top left;
height:15px;
}

/* GABARIT PAGE 3 COLONNES */
#CONTAINER-pages-3col {
width:1000px;
min-height:550px;
margin: 0 auto 0 auto;
text-align:left;
background: url(../images/bg-pages-3col.gif) repeat-x top left;
}
.BG-etirement {
background: url(../images/bg-pages-etir.gif) repeat-y top left;
min-height:10px;
}

.BG-etirement-2c {
background: url(../images/bg-pages-etir-2c.gif) repeat-y top left;
min-height:10px;
}

#CONTAINER-pages-3col .CLEAR-both {
margin-bottom:-1px;
}

#PAGES-3col-content {
min-height:500px;
background:url(../images/bg-pages-3col.gif) repeat-x top left;
background-color:#e7eaef;
}


.ARRONDI-menu-pages-1col {
background: url(../images/arrondi-menu-pages-1col.gif) no-repeat top left;
height:15px;
}

.ARRONDI-menu-pages-2col {
background: url(../images/arrondi-menu-pages-2col.gif) no-repeat top left;
height:15px;
}

.ARRONDI-menu-pages-3col {
background: url(../images/arrondi-menu-pages-3col.gif) no-repeat top left;
height:15px;
}

.LIEN-contenu {
	color:#072673;
	text-decoration:none;
	font-weight:bold;
}

#PAGES3col-colG-petite {
min-height:447px;
width:100px;
float:left;
padding:53px 0 0 10px;
}

#PAGES3col-colG {
min-height:447px;
width:231px;
float:left;
background:url(../images/bg-pages-colG.jpg) no-repeat top left;
background-color:#e7eaef;
padding:53px 0 0 10px;
}
#PAGES3col-colG ul {
list-style-type:none;
margin:0 0 25px 0;
}
#PAGES3col-colG ul li {
list-style-type:none;
color:#00a4e3;
font-size:13px;
font-weight:bold;
}
#PAGES3col-colG ul li ul {
margin:10px 0 0 0;
}
#PAGES3col-colG ul li ul li {
margin:0 0 10px 0;
width:200px;
}
#PAGES3col-colG ul li ul li a {
text-decoration:none;
color:#00a4e3;
font-size:11px;
font-weight:normal;
padding:0 0 0 12px;
background:url(../images/puce-menuG-off.gif) no-repeat 0 4px;
}
#PAGES3col-colG ul li ul li a:hover {
text-decoration:none;
color:#5dae1f;
background:url(../images/puce-menuG-on.gif) no-repeat 0 4px;
}
#PAGES3col-colG ul li ul li span a {
text-decoration:none;
font-weight:bold;
color:#5dae1f;
background:url(../images/puce-menuG-on.gif) no-repeat 0 4px;
}

#PAGES3col-colC {
min-height:500px;
width:507px;
float:left;
background:url(../images/bg-pages-colC.gif) no-repeat top left;
background-color:#FFF;
padding:0 15px 0 15px;
}
#PAGES3col-colC h1, #PAGES2col-D h1 {
color:#00a4e3;
font-size:10px;
font-weight:normal;
margin:36px 0 0 0;
}
#PAGES3col-colC h2, #PAGES2col-D h2 {
color:#072673;
min-height:20px;
font-size:13px;
font-weight:bold;
margin:0 0 0 0;
padding:0 0 30px 0;
background: url(../images/bg-h2-colC.gif) no-repeat bottom left;
}

#PAGES2col-D {
min-height:500px;
width:717px;
float:left;
background:url(../images/bg-pages-colC.gif) repeat-x top left;
background-color:#FFF;
padding:0 15px 0 15px;
}

.BLOC-centre-intro {
margin:0 0 20px 0;
}
.BLOC-centre-intro p {
color:#00a4e3;
margin:0 0 10px 0;
text-align:justify;
}
.BLOC-centre-intro a {
color:#072673;
text-decoration:none;
}
.BLOC-centre-intro a:hover {
color:#00a4e3;
text-decoration:underline;
}

.BLOC-centre-intro ul {
color:#00a4e3;
list-style-type:disc;
margin:0 0 10px 20px;
}

#PAGES3col-colD {
min-height:464px;
padding:36px 0 0 0;
width:222px;
float:left;
background:url(../images/bg-pages-colD.gif) no-repeat top left
}

/* GABARIT PAGE 1 COLONNES */

#PAGES-1col-content {
min-height:500px;
background:url(../images/bg-pages-3col.gif) repeat-x top left;
background-color:#e7eaef;
}

#PAGES-1col-content h1 {
color:#00A4E3;
min-height:20px;
font-size:13px;
font-weight:bold;
margin:0 20px 20px 25px;
padding:25px 0 0 0;
text-transform:uppercase;
border-bottom:solid 2px #FFF;
}

#PAGES-1col-content h1 a{
	color:#032872;
	text-decoration:none
}

#PAGES-1col-content h1 a:hover{
	color:#97be0d;
	text-decoration:none
}



/* BLOC VERT colonne droite */
.BLOC-01-colD {
margin:0 0 15px 0;
padding:10px 0 0 0;
background:url(../images/bg-top-bloc01-colD.png) no-repeat top left;
min-height:100px;
color:#5dae1f;
}
.BLOC-01-colD-content {
margin:0 0 0 0;
padding:0 25px 15px 15px;
background:url(../images/bg-bottom-bloc01-colD.png) no-repeat bottom left;
}
.BLOC-01-colD-content h3 {
margin:0 0 12px 0;
font-size:12px;
}
.BLOC-01-colD-content a {
text-decoration:underline;
color:#5dae1f;
}
.BLOC-01-colD-content a:hover {
text-decoration:none;
}
.BLOC-01-colD-content p {
margin:0 0 8px 0;
}
.BLOC-01-colD-content ul {
color:#5dae1f;
list-style-type:disc;
margin:0 0 10px 20px;
}

/* BLOC BLEU colonne droite */
.BLOC-02-colD {
margin:0 0 15px 0;
padding:10px 0 0 0;
background:url(../images/bg-top-bloc01-colD.png) no-repeat top left;
min-height:100px;
color:#00a4e3;
}
.BLOC-02-colD-content {
margin:0 0 0 0;
padding:0 25px 15px 15px;
background:url(../images/bg-bottom-bloc02-colD.png) no-repeat bottom left;
}
.BLOC-02-colD-content h3 {
margin:0 0 12px 0;
font-size:12px;
}
.BLOC-02-colD-content a {
text-decoration:underline;
color:#00a4e3;
}
.BLOC-02-colD-content a:hover {
text-decoration:none;
}
.BLOC-02-colD-content p {
margin:0 0 8px 0;
}
.BLOC-02-colD-content ul {
color:#00a4e3;
list-style-type:disc;
margin:0 0 10px 20px;
}

.BLOC-centre-contenu {
margin:0 0 20px 0;
}

.BLOC-centre-contenu h3 {
margin:0 0 0 0;
font-size:12px;
}
.BLOC-centre-contenu p {
margin:0 0 10px 0;
}
.BLOC-centre-contenu a {
color:#515252;
text-decoration:underline;
}
.BLOC-centre-contenu a:hover {
text-decoration:none;
}
.BLOC-centre-contenu ul {
color:#515252;
list-style-type:disc;
margin:0 0 10px 20px;
}

/**************************************************
/*	PLAN DU SITE   
**************************************************/
#PLAN-du-site {
background: url(../images/bg-fd-plan.png) no-repeat top left;	
margin:30px 0 0 80px;
width:700px;
min-height:140px;
}

.fd-bottom-PLAN {
background: url(../images/bg-fd-plan-bottom.gif) no-repeat bottom left;
padding:0 0 70px 0;
}

#PLAN-du-site h1 {
text-align:right;
color:#072673;
min-height:20px;
font-size:17px;
font-weight:bold;
margin:20px 350px 10px 85px;
padding:70px 0 0 0;
text-transform:uppercase;
border-bottom:solid 2px #5dae1f;
}

#PLAN-du-site ul{
width:330px;
list-style-type: none;
padding:10px 0 0 65px;
font-size:13px;


}
#PLAN-du-site ul li{
list-style-type: none;
padding: 0 0 0 20px;
font-weight:bold;
color:#00a4e3;
text-transform:uppercase;
}
#PLAN-du-site ul li a{
font-weight:bold;
color:#00a4e3;
text-decoration:none;
text-transform:none;
padding: 0 0 0 15px;
background:url(../images/puce-h3.gif) no-repeat 0 2px;
}
#PLAN-du-site ul li a:hover{
color:#5dae1f;
}
#PLAN-du-site ul li ul {
padding:5px 0 10px 10px;
}

#PLAN-du-site ul li ul a{
color:#5dae1f;
background:none;

}

#PLAN-du-site ul li ul li{


font-weight:normal;
color:#000;
}
#PLAN-du-site ul li ul li a{
background:url(../images/puce-menuG-off.gif) no-repeat 0 4px;
font-weight:normal;
color:#032872;
font-size:12px;
text-decoration:none;
padding: 0 0 0 13px;
}
#PLAN-du-site ul li ul li a:hover{
background:url(../images/puce-menuG-on.gif) no-repeat 0 4px;
color:#5dae1f;
}
#PLAN-du-site ul li ul li ul{
padding:0 0 10px 0;
font-size:11px;
}
#PLAN-du-site ul li ul li ul li{
padding: 0 0 0 0;
margin:3px 0 0 15px;
line-height:12px;
background:none;
list-style-type:square;
font-weight:normal;
color:#000;
}


/**************************************************
/*	PAGE REJOIGNEZ NOUS
**************************************************/
#ctl00_cphCentre_divOffres h2 {
  margin:25px 0 0 0;
}
#ctl00_cphCentre_divOffres .BLOC-01-GAB-2col {
  padding-top:0;
}
#ctl00_cphCentre_UCOffresEmploi_divChoix ul {
 margin:0 0 10px 0;
 list-style-type:none;
}
.BLOC-carriere-offre {
margin:0 13px 0 0;
padding:10px 0 0 0;
position:relative;
}
.BLOC-carriere-offre .BLOC-voir-plus {
position:relative;
width:100%;
top: auto;
right:auto;
text-align:right;
}
.BLOC-carriere-offre .BLOC-voir-plus a {
font-weight:bold;
text-decoration:none;
color:#5DAE1F;
}
.BLOC-carriere-offre h3 {
color:#5DAE1F;
background:url(../images/bg-h3-bloc-produits-liste.gif) repeat-x bottom left;
padding:0 0 3px 0;
margin:5px 10px 5px 0;
font-size:12px;
}
.BLOC-carriere-offre ul {
list-style-type:none;
padding:10px 0 5px 0;
}
.BLOC-carriere-offre ul li {
padding:0 0 2px 15px;
background:url(../images/puce-05.gif) no-repeat 0 5px;
}
.BLOC-carriere-offre ul li a {
color:#5DAE1F;
text-decoration:none;
}
.BLOC-carriere-offre ul li a:hover {
color:#3683b6;
}
.BLOC-carriere-offre a {
color:#5DAE1F;
text-decoration:none;
}
.BLOC-carriere-offre a:hover {
text-decoration:underline;
}

.border{
 border:solid 1px #00A4E3;
}

.obligatoire{
	color:#00A4E3;
}


#ACCUEIL-col-G {
min-height:400px;
width:650px;
float:left;
background:#FFF;
margin:0 0 0 25px;
}

/* BLOC BLEU colonne droite */
.BLOC-03-colD {
margin:0 0 15px 0;
padding:10px 0 0 0;
background:url(../images/bg-top-bloc03-colD.png) no-repeat top left;
min-height:100px;
color:#00a4e3;
}
.BLOC-03-colD-content {
margin:0 0 0 0;
padding:0 25px 15px 15px;
background:url(../images/bg-bottom-bloc03-colD.png) no-repeat bottom left;
}
.BLOC-03-colD-content h2 {
margin:0 0 12px 0;
font-size:14px;

text-transform:uppercase;
}
.BLOC-03-colD-content a {
text-decoration:underline;
color:#00a4e3;
}
.BLOC-03-colD-content a:hover {
text-decoration:none;
}
.BLOC-03-colD-content p {
padding:5px 0 0 5px;
margin:0 0 8px 0;
background:url(../images/bg-bloc-produits-liste.gif) no-repeat top right;
}
.BLOC-03-colD-content ul {
color:#00a4e3;
list-style-type:disc;
margin:0 0 10px 20px;
}



/**************************************************
/*	ACTUALITES   
**************************************************/
.LIGNE-actu {
    margin: 15px 10px 40px 0;
    min-height: 20px;
}
.LIGNE-actu-img {
    float: right;
}
.LIGNE-actu-date {
    color: #5DAE1F;
    font-size: 11px;
    font-weight: normal;
    position: absolute;
    right: 0;
    text-align: right;
    top: 0;
    width: 100px;
}
.LIGNE-actu-content {
min-height:20px;
padding:5px 0 0 25px;
}
.LIGNE-actu-content a {
color:#727272;
text-decoration:none;
}
.LIGNE-actu-content a:hover {
color:#5DAE1F;
}
.LIGNE-actu-content img {
margin:0 10px 0 0;
float:left;
border:solid 1px #727272;
}
.LIGNE-actu-content h3 {
font-size:12px;
}
.LIGNE-actu h2 {
height:25px;
background:url(../images/bg-h2-ligne-encarts-02.gif) no-repeat bottom left;
color:#5DAE1F;
font-family: tahoma, Arial; 
font-weight:bold;
font-size:14px;
margin:0 0 0 25px;
position:relative;
padding:0 100px 0 0;
}
.LIGNE-actu h2 a {
color:#5DAE1F;
text-decoration:none;
}
.BLOC-actu-theme {
background-color:#eaf1fd;

padding:10px;
}
.BLOC-actu-theme a {
color:#727272;
text-decoration:none;
}
.BLOC-actu-theme a:hover {
color:#5DAE1F;
}

#ACCUEIL-col-D {
min-height:400px;
width:315px;
float:right;
}

.BLOC-tous-produits-content {
min-height:50px;
/* background:url(../images/xxx.gif) repeat-y top right; */
padding:0 0 7px 0;
}


.BLOC-produits-liste h3 {
color:#078935;
background:url(../images/bg-h3-bloc-produits-liste.gif) repeat-x bottom left;
padding:0 0 3px 0;
margin:0 10px 0 0;
font-size:12px;
}

.BLOC-voir-plus {
float:right;
width:120px;
top:10px;
right:10px;
text-align:right;
}
.BLOC-voir-plus a {
font-weight:bold;
text-decoration:none;
color:#356695;
}

/**************************************************
/*	PAGE NOTRE LAIT ET VOUS  
**************************************************/
.BLOC-marques a {
color:#00a4e3;
text-decoration:none;
font-weight:bold;
line-height:19px;	
font-size:12px;
}

.BLOC-marques a:hover {
color:#00a4e3;
text-decoration:underline;
}

.LIGNE-choix {
margin:25px 0 20px 0;
}

#BLOC-choix-region {
width:360px;
background:url(../images/visuel-etape.gif) no-repeat top right;
}

#BLOC-choix-region .etape1{
background:url(../images/etape-1-h3.gif) no-repeat top left;
}

#BLOC-choix-type .etape2{
background:url(../images/etape-2-h3.gif) no-repeat top left;
}

#BLOC-choix-region h3, #BLOC-choix-type h3 {
margin:0 0 0 0;
padding:0 0 0 45px;
height:35px;
color:#072673;
}

.regions{
float:right;
margin:0 75px 0 0;
}	

#BLOC-choix-type {
width:340px;
float:right;
}

#LIGNE-resultat {
margin:0 0 20px 0;
}


#LIGNE-resultat h3 {
margin:0 0 0 0;
padding:10px 0 0 45px;
font-size:16px;
color:#5dae1f;
height:35px;
}

.etape3 h3{
background:url(../images/etape-3-h3.gif) no-repeat top left;
margin:0 0 0 0;
padding:10px 0 0 45px;
font-size:16px;
color:#5dae1f;
height:35px;
}


#LIGNE-resultat {
margin:0 0 15px 0;
padding:10px 0 0 0;
background:url(../images/bg-top-bloc04-colD.png) no-repeat top left;
min-height:100px;
color:#00a4e3;
}

#LIGNE-resultat-content {
margin:0 0 0 0;
padding:0 25px 15px 15px;
background:url(../images/bg-bottom-bloc04-colD.png) no-repeat bottom left;
}

#LIGNE-resultat-content ul {
list-style-type:none;
}

#LIGNE-resultat-content ul li a {
color:#00a4e3;
text-decoration:none;
background:url(../images/puce-menuG-off.gif) no-repeat 0 4px;
padding:0 0 0 12px;
}

#LIGNE-resultat-content ul li a:hover {
text-decoration:underline;
}

#LIGNE-resultat-content-lien a{
color:#00a4e3;
text-decoration:none;
background:url(../images/puce-menuG-off.gif) no-repeat 0 4px;
padding:0 0 0 12px;
}

#LIGNE-resultat-content-lien a:hover {
text-decoration:underline;
}

.PAGINATION {
text-align:center;
margin:5px 0 15px 0;
}
.PAGINATION a {
font-size:11px;

color:#072673;
text-decoration:none;
}

.PAGIN-on {	
font-size:11px;
color:#fff;	
background-color:#76a7da;
border:1px solid #76a7da;

}

.lien-PAGIN {
border:1px solid #87a1cb;

}
.PAGIN-on, .lien-PAGIN  {
padding:2px 2px 2px 2px;
margin:0 2px 0 2px;
width:10px;
}


/**************************************************
/*	BLOC sur toute la largeur de la page   
**************************************************/
.GAB-1col {
margin:0 15px 20px 25px;

}
.GAB-1col ul {
margin:10px 0 10px 20px;
}
.GAB-1col a {
color:#5DAE1F;
text-decoration:none;
}
.GAB-1col a:hover {
text-decoration:underline;
}
.GAB-1col img {
border:solid 1px #77a6da;
margin-right:25px;
}

/**************************************************
/*	PAGE GABARIT 2 COLONNES   
**************************************************/
#GAB-2col-G {
background-color:#FFF;
min-height:280px;
width:469px;
float:left;
margin:0 0 0 25px;
padding:0 0 20px 0;
}
#GAB-2col-D {
min-height:280px;
width:501px;
float:right;
}

.BLOC-01-GAB-2col {
min-height:264px;
background:url(../images/bg-bloc01-gab-2col.jpg) no-repeat top left;
padding:16px 24px 0 24px;
}
.BLOC-01-GAB-2col img {
border:solid 1px #FFFFFF;
margin-right:25px;
}


.BLOC-01-GAB-2col h2 {
color:#072673;
min-height:20px;
font-size:13px;
font-weight:bold;
margin:0 0 0 0;
padding:0 0 30px 0;
background: url(../images/bg-h2-colC.gif) no-repeat bottom left;
text-transform:uppercase;
}


.BLOC-01-GAB-2col p {
margin:0 0 10px 0;
}
.BLOC-01-GAB-2col a {
text-decoration:none;
color:#072673;
}
.BLOC-01-GAB-2col a:hover {
text-decoration:none;
color:#5DAE1F;
}
.BLOC-01-GAB-2col ul {
list-style-type:square;
margin:0 0 0 25px;
}

/* BOUTON type 1 */

.BT-01{
	background: url(../images/bg-BT-01-left.gif) no-repeat top left;
	float:left;
	padding:0 0 0 10px;
}

.BT-01 a { 
	background:url(../images/bg-BT-01-right.gif) no-repeat top right;
	color:#FFF;
	font-weight:bold;
	text-decoration:none;
	font-size:12px;
	line-height:24px;
	padding:5px 10px 13px 0;
}

.BT-01 a:hover{ 
	color:#FFF;
}

#POPUP-content-btn .BT-01{
	padding: 4px 0 4px 12px;
	float:none;
	display:inline;
}

#POPUP-content-btn .BT-01 a { 
	padding: 3px 11px 4px 0;
	margin-right: 10px;
}

/**************************************************
/*	POP-UP FICHE PRODUCTEUR 
**************************************************/
.pop-up-producteur{
background:url(../images/bg-pop-up.gif) repeat-x 0 0 #e7eaef;
text-align:left;
margin:30px;
}

.bloc-producteur{
padding:20px;
background:url(../images/bg-pop-up-bas.gif) repeat-x 0 bottom #FFF;
}

.bloc-producteur h3{
font-size:13px;
color:#072673;
}

.titre-producteur{
color:#072673;
font-size:13px;
font-weight:bold;
padding:0 0 35px 0;
background: url(../images/bg-h2-colC.gif) no-repeat bottom left;
text-transform:uppercase;
}

dt.nom-producteur{
color:#5DAE1F;
font-size:15px;
font-weight:bold;
text-transform:uppercase;
}

ul.liste-producteur{
margin:0 0 15px 0;
}

ul.liste-producteur li{
margin:0 0 0 35px;
}

.img-border {
border:1px solid #77A6DA;
}


/**************************************************
/*	FOOTER   
**************************************************/
#FOOTER-accueil {
color:#9ec1e7;
width:1000px;
margin:0 auto 0 auto;
height:25px;
font-size:11px;
text-align:right;
padding:25px 0 0 0;
background:url(../images/bg-footer-accueil.gif) repeat-x top left;
}
#FOOTER-accueil ul {
list-style-type:none;
display:inline;
}
#FOOTER-accueil ul li {
display:inline;
padding:0 0 0 0;

}
#FOOTER-accueil a {
color:#9ec1e7;
text-decoration:underline;
margin:0 4px 0 3px;
padding:0 0 0 0;
}
#FOOTER-accueil a:hover {
text-decoration:none;
}



/**************************************************
/*	MISE EN PAGE   
**************************************************/

/*PADDING*/
.PADDING-5px{padding:5px;}
.PADDING-10px{padding:10px;}
.PADDING-15px{padding:15px;}
.PADDING-20px{padding:20px;}
.PADDING-25px{padding:25px;}
.PADDING-30px{padding:30px;}

.PADDING-right-5px{padding-right:5px;}
.PADDING-right-10px{padding-right:10px;}
.PADDING-right-15px{padding-right:15px;}
.PADDING-right-20px{padding-right:20px;}
.PADDING-right-25px{padding-right:25px;}
.PADDING-right-30px{padding-right:30px;}

.PADDING-left-5px{padding-left:5px;}
.PADDING-left-10px{padding-left:10px;}
.PADDING-left-15px{padding-left:15px;}
.PADDING-left-20px{padding-left:20px;}
.PADDING-left-25px{padding-left:25px;}
.PADDING-left-30px{padding-left:30px;}

.PADDING-bottom-5px{padding-bottom:5px;}
.PADDING-bottom-10px{padding-bottom:10px;}
.PADDING-bottom-15px{padding-bottom:15px;}
.PADDING-bottom-20px{padding-bottom:20px;}
.PADDING-bottom-25px{padding-bottom:25px;}
.PADDING-bottom-30px{padding-bottom:30px;}

.PADDING-top-5px{padding-top:5px;}
.PADDING-top-10px{padding-top:10px;}
.PADDING-top-15px{padding-top:15px;}
.PADDING-top-20px{padding-top:20px;}
.PADDING-top-25px{padding-top:25px;}
.PADDING-top-30px{padding-top:30px;}

/*MARGIN*/
.MARGIN-5px{margin:5px;}
.MARGIN-10px{margin:10px;}
.MARGIN-15px{margin:15px;}
.MARGIN-20px{margin:20px;}
.MARGIN-25px{margin:25px;} 

.MARGIN-top-5px{margin-top:5px;}
.MARGIN-top-10px{margin-top:10px;}
.MARGIN-top-15px{margin-top:15px;}
.MARGIN-top-20px{margin-top:20px;}
.MARGIN-top-25px{margin-top:25px;} 

.MARGIN-right-5px{margin-right:5px;}
.MARGIN-right-10px{margin-right:10px;}
.MARGIN-right-15px{margin-right:15px;}
.MARGIN-right-20px{margin-right:20px;}
.MARGIN-right-25px{margin-right:25px;} 
.MARGIN-right-30px{margin-right:30px;} 
.MARGIN-right-35px{margin-right:35px;} 

.MARGIN-bottom-5px{margin-bottom:5px;}
.MARGIN-bottom-10px{margin-bottom:10px;}
.MARGIN-bottom-15px{margin-bottom:15px;}
.MARGIN-bottom-20px{margin-bottom:20px;}
.MARGIN-bottom-25px{margin-bottom:25px;} 

.MARGIN-left-5px {margin-left:5px;}
.MARGIN-left-10px {margin-left:10px;}
.MARGIN-left-15px {margin-left:15px;}
.MARGIN-left-20px {margin-left:20px;}
.MARGIN-left-25px {margin-left:25px;}
.MARGIN-left-30px {margin-left:30px;}
.MARGIN-left-40px {margin-left:40px;}
.MARGIN-left-50px {margin-left:50px;}
.MARGIN-left-230px {margin-left:230px;}

.IMAGE-left-01{
float:left;
padding:0 5px 5px 0
}
.IMAGE-right-01{
float:right;
padding:0 5px 5px 0
}

.IMAGE-right-02{
float:right;
margin:0 5px 5px 0
}


.CLEAR-both{clear:both; height:1px;}
.CLEAR-both2{clear:both;}
.FLOAT-right{float:right;}
.FLOAT-left{float:left;}
.MARGIN-auto{margin:0 auto;}

.RELATIVE{position:relative;}
.ABSOLUTE-top-right{position:absolute; top:0; right:0;}
.ABSOLUTE-bottom-left{position:absolute; bottom:0; left:0;}
.ABSOLUTE-bottom-right{position:absolute; bottom:0; right:0;}

.ALIGN-right{text-align:right;}
.ALIGN-left{text-align:left;}
.ALIGN-center{text-align:center;}
.ALIGN-justify{text-align:justify;}

.VERTICAL-ALIGN-middle{vertical-align:middle;}
.VERTICAL-ALIGN-top{vertical-align:top;}

.INLINE{display:inline;}
.BLOCK{display:block;}
.BORDER-0 {border:0;}

.COLLASPE{border-collapse:collapse}

.MAIN{cursor:pointer}
/**************************************************
/*	FORMULAIRES   
**************************************************/
.INPUT-01 {
border:solid 1px #00A4E3;
font-size:12px;
}
.INPUT-02 {
font-size:11px;
} 
/**************************************************
/*	MENUS DEROULANTS  
**************************************************/

/* PARAMETRES GENERAUX DU MENU */
#nav, #nav ul {
	padding:0;
	margin:0 auto 0 auto;
	list-style: none;
}

#nav li {
	float: left; /* Alignement du menu dans le conteneur */
	background:none;
	margin:0 0 0 0;
}


/* NIVEAU 01 */
.MENU-niv01 {
	line-height:15px;
	min-height:15px;
	
}
.MENU-niv01 a {
	display: block;
	text-decoration:none;
	padding:0 0 0 0;
	line-height:15px;
	min-height:15px;
}

.MENU-niv01 a:hover {
	line-height:15px;
	min-height:15px;
}


/* NIVEAU 02 */
.MENU-niv02 {
	padding: 0 0 0 0;
	line-height:19px;
	min-height:19px;
}

.MENU-niv02 a {
	display: block;
	font-weight:normal;
	color:#032872;
	text-decoration:none;
	background:none;
	font-size:11px;
	padding: 0 0 0 10px;
	width:/*121px*/176px;
	line-height: 19px;
	min-height:19px;
}

.MENU-niv02 a:hover {
	width:/*121px*/176px; 
	color:#FFF;
	background-color: #5dae1f;
	line-height: 19px;
	min-height:19px;
	padding: 0 0 0 10px;
}

/* listes de NIVEAU 2 */
#nav li ul {
	position: absolute;
	background-color: #FFF;
	border: 1px solid #5dae1f;
	margin:0 0 0 0;
	left: -999em;
	z-index:15;
	width:/*130px*/186px;
}

#nav li ul li { 
	z-index:15;
	margin:0 0 0 0;
	padding:0 0 0 0;
	font-size:10px;
	background-color: #FFF;
	font-weight:normal;
	min-height:15px;
}


/** DEBUGAGE IE etc **/

#nav li ul ul { /* listes de NIVEAU 3 et plus */
	margin: 0 0 0 /*135px*/190px; /* Attention, la derniere valeur doit tre aussi gale au WIDTH des NAV A et NAV LI UL pour pouvoir raccrocher les NIVEAUX 2 et 3 */
	background:none;
}

#nav li:hover ul ul, #nav li.sfhover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul ul { /* Pour fonctionnement sous IE */
	left: -999em;
}

/* Pour fonctionnement sous IE */
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { 
	left: auto;
}

/* Debugage IE 7 */
#nav li:hover ul, {
	background:none;
}

/**************************************************
/*	POPUP - ENVOYER A UN AMI   
**************************************************/

/* FORMULAIRE */
.POPUP-coulFond{
	background:none;
}

#Titre-form{
	font-size: 11px;
	font-weight: bold;
	color: #00a4e3;
}

.CHAMPS-texte {
	border: solid 1px #00a4e3;
	background-color: #FFFFFF;
	margin: 0 3px 0 3px;
	min-height: 15px;
	padding: 2px 5px 0 5px;
	text-align: left;
	width: 340px;
}

.CHAMPS-textarea {
	border: solid 1px #00a4e3;
	background-color: #FFFFFF;
	margin: 0 3px 0 3px;
	min-height: 15px;
	padding: 2px 5px 0 5px;
	text-align: left;
	width: 340px;
	height: 90px;
}

/* POP UP */
#popupMask {
	position: absolute;
	z-index: 200;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	opacity: .4;
	filter: alpha(opacity = 40);
	background-image /**/: url("../images/maskBG2.png") !important; // For
	browsers Moz, Opera, etc. background-image : none;
	background-repeat: repeat;
	display: none;
}

#popupContainer {
	color: #515252;
	position: absolute;
	z-index: 201;
	top: 0px;
	left: 0px;
	display: none;
	padding: 0px;
	width: 645px;
	height: 320px;
	background-image: url(../images/fond-popup.gif);
	background-repeat: no-repeat;
}

.body-no-bg-color {
	background-color: #009999;
}


#popupInner h2 {
	color: #072673;
	font-size: 13px;
	font-weight: bold;
	float: left;
	padding: 30px 0px 0px 40px;
}

#popupFrame {
	margin: 0px;
	width: 100%;
	height: 100%;
	position: relative;
	z-index: 202;
}

#popupTitleBar {
	position: relative;
	z-index: 203;
	height: 45px;
}

#popupTitle {
	float: left;
	font-size: 10px;
	font-weight: bold;
	width: 645px;
	text-align: left;
}

#popupControls {
	float: right;
	cursor: pointer;
	cursor: hand;
	padding-top: 5px;
	width: 16px;
}


#POPUP-content {
	padding: 0 0 0 0;
	margin: 30px 60px 0 60px;
	text-align: left;
	width: 525px;
}

#POPUP-content-form {
	margin: 0 0 0 0;
}

#POPUP-content-btn {
	margin: 0 0 0 0;
	margin-top: 10px;
}

#marge10px{
	height: 10px;
}
