/* ------------------------------------ *
* JANSON CONFETTI
* ------------------------------------ */


/*
@font-face {
font-family: "servi";
src: url("Chalkduster.ttf") format("truetype");
}
@font-face {
font-family: "serviie";
src: url("Chalkduster.eot");
}
*/

body
{
width: 970px;
padding :0px 0px 0px 0px;
margin: auto; /* Pour centrer notre page */
background-color : silver ;
background: white url(../design/fond.jpg) repeat;
Background-position : top center;
font-size: 11px;
font-family : Arial;
}


h2
{
font-family : Arial;
font-size:18px;
margin: 0 ;
padding : 0 ;
color:black;
}


h1, h3, h4, h5, h6
{
font-family : "servi" , "serviie" ,Arial;
margin: 0 ;
padding : 0 ;
color:black;
}

/* BOITES PRINCIPALES */

#entete
{
height : 190px ;
width : 970px ;
margin : 0px ;
border : none ;
background-color : #3b393a ;
}

#MenuHaut /* Menu horizontal */
{
height : 35px ;
margin : 0 ;
padding : 0;
background: grey url(../design/menu.jpg) repeat-x;
/*background-color : #cc3300 ;
background-image: url("../design/tableau.gif") ;
background-repeat: repeat-x ;*/
/*border : solid 1px red ;*/
}

#corps
{
float : left;
width : 950px;
min-height : 640px;
padding : 0 ;
padding-left : 10px ;
padding-right : 10px ;
background-color : white ;
/*border : solid 1px YELLOW ; */
}

#colonne_droite /* colonne droite */
{
float : left;
width : 220px ;
/*height : 620px;*/
margin : 0 ;
background-color : white ;
padding-left: 5px ;
padding-right : 0px ;
/* border : solid 1px red;*/
}

/* menu gauche liste sous famille */
#colonne_gauche
{
Float : left;
width : 186px;
/*height : 620px;*/
padding-left: 3px ;
padding-right : 2px ;
background : white ;
/*border : solid 1px blue;*/
}

/* corps page accueil */
#accueil
{
float : left;
/*width : 520px;*/
width: 725px;
height : 640px;

/*border : solid 1px green;*/
}


.corps_accueilG1
{
margin-left : 5px;
padding:15px 0px 0px 0px;
width : 720px;
height : 100px;
font-weight: bold;
text-align: left;
font-size: 23px;
font-family : Arial;

}

/* partie centrale carte */
.corps_carteD
{
float: left;
width : 530px;
min-height : 640px;
/*height: 640px;*/
background: white;

/*border : solid 1px green; */
}

.corpsG1 /* conteneur pleine largeur */
{
padding-left: 2% ;
padding-right: 2% ;
width : 96% ;
/*min-height : 640px;*/
overflow:auto;
/*border : solid 1px blue; */
}


/* ---------------------ENTETE-------------------------*/

#entete a
{
font-size: 12px;
font-family : Arial;
font-weight: bold;
text-decoration: underline;
text-align: center;
color : white ;
}

#entete a:hover
{
font-size: 12px;
font-family : Arial;
font-weight: bold;
text-decoration: underline;
text-align: center;
color :red;
}

#entete p
{
font-family : "servi" , "serviie" ,Arial;
margin : 0 ;
padding : 0 ;
color : white ;
font-size : 12px ;
font-weight: bold;
}

#entete input
{
margin : 0 ;
padding : 0 ;
height : 18px ;
/*background : transparent ;*/
color : black ;
font-weight: bold;
border : solid #bb0808 ; /* decalage texte */
/*text-indent : 5px ;*/
padding-left : 5px
}

#entete .ok
{
margin : 0 ;
padding : 0 ;
height : 23px ;
width : 30px ;
background: #bb0808 url(../design/loupe.png) center no-repeat ;
}

.entete_tableau
{
border-color : silver ;
border: none;
border-collapse: collapse;
width: 100% ;
height : 190px ;
font-size: 10px ;
background: url(../design/bandeaux/CARNAVAL2026-A.jpg) repeat-x;
/* largeur 970 pixel x hauteur 200 pixel */
/*border : solid 1px blue;*/
}

.entete_tableau tr
{
border: none;
color : grey ;
}

.entete_tableau td
{
border : none;
text-align: center ;
vertical-align : middle ;
color : #606060;
font-size : 12px ;
font-family: arial,helvetica,geneva ;
/*border : solid 1px red;*/
}


/*-------------------- MENU HORIZONTAL --------------------*/

#MenuHaut ul {
font-size:10px;
font-weight:bold ;
margin:0;
padding:0;
width:100%;
}

#MenuHaut li {
display: inline ;
vertical-align : middle ;
float:left;
height:30px;
list-style:none;
}

#MenuHaut li:hover {
background: red ;
height : 35px;
}

#MenuHaut li:hover a {
color : yellow ;
}


#MenuHaut .simple_ligne {
display: block;
height: 15px;
margin-top: 10px;
padding-left : 12px ;
padding-right : 12px ;
color : grey ;
text-decoration : none ;
font-size : 12px ;
text-align: center;
/*background: white ;*/
}

#MenuHaut .double_ligne {
display: block;
height: 30px;
margin-top: 3px;
padding-left : 12px ;
padding-right : 12px ;
color : grey ;
text-decoration : none ;
font-size : 12px ;
text-align: center;
/*background: yellow ; */
}

#MenuHaut .accueil {
display: block;
height: 30px;
margin-top: 5px;
padding-left : 12px ;
padding-right : 12px ;
text-align: center;
/*background: yellow ; */
}


/* ---------------------CORPS-------------------------*/

#corps p
{
font-family : Arial;
font-size : 12px ;
color : grey;
font-weight:lighter;
padding : 0 ;
}

#corps h1
{
font-family : "servi" , "serviie" ,Arial;
font-size : 20px ;
color : r ;
text-align:center;
font-weight: bold;
}

#corps h2
{
font-family : Arial;
font-size : 18px ;
color : grey ;
text-align:center;
font-weight: bold;
}

#corps h3
{
font-family : Arial;
font-size : 14px ;
padding-bottom : 0px ;
color : grey ;
text-align : left ;
font-weight: bolder ;
border : 0px ;
text-decoration: none ;
margin-top : 5px ;
}

#corps .noir
{
font-family : Arial;
font-size : 14px ;
padding-bottom : 0px ;
color : black ;
text-align : left ;
font-weight: bolder ;
border : 0px ;
text-decoration: none ;
margin-top : 5px ;
}

#corps h4
{
font-family : Arial;
font-size : 12px ;
color : orange ;
text-align:center;
font-weight: bold;
border : 0px ;
}


#corps h5
{
color : red ;
font-size : 20px ;
font-weight : bold ;
text-align : center ;
}

#corps .prix1
{
display : inline-block ;
vertical-align : top ;
font-family : Arial;
font-size : 22px ;
color : red ;
font-weight:lighter;
padding-top : 5px ;
padding-bottom : 5px ;
/*background : silver ;*/
}

#corps .prix2
{
display : inline-block ;
vertical-align : top ;
font-family : Arial;
font-size : 14px ;
color : red;
font-weight:lighter;
padding-top : 7px ;
/*background : blue ;*/
}

#corps .prix3
{
display : inline-block ;
vertical-align : top ;
font-family : Arial;
font-size : 35px ;
color : red ;
font-weight:lighter;
padding-top : 5px ;
padding-bottom : 5px ;
}

#corps .prix4
{
display : inline-block ;
vertical-align : top ;
font-family : Arial;
font-size : 22px ;
color : red;
font-weight:lighter;
padding-top : 7px ;
}

#corps .prix5
{
display : inline-block ;
vertical-align : top ;
font-family : Arial;
font-size : 16px ;
color : red ;
font-weight:lighter;
padding-top : 5px ;
padding-bottom : 5px ;
/*background : yellow ;*/
}

#corps .prix6
{
display : inline-block ;
vertical-align : top ;
font-family : Arial;
font-size : 12px ;
color : red;
font-weight:lighter;
padding-top : 7px ;
/*background : green ;*/
}

#corps .prix7
{
display : inline-block ;
vertical-align : top ;
font-family : Arial;
font-size : 12px ;
color : black ;
font-weight:lighter;
padding-top : 7px ;
/*background : blue ;*/
}

#corps .reference
{
font-family : Arial;
font-size : 8px ;
color : black ;
font-weight:lighter;
padding : 0 ;
margin-top : 5px ;
margin-bottom : 0px ;
/*text-transform : lowercase ;*/
}

.corpsG1 h3
{
font-size: 18px;
font-family : Arial;
font-weight: bold;
text-align:center;
padding:12px;
margin-bottom:22px;
border: medium double #000000;
}


.corpsG2
{
float : left;
width : 400px;
height : auto;
}
.corpsD2
{
float : left;
width : 560px;
height : auto;
}

.filtres_tableau
{
border-collapse: collapse;
width: 96% ;
font-size: 10px ;
margin-left : 0 ;
color : lime ;
border : solid 1px silver ;
}

.filtres_tableau tr
{
padding: 0px;
color : white ;
Vertical-align: middle ;
}

.filtres_tableau td
{
border : none;
padding: 0px;
text-align: left ;
padding-left : 5px ;
Vertical-align: middle ;
background-color :#f0f0f0;
/*border : solid 1px red;*/
}

.filtres_tableau select
{
width: 160px ;
font-size: 10px;
}


/* ---------------------ONDITIONS GENERALES DE VENTE -------------------------*/

#cdv h1
{
font-family : "servi" , "serviie" ,Arial;
font-size : 20px ;
color : red ;
text-align:center;
font-weight: bold;
padding-top : 20px ;
padding-bottom : 10px ;
}

#cdv h2
{
font-family : Arial;
font-size : 18px ;
color : silder ;
text-align:left;
font-weight: bold;
padding-top : 10px ;
padding-bottom : 2px ;
}

#cdv p
{
font-family : Arial;
font-size : 12px ;
color : grey;
font-weight:lighter;
padding : 0 ;
}

/* ---------------------PANIER LIVRAISON -------------------------*/

#livraison h1
{
font-family : "servi" , "serviie" ,Arial;
font-size : 20px ;
color : red ;
text-align:center;
font-weight: bold;
padding-top : 30px ;
padding-bottom : 30px ;
}

#livraison h2
{
font-family : Arial;
font-size : 22px ;
color : silder ;
text-align:left;
font-weight: bold;
padding-top : 10px ;
padding-bottom : 2px ;
}

#livraison li
{
font-family : Arial;
font-size : 16px ;
color : grey;
font-weight:lighter;
padding : 0 ;
margin-left : 100px ;
}

#livraison p
{
font-family : Arial;
font-size : 18px ;
color : grey ;
font-weight: bold ;
padding : 0 ;
margin-left : 100px ;
}

.barre_panier
{
border : 0 ;
margin-top : 30px ;
margin-bottom : 30px ;
margin-left:100px ;
}


/* ---------------------COLONNE GAUCHE -------------------------*/


#colonne_gauche h2
{
font-family : Arial;
font-size : 12px ;
color : white ;
text-align:center;
font-weight: bold;
border : 0px ;
}

#colonne_gauche .TexteFondGris
{
color : white ;
font-size: 12px;
width: 96% ;
margin-left : 0 ;
margin-bottom : 0 ;
font-family : Arial;
font-weight: bold;
padding-top : 8px ;
padding-bottom : 8px ;
text-align : center ;
Vertical-align: middle ;
background: url(../design/entetepanier.gif) repeat-x ;
Background-position : top center;
}



/* ---------------------COLONNE DROITE-------------------------*/

.titre_accueil
{
display: block ;
width : 180px;
height : 21px;
padding-top : 4px ;
margin-top : 10px ;
margin-bottom : 10px ;
margin-left : 0px ;
margin-right : 0px ;
border : none ;
text-align : center ;
font-size: 12px;
font-weight: bold;
text-decoration: none ;
color : white ;
background: url(../design/titre_accueil1.jpg) ;
}

.titre_accueil:hover
{
color : red ;
}

.titre_accueil220
{
display: block ;
width : 220px;
height : 21px;
padding-top : 4px ;
margin-top : 10px ;
margin-bottom : 0px ;
margin-left : 0px ;
margin-right : 0px ;
border : none ;
text-align : center ;
font-size: 12px;
font-weight: bold;
text-decoration: none ;
color : white ;
background: url(../design/entetepanier.gif) ;
}

.accueil_titre_185
{
display: block ;
width : 185px;
height : 21px;
padding-top : 4px ;
margin-top : 10px ;
margin-bottom : 0px ;
margin-left : 0px ;
margin-right : 0px ;
border : none ;
text-align : center ;
font-size: 12px;
font-weight: bold;
text-decoration: none ;
color : white ;
background: url(../design/titre_accueil185b.jpg) ;
}

.accueil_boite_185
{
width : 183px ;
height : 320px ;
padding-top : 5px ;
padding-bottom : 5px ;
padding-left : 0px ;
padding-right : 0px ;
margin-bottom : 20px ;
margin-left : 0px ;
margin-right : 0px ;
border-width: 1px;
border-style: solid ;
border-color: silver ;
background-color :#f0f0f0;
}


.titreD1
{
width : 205px;
height : 20px;
margin-top : 15px ;
margin-left : 10px ;
margin-right : 10px ;
padding-top : 5px ;
padding-bottom : 5px ;
border-width: 1px;
border-style: solid ;
border-color: silver ;
text-align : center ;
Vertical-align: middle ;
background: grey url(../design/entetepanier.gif) repeat-x ;
Background-position : top center;
}

.lien_blanc
{
font-size: 14px ;
font-weight: bold ;
color : white ;
text-decoration: none ;
}


#colonne_droite h2
{
font-size: 14px ;
font-weight: bold ;
color : white ;
text-decoration: none ;
}

#colonne_droite p
{
font-size: 14px ;
font-weight: bold ;
color : grey ;
text-decoration: none ;
text-align : center ;
margin : 0 ;
padding : 0 ;
}

.listeD1 a
{
font-size: 12px;
font-family : Arial;
font-weight: bold;
text-decoration: underline;
color : black ;
margin-left : 10px ;
}


.listeD1
{
width : 217px ;
padding-top : 5px ;
padding-bottom : 5px ;
padding-left : 0px ;
padding-right : 0px ;
margin-bottom : 20px ;
margin-left : 0px ;
margin-right : 0px ;
border-width: 1px;
border-style: solid ;
border-color: silver ;
background-color :#f0f0f0;
}



.TextBoxD1
{
width: 170px;
margin-top : 5px ;
margin-bottom : 10px ;
}

.rightBtn
{
padding : 5px 5px 5px 5px;
text-align: center;
padding-right: 15px;
}

.formD1
{
padding: 0;
margin: 0;
}
.ullisteD1
{
border-top-width: 2px;
border : none;
list-style-type: none;
list-style-image: none;
list-style-position: outside;
padding-left: 10px;
padding-bottom: 5px;
padding-top: 5px;
margin-right: 10px;
margin-left: 10px;
margin-bottom: 0px;
}
.menuClient
{
background: url('../design/puce_grise.gif') no-repeat -2px 3px;
}

.menuClient a
{
padding-left: 15px;
color:black;
text-decoration: underline;
}

.menuClient a:hover
{
background: url('../design/puce_rouge.gif') no-repeat -2px 3px;
color:red;
text-decoration: none;
}


.tableD1
{
border-collapse: collapse;
width: 96% ;
padding : 0 ;
margin : 0 ;
margin-left :2% ;
max-height: 250px;
/*border : solid 1px blue;*/
}

.tableD1 td
{
text-align: left ;
padding : 0 ;
margin : 0 ;
vertical-align : middle ;
/*border : solid 1px red;*/
}

.tableD1 th
{
text-align: center ;
padding : 0 ;
margin : 0 ;
vertical-align : middle ;
/*border : solid 1px red;*/
}

.tableD1 a
{
padding : 0 ;
margin : 0 ;
}


.tdD1b
{
border : 1px solid grey ;
color : black ;
height : 20px ;
font-weight : bold;
border-collapse : collapse;
}
.tdD1bm
{
border-bottom:1px solid black;
color:grey;
padding-left:30px;
}
.login_client
{
font-size: 12px;
font-weight: bold;
color:black;
}

/* --------------------- ACCEUIL -------------------------*/


#accueil p
{
color : grey ;
font-size : 12px ;
font-weight : normal ;
color : #606060 ;
font-size:12px;
font-family: arial,helvetica,geneva ;
margin:0;
padding:0;
}


#accueil h1
{
font-family : "servi" , "serviie" ,Arial;
font-size : 15px ;
color : red ;
text-align:center;
font-weight: bold;
}

#accueil h3
{
color : black ;
font-size : 12px ;
font-weight : bold ;
text-align : center ;
padding : 0px ;
}

#accueil h4
{
color : orange ;
font-size : 12px ;
font-weight : bold ;
text-align : center ;
padding : 0px ;
}

#accueil h5
{
color : red ;
font-size : 16px ;
font-weight : bold ;
text-align : center ;
}

#accueil h6
{
color : black ;
font-size : 10px ;
font-weight : bold ;
text-align : center ;
}

#accueil del
{
font-size:14px;
color : black ;
font-family: arial,helvetica,geneva ;
text-align : center ;
}

#accueil a
{
font-size: 12px ;
color : Black ;
font-weight : bold ;
text-decoration: underline ;
text-align : center ;
}

#annonce
{
font-size: 14px ;
color : Black ;
font-weight : bold ;
text-align : center ;
/*background-color : white ;*/
margin-top : 15px ;
}

.accueil_animation
{
border-collapse: collapse;
/*width: 480px ;*/
width: 680px;
font-size: 10px ;
margin-left : 20px ;
margin-right : 20px ;
margin-top : 15px ;
margin-bottom : 15px ;
padding : 0 ;
border : solid 1px grey ;
}

.accueil_animation tr
{
border: none;
padding: 0px;
color : white ;
}

.accueil_animation td
{
border : none;
padding: 0px;
padding-left : 3px;
padding-bottom : 3px;
text-align: center ;
Vertical-align: middle ;

}

.accueil_animation1
{
border-collapse: collapse;
padding : 0 ;
}

.accueil_animation1 td
{
border : none;
padding: 0px;

}

.accueil_lien
{
border-collapse: collapse;
width: 480px ;
font-size: 10px ;
margin-left :20px ;
margin-right : 20px ;
padding : 0px ;

}

.accueil_lien tr
{
border: none;
padding: 0px;
color : white ;
}

.accueil_lien td
{
border : none;
padding : 0px ;
text-align: center ;
Vertical-align: middle ;
/*border : solid 1px blue ;*/
}

.accueil_lien_gris
{
border : none;
padding : 0px ;
text-align: center ;
Vertical-align: middle ;
border : solid 1px blue ;
background-color : grey ;
}

#accueil_lien a
{
display : block ;
font-size : 12px ;
color: white ;
font-weight: bold;
text-decoration: none ;
}

#accueil_lien img
{
padding: 0 0 0 0 ;
border : none ;
height : 80px ;
width : 154px ;
}

/*--------------------- FICHE DETAILLE ARTICLE------------------*/

#article
{
width : 100%;
padding : 0 ;
background-color : white ;
/*border : solid 1px RED ;*/
}

#article h1
{
font-family : Arial;
font-size : 18px ;
padding-bottom : 0px ;
color : grey ;
text-align : left ;
font-weight: bolder ;
border : 0px ;
text-decoration: none ;
margin-top : 20px ;
}

#article strong
{
font-family : Arial;
font-size : 9px ;
color : grey ;
font-weight : bold ;
}



/* ----------------------------------------------- CARTE -----------------------------------------------*/


.haut /* lien pour retourner haut page */
{
display : block ;
font-size : 14px ;
color: navy ;
font-weight: bold;
text-align: center ;
Margin-top : 0px ;
Margin-bottom : 15px ;
/*border : solid 1px red ;*/
}

#corps .article_liste
{
width : 95% ;
Margin-top : 5px ;
Margin-bottom : 5px ;
height : 100px ;
border-bottom : solid 1px silver;
background: white ;
/*border : solid 1px black ;*/
}

#corps .article_image
{
display: inline-block ;
text-align: center;
vertical-align: Top ;
height : 85px ;
width : 130px ;
background: white ;
padding-top : 15px ;
/*border : solid 1px red ;*/
}

#corps .article_libelle
{
display: inline-block ;
text-align: justify ;
vertical-align: top ;
width : 275px ;
height : 90px ;
padding-top : 10px ;
background: white ;
/*overflow : hidden ;*/
/*border : solid 1px green ;*/
}

#corps .article_prix
{
display: inline-block ;
text-align: center;
vertical-align: top ;
width : 80px ;
background: white ;
/*border : solid 1px blue ;*/
}


.article_tableau
{
width: 98% ;
font-size: 10px ;
margin-left :1% ;
padding: 0 ;
border-collapse: collapse;
border : none ;
/* Border: 1px solid black; */
}

.article_tableau tr
{
border: none;
padding: 0 ;
color : white ;
/*border : solid 1px green ;*/
}

.article_tableau td
{
padding-top : 2px;
padding-bottom : 2px ;
text-align : left ;
font-size : 11px;
font-family : arial,helvetica,geneva ;
border : none ;
color : black ;
/*border : solid 1px red ;*/
/*background: lime ;*/
}

.article_tableau img
{
padding-top : 5px ;
padding-bottom : 5px ;
padding-left : 0px ;
padding-right : 0px ;
border : none ;
}


.top_tableau
{
width: 98% ;
font-size: 10px ;
margin-left :1% ;
padding: 0 ;
border-collapse: collapse;
border : none ;
/* Border: 1px solid black; */
}

.top_tableau tr
{
border: none;
padding: 0 ;
color : white ;
/*border : solid 1px green ;*/
}

.top_tableau td
{
padding-top : 2px;
padding-bottom : 2px ;
text-align : center ;
font-size : 11px;
font-family : arial,helvetica,geneva ;
border : none ;
color : black ;
/*border : solid 1px red ;*/
}

.top_tableau a
{
text-decoration : none ;
}



img.article_stock
{
height : 45px ;
width : 45px ;
padding : 0 ;
margin : 0 ;
/*border : solid 1px blue ;*/
}

img.article_miniature
{
height : 100px ;
width : 57px ;
}


.article_tableau h3
{
font-size:12px;
color : grey ;
font-family: arial,helvetica,geneva ;
text-decoration : underline ;
}


.article_tableau h4 /* texte rupture stock */
{
font-size:12px;
color : orange ;
font-family: arial,helvetica,geneva ;
text-decoration : none ;
}


.article_tableau h5
{
font-size:18px;
color : red ;
font-family: arial,helvetica,geneva ;
text-decoration : none ;
}

.article_tableau del
{
font-size:16px;
color : black ;
font-family: arial,helvetica,geneva ;
}



.corps_carteG
{
Float : left;
width : 160px;
/*min-height : 640px;*/
background:white;
}
.menuG
{
float:left;
Height : 210px;
Width : 98%;
margin-bottom:3px;

}

.texte_menuG
{
text-decoration:none;
font-family : "servi" , "serviie" ,Arial;
font-size:16px;
color : #ab3e3c;
}

/* menu niveau 2 */
.menu2
{
float:left;
Height : auto ;
Width : 94% ;
margin-left : 1% ;
text-align : left ;
color:black;
padding-top : 5px ;
padding-bottom : 5px;
padding-left : 2px ;
padding-right : 0px ;
border-width: 0px 0px 1px 0px;
border-style: groove;
border-color: silver;
background: url(../design/v1.gif) no-repeat ;
Background-position : right ;
}


.menu2:hover
{
background: url(../design/v2.gif) no-repeat ;
Background-position : right ;
}

.menu2 a
{
display : block ;
Width : 86% ;
font-size : 12px ;
color: #666666 ;
font-weight: bold;
padding-left: 5px;
text-decoration: none ;
}

.menu2 a:hover
{
display : block ;
Width : 86% ;
font-size : 12px ;
color : red ;
font-weight: bold;
padding-left: 5px;
text-decoration: none;
}

/* menu niveau 2 sans symbole */
.menu2bis
{
float:left;
Height : auto ;
Width : 94% ;
margin-left : 1% ;
text-align : left ;
color : black ;
padding-top : 5px ;
padding-bottom : 5px;
padding-left : 2px ;
padding-right : 0px ;
border-width: 0px 0px 1px 0px;
border-style: groove;
border-color: silver;
}

.menu2bis a
{
font-size : 12px ;
color: #666666 ;
padding-left: 5px;
text-decoration: none ;
display : block ;
Width : 95% ;
/*text-transform:lowercase*/
}

.menu2bis a:hover
{
font-size: 12px ;
color : red ;
font-weight: bold;
text-decoration: none;
display : block ;
Width : 95% ;
}

/* menu niveau 3 */
.menu3
{
float:left;
Height : auto ;
Width : 90% ;
margin-left : 1% ;
text-align : left ;
color:black;
padding-top : 2px ;
padding-bottom : 2px ;
padding-left : 10px ;
padding-right : 0px ;
/*background: red ;*/
}

.menu3 a
{
font-size:12px;
color: grey ;
font-weight: bold;
padding-left: 15px;
text-decoration: none ;
display : block ;
Width : 90% ;
}

.menu3 a:hover
{
font-size:12px;
color : blue ;
font-weight: bold;
text-decoration: none;
display : block ;
Width : 90% ;
}

.selectionne a{
color:red;
}
.menuC1
{
float:left;
Height : 202px;
border-width: 0px 0px 1px 0px;
border-style: groove;
border-color: black;
}
a.texte_menuC
{
text-decoration:none;
font-size:14px;
color : black;
}
a.texte_menuC:hover
{
text-decoration:none;
font-size:14px;
color : black;
background-color: #b9b9b9;
}

.image_descriptif_produit
{
float:left;
margin-left:5px;
margin-right:5px;
Height : 200px;
Width : 350px;
}


.libelle_descriptif_produit
{
float:left;
width:400px;
height : 25px;
padding-bottom : 17px;
padding-top : 10px;
font-size: 16px;
font-family : "servi" , "serviie" ,Arial;
font-weight: bold;
color : #847248;
text-align:center;
}
.prix_descriptif_produit
{
float:right;
width:120px;
height : 30px;
padding-bottom : 5px;
padding-top : 10px;
text-align:right;
font-size: 25px;
font-family : Arial;
font-weight: bold;
color : red;
}
.memo_descriptif_produit
{
float:left;
height : 115px;
width:400px;
padding : 5px 5px 5px 5px;
font-size: 12px;
font-family : Arial;
}
.composer
{
float:left;
height :100px;
width:340px;
padding : 10px;
text-align :left;
}
.commander
{
float:left;
height :30px;
width:340px;
padding : 10px;
text-align :right
}

.vignette
{
float:left;
height :100px;
width:340px;
padding : 10px;
}






/* ---------------------N page CARTE -------------------------*/

#page
{
height : 30px ;
margin : 0 ;
padding : 0 ;
/*background-color : lime ;*/
}

#page ol
{
height : 30px ;
margin: 0;
padding-left : 0px ;
padding-right : 0px ;
/*background-color : green ;*/
}

#page ol li
{
margin: 3px 3px 0 0 ;
padding : 0 ;
float:left;
list-style:none;
height : 20px ;
line-height : 20px ;
}

#page .page1
{
float : left ;
height : 20px ;
width : 14px ;
border : 1px solid #ccc ;
background : silver ;
color : #555 ;
padding-left : 0px ;
padding-right : 0px ;
text-align : center ;
text-decoration : none ;

}

#page .page2
{
float:left;
height : 20px ;
width : 14px ;
border: 1px solid #ccc ;
background : red ;
color : #555 ;
padding-left : 0px ;
padding-right : 0px ;
text-align : center ;
text-decoration : none ;
}

#page .fleche
{
float:left;
height : 20px ;
border : none ;
background : white ;
color : #555 ;
padding : 0 ;
text-decoration : none ;
}


/* ---------------------PIED-------------------------*/

#pied
{
float:left;
width : 970px;
height :80px;
background: grey ;
/*border-top-width: 1px;*/
}

#pied ul
{
font-size: 14px;
font-family : Arial;
font-weight: bold;
}

#pied li
{
font-size: 11px;
font-family : Arial;
color : #424242;
list-style-image:url("../design/puce.png");

}


#pied p
{
font-size: 8px;
font-family : Arial;
}


#pied td
{
vertical-align: top;
padding-top:3px;
}


#pied li a
{
font-size: 11px;
font-family : Arial;
text-decoration: none ;
color: #424242;

}

.tableau_pied
{
border : 0px ;
width : 100% ;
background-color : grey ;
}


/* --------------------- PANIER ---------------------*/

.paniertable
{
width : 99% ;
border-collapse : collapse ;
}

.entete_panier
{
font-family: Arial;
font-size: 11px;
color: #ffffff;
font-weight: bold;
text-decoration: none;
height:30px;
background : url("../design/entetepanier.gif") repeat-x;
}

.ligne_panier
{
background-color :#F3F3F3;

}

.bouton_panier
{
margin-top:30px;
margin-bottom : 0px;
background-color : transparent;
}

.panier_totaux
{
border-collapse : collapse;
padding: 5px ;
margin : 0;
text-align: center ;
vertical-align :middle ;
color : black ;
font-size: 12px ;
font-family: arial,helvetica,geneva ;
background-color : silver ;
border : solid 1px black ;
}

/* texte si le panier vide */
.paniervide
{
padding-top : 50px ;
text-align : center ;
color : red ;
font-size: 20px;
/*border : solid 1px red ;*/
}



/* --------------------- IDENTIFICATION ---------------------*/

#identification
{
width : 840px;
Height : 400px;
margin-top:50px;
padding-left:210px;
}

#nouvel_utilisateur
{
float:left;
width : 400px;
height : 300px;
padding : 10px;
background:url("../img/ballon.png");
background-repeat:no-repeat;
Background-position : top center;
}
#connexion
{
float:right;
width : 400px;
height : 300px;
padding : 10px;
background:url("../img/ballon.png");
background-repeat:no-repeat;
Background-position : top center;
}

.titre_login_h1
{
margin-top:80px;
font-size: 30px;
font-family : Arial;
font-weight: bold;
text-align:center;
}

.titre_login_h2
{
margin-top:10px;
font-size: 15px;
font-family : Arial;
font-weight: bold;
text-align:center;
}


.saisie_login
{
width:250px;
margin-top:10px;
font-size: 13px;
font-family : Arial;
font-weight: bold;
margin-left:50px;
text-align:center;
}

#coordonnees
{
width:500px;
height:500px;
margin-left:240px;
font-size: 12px;
font-family : Arial;
font-weight: bold;

}

.titre_coordonnees
{
font-size: 20px;
font-family : Arial;
font-weight: bold;
color:white;
}

.ligne_coordonnees
{
height:30px;
}

/*VALIDE*/
.adresse_livraison
{
width: 600px;
margin: auto; /* Pour centrer notre page */
text-align:center;
font-size: 13px;
font-family : Arial;
font-weight: bold;
}

.td_valide_gauche
{
text-align:left;
padding-left : 10px;
padding-top : 5px;

}


/* FACTURE */
.facture
{
text-align:center;
width : 600px;
margin-top:30px;
margin-left:235px;
font-size: 30px;
font-family : Arial;
font-weight: bold;
color:white;
}

.corps_facture
{
text-align:center;
width : 600px;
margin-top:30px;
margin-left:235px;
border : solid 1px #FF2E22;
font-family : Arial;
font-weight: bold;
color:white;
}

#fidelite
{
width: 770px;
margin-left:240px;
}


/* INFORMATIONS */
.aide
{
width:780px;
margin-left:235px;
border : solid 1px #FF2E22;
}

.titre_aide
{
text-align:center;
font-family : Arial;
font-size: 23px;
font-weight: bold;
color:black;
}

.texte_aide
{
line-height:25px;
padding:20px;
font-family : Arial;
font-size: 12px;
font-weight: bold;
color:black;
}


input
{
background-color:white;
vertical-align: middle;
}

img {
border: none; /* Ne pas entourer les images, même s'ils contiennent des liens */
vertical-align: middle; /* Dans le cas d'une icône suivie d'un texte, par exemple */
}

/* --------------------------- inscription -------------------------------*/


.puceBloc
{
background-color: transparent;
background-image: url("../design/puce_bloc_titre.gif");
background-repeat: no-repeat;
background-attachment: scroll;
background-position: 0% 0%;
float: left;
width: 30px;
height: 23px;
}

.clForm
{
background-color: #ffffff;
padding-top: 5px;
padding-right: 10px;
padding-bottom: 5px;
padding-left: 10px;
margin-top: 5px;
margin-right: 10px;
margin-bottom: 5px;
margin-left: 10px;
/*border : solid 1px red;*/
}

.clForm label
{
float: left;
width: 140px;
}

.clFormTitre
{
background-color: transparent;
background-attachment: scroll;
background-position: 0% 0%;
padding-top: 10px;
padding-right: 10px;
padding-bottom: 5px;
padding-left: 10px;
height: 20px;
font-weight: bold;
}
.clFormLigne
{
background-color: transparent;
background-image: url("../design/bg_bloc_ligne.gif");
background-repeat: repeat-x;
background-attachment: scroll;
background-position: 0% 100%;
border-bottom-width: 2px;
border-bottom-style: dotted;
border-bottom-color: #d4dfe9;
}

.clTxtInput
{
width: 300px;
margin-top: 2px;
margin-right: 0px;
margin-bottom: 2px;
margin-left: 0px;
position: relative;
top: -4px;
}

/****************** PANIER - LOGIN ****************/

#login
{
float : left;
width : 930px;
padding : 0 ;
padding-left : 10px ;
padding-right : 10px ;
background-color : White ;
/*border : solid 1px RED ; */
}


#login .zone
{
float : left;
margin : 0 ;
margin-left : 20px ;
width : 380px;
height : 250px;
padding-top : 20px ;
padding-bottom : 20px ;
padding-left : 20px ;
padding-right : 20px ;
background-color: white;
border : solid 1px silver ;
text-align : center ;
}

#login h1
{
font-family : "servi" , "serviie" ,Arial;
font-size : 20px ;
color : red ;
padding-top : 20px ;
padding-bottom : 20px ;
text-align: center ;
font-weight: bold;
}

#login label
{
font-family : "servi" , "serviie" ,Arial;
font-size : 12px ;
color : grey ;
float: left;
width: 120px;
height : 27px ;
padding-top : 3px ;
/*border : solid 1px RED ; */

}

#login .formulaire
{
text-align : left;
height : 30px ;
padding-left : 10px ;
}



/************************ PANIER - ADRESSE *********************/

#adresses
{
float : left;
width : 950px;
/*min-height : 640px;*/
padding : 0 ;
padding-left : 10px ;
padding-right : 10px ;
background-color : White ;
/*border : solid 1px YELLOW ; */
}


#adresses .zone
{
float : left;
margin : 0 ;
margin-left : 20px ;
width : 420px;
height : 470px;
padding-top : 20px ;
padding-bottom : 20px ;
padding-left : 10px ;
padding-right : 10px ;
background-color: white;
border : solid 1px silver ;
}

#adresses h1
{
font-family : "servi" , "serviie" ,Arial;
font-size : 20px ;
color : red ;
padding-top : 5px ;
padding-bottom : 5px ;
text-align: center ;
font-weight: bold;
}

#adresses label
{
font-family : "servi" , "serviie" ,Arial;
font-size : 12px ;
color : grey ;
float: left;
width: 25%;
}

#adresses .txtrouge
{
font-size: 18px;
font-weight: bold;
color: red;
}



/************** MES ACHATS *****/

#achats
{
float : left;
width : 950px;
min-height : 500px;
padding : 0 ;
padding-left : 20px ;
padding-right : 2A0px ;
background-color : White ;
/*border : solid 1px YELLOW ; */
}


#achats h1
{
font-family : "servi" , "serviie" ,Arial;
font-size : 20px ;
color : red ;
padding-top : 20px ;
padding-bottom : 20px ;
text-align: center ;
font-weight: bold;
}


/******* bouton *********/

#bouton
{
float : left;
width: 900px ;
margin : 0 ;
margin-left : 20px ;
padding-top : 20px ;
padding-bottom : 20px ;
/*border : solid 1px red ;*/
}

#bouton_payer
{
float : left;
width: 500px ;
margin : 0 ;
margin-left : 20px ;
padding-top : 20px ;
padding-bottom : 20px ;
/*border : solid 1px red ;*/
}

#bouton .bouton_precedent , #bouton_payer .bouton_precedent
{
float : left;
display:block;
width:135px;
height:37px;
background : url("../design/bouton-precedent2.png") ;
}

#bouton .bouton_suivant
{
float : left;
margin-left : 750px ;
display:block;
width:135px;
height:37px;
background : url("../design/bouton-suivant2.png") ;
}

#bouton .bouton_valider
{
float : left;
margin-left : 750px ;
display:block;
width:135px;
height:37px;
background : url("../design/bouton-valider.png") ;
}

#bouton input , #bouton_payer input
{
float : right ;
width:135px;
height:37px;
}

/* --------------------------- contact -------------------------------*/
#contact_infos
{
text-align: center;
width: 300px;
border-top-width: 3px;
border-right-width-value: 3px;
border-right-width-ltr-source: physical;
border-right-width-rtl-source: physical;
border-bottom-width: 3px;
border-left-width-value: 3px;
border-left-width-ltr-source: physical;
border-left-width-rtl-source: physical;
border-top-style: dotted;
border-right-style-value: dotted;
border-right-style-ltr-source: physical;
border-right-style-rtl-source: physical;
border-bottom-style: dotted;
border-left-style-value: dotted;
border-left-style-ltr-source: physical;
border-left-style-rtl-source: physical;
border-top-color: #d4dfe9;
border-right-color-value: #d4dfe9;
border-right-color-ltr-source: physical;
border-right-color-rtl-source: physical;
border-bottom-color: #d4dfe9;
border-left-color-value: #d4dfe9;
border-left-color-ltr-source: physical;
border-left-color-rtl-source: physical;
margin-top: auto;
margin-right: auto;
margin-bottom: auto;
margin-left: auto;
}
/* --------------------------- etapelogin -------------------------------*/

#paiement
{
float:left;
Width : 930px;
padding:10px;
/*border : solid 1px red;*/
}

.mode_paiement
{
border : 0 ;
margin-top : 50px ;
margin-bottom : 50px ;
margin-left: 250px ;
}


.fpaiementc
{
float:left;
Width : 190px;
Height : 150px;
Margin:120px 5px 50px 5px;
text-align:center;
font-size: 16px;
font-family : Arial;
font-weight: bold;
}
.fpaiement2
{
float:right;
Width : 263px;
Height : 263px;
Margin:30px 105px 50px 10px;
background: url('../design/fpaiement2.jpg') no-repeat;
}

.choixlivr
{
float:left;
Width : 820px;
padding-left:70px;
padding-right:70px;
Height : auto;
padding-top:10px;
}


/* --------------------- PAGE PRESENTATION -------------------------*/



.corps_accueilC
{
float : left;
margin-top : 10px;
width : 710px;
height : 220px;
}
.table_accueilC /* Le tableau en lui-même */
{
margin: auto; /* Centre le tableau */
}
.td_accueilC/* Les cellules normales */
{
width : 350px;
height : 105px;
font-family: "Comic Sans MS", "Trebuchet MS", Times, "Times New Roman", serif;
text-align: center; /* Tous les textes des cellules seront centrés*/
}

/* --------------------------- mes infos -------------------------------*/
.clBloc
{
background-color: #ffffff;
padding: 10px;
margin: 10px;
}
.clBlocTopRight
{
float: right;
border-width: 3px;
border-style: dotted;
border-color: #f0f3f5;
padding : 10px;
}

.txtGrosRouge
{
color: #cb0f17;
font-size: 1.6em;
}
.txtGras
{
font-weight: bold;
}

a
{
color: #003f5f;
text-decoration: underline;
}

a:hover
{
text-decoration: none;
}

.clTable td
{
border-top-width: 1px;
border-top-style: solid;
border-top-color: #dddddd;
padding-top: 5px;
padding-right: 5px;
padding-bottom: 5px;
padding-left: 5px;
text-align: center;
}

#tablecontenu td
{
vertical-align: top;
}

.txtErreur
{
color: #000000;
font-size: 1.2em;
background-color: transparent;
background-image: url(../design/bg_erreur.jpg);
background-repeat: repeat;
background-attachment: scroll;
background-position: 0% 0%;
background-clip: border-box;
background-origin: padding-box;
background-size: auto auto;
padding-top: 10px;
padding-right: 10px;
padding-bottom: 10px;
padding-left: 10px;
margin-top: 10px;
margin-right: 10px;
margin-bottom: 10px;
margin-left: 10px;
font-weight: 600;
}
.txtErreurWarning
{
background-color: transparent;
background-image: url(../design/warning.gif);
background-repeat: no-repeat;
background-attachment: scroll;
background-position: 0% 0%;
background-clip: border-box;
background-origin: padding-box;
background-size: auto auto;
padding-left: 25px;
}
.clTableTitre {
font-weight: bold;
background: url(../design/bg_panier_titre.gif) repeat-x;
color: #000;
text-align: center;
}

.just
{
text-align:center ; /*justify;*/
}

.ab
{
font-family:"arial black";
}

/*** boite pour google map ***/

#affichage_carte
{
width: 95% ;
background-color: #ffffff ;
border: solid 1px #a3a2a2;
padding: 15px;
height:500px;
}


/****** Sudo Slider ( promotion et nouveauté ) *********/

#container , #container2
{
margin:0 auto;
margin-top: 10px ;
margin-bottom: 5px ;
margin-left: 15px ;
margin-right: 5px ;
position:relative;
width:292px;
/*width:200px;*/
background:#fff;
border : none ;
/*border : solid 1px red;*/
}

#container3
{
margin:0 ;
padding:0;
position:relative;
width:183px;
background:#fff;
border : none ;
/*border : solid 1px red;*/
}

#slider , #slider2
{
/*width:200px;*/
width:292px;
}

#slider3
{
width:183px;
}



#slider ul, #slider li , #slider2 ul, #slider2 li , #slider3 ul, #slider3 li
{
margin:0;
padding:0;
list-style:none;
position:relative;
display:block;
}

#slider li , #slider2 li
{
width:292px;
overflow:hidden;
}

#slider3 li
{
width:183px;
overflow:hidden;
}

/* width : 183px ;height : 320px ;*/

#slider3 img{
border:none;
margin:0;
padding:0;
width:183px;
height:320px :
}

/* Uncomment this if you wan't to only have 1 visible slide before the javascript kicks in.
#slider li {display:none;}
#slider li:first-child {display:block;}
*/

/* barre bas avec chiffres */
#accueil ol
{
margin-bottom : 10px ;
padding-left : 7px ;
height:20px;
/*visibility : hidden ;*/
}

#accueil ol li
{
margin:0 5px 0 0;
padding:0;
float:left;
list-style:none;
height:20px;
line-height:20px;

}

#accueil ol li a
{
float:left;
height:20px;
line-height:20px;
border:1px solid #ccc;
background: silver ; /*#DAF3F8;*/
color : #555 ;
/*padding: 0 6px;*/
text-decoration:none ;
font-size: 11px ;
width : 20px ;
}

#accueil ol li.current a
{
background: red ; /*#5DC9E1;*/
color:#fff;
}

ol li a:focus, .prevBtn a:focus, .nextBtn a:focus
{
outline:none;
}

.graphic, .prevBtn, .nextBtn
{
margin:0;
padding:0;
display:block;
overflow:hidden;
text-indent:-8000px;
}

.prevBtn, .nextBtn
{
display:block;
width:15px;
height:30px;
position:absolute;
left:-15px;top:-45px;
z-index:1000;
background:url('../design/page_precedente3.png') no-repeat 0 0;
/*background:url('../js/sudo/btn_prev4.gif') no-repeat 0 0;*/
cursor:pointer;
}

.nextBtn
{
left:303px;
}

.nextBtn
{
background:url('../design/page_suivante3.png') no-repeat 0 0;
/*background:url('../js/sudo/btn_next4.gif') no-repeat 0 0;*/
}


/* FICHES MENU HAUT 5 PRESENTATION , partenaire , CDV ...) */

#texte /* conteneur pleine largeur */
{
padding-left: 2% ;
padding-right: 2% ;
width : 96% ;
/*min-height : 640px ;*/
/*background : red ;*/
overflow-y : auto ;

}

#texte p
{
font-family : Arial;
font-size : 12px ;
color : grey;
font-weight: lighter ;
margin-top : 0px ;
margin-bottom : 10px ;
padding : 0 ;
text-align:justify;
}

#texte h1
{
font-family : "servi" , "serviie" ,Arial;
font-size : 20px ;
color : red ;
text-align:center;
font-weight: bolder ;
margin-top : 15px ;
margin-bottom : 15px ;
padding : 0 ;
}

#texte h2
{
font-family : Arial;
font-size : 18px ;
color : grey ;
text-align : center ;
font-weight : bold;
}

#texte h3
{
font-family : Arial;
font-size : 14px ;
padding-bottom : 0px ;
color : grey ;
text-align : left ;
font-weight: bolder ;
border : 0px ;
text-decoration: none ;
margin-top : 5px ;
margin-bottom : 5px ;
padding : 0 ;
}

#texte h5 { /* Diaporama */
background-color:inherit;
color: red;
font-size:16px;
font-weight:bold;
letter-spacing:-1px;
margin:0;
padding-left :10px ;
padding-top :5px ;
/*text-transform: uppercase;*/
text-align: left ;
/*TEXT-DECORATION:underline;*/
}

#texte h6 { /* Diaporama */
background-color:inherit;
color: white;
font-size:16px;
font-weight : lighter ;
letter-spacing:-1px;
margin:0;
padding-left :10px ;
text-align: left ;
}

#texte strong {
color: red ;
font-weight : bold ;
}

.logo {
display: inline-BLOCK;
width : 157px ;
text-align: center ;
padding : 10px 10px 10px 10px ;
/*background-color : red ;
border : solid 1px blue ;*/
}


/* partenaires */

.partenaire_tableau
{
border-collapse: collapse;
margin-left : 2% ;
width: 95% ;
font-size: 10px ;
}

.partenaire_tableau th
{
border-color : silver ;
border-style:solid ;
border-width: 1px ;
padding: 5px;
height : 30px ;
background-color: #0099cc ;
background-image: url("design/th.gif");
background-repeat: repeat-x ;
font-size:12px;
font-family: arial,helvetica,geneva ;
color : white ;
}

.partenaire_tableau tr
{
border: none;
color : white ;
}

.partenaire_tableau td
{
border-color : silver ;
border-style:solid ;
border-width: 1px ;
text-align: center ;
vertical-align : middle ;
color : #606060;
font-size:12px;
height : 40px ;
font-family: arial,helvetica,geneva ;
/*border : solid 1px red;*/
}

/* TEXTE DEFILANT */

#newshr {
position:relative;
margin-left : 20px ;
width:680px;
height:30px;
overflow:hidden;
color:inherit;
background-color : white ; /* #999999;*/
}

#newshr p {
color : blue ;
font-size: 20px;
font-family : "Comic Sans MS" , arial ;
width : 500px ;
font-weight: bolder;
}

#defile {
position:absolute;
margin-top:1px;
background-color:transparent;
}




.grey{font-family: Arial;
font-size: 12px;
color: grey;
font-weight: lighter;
line-height:1.8;}

.ulconseil{
text-align:center;
line-height:3.8;
font-size: 16px;
list-style: none;
padding-left: 0;
}


#accueil .sudo_image{
height:140px;
width:200px;
}

#accueil .sudo_prix{
width:200px;
}

#accueil .sudo_libelle{
height:56px;

}

/*produit_associe*/

#article_associe span{
vertical-align:middle;
}

span.associe
{
display: inline-block ;
text-align: center;
background : white ;
width : 120px ;
height : 100px ;
border:1px solid silver ;
margin-right: 0px;
padding-top: 10px;
padding-left: 10px;
padding-right: 10px;
padding-bottom: 10px;
font-size: 8px;
/*background-color:red;*/
}


/* 1 colonne */

.sousmenu table, .sousmenu tr, .sousmenu td{border:1px solid black;}

.sousmenu td{width:200px; height:350px; text-align:center}
.sousmenu td img{width:200px;}

.sousmenu table{margin: 0px auto}

/*2 colonnes */

.sousmenu2 table, .sousmenu2 tr, .sousmenu2 td{border:1px solid black;}

.sousmenu2 td{width:200px; height:350px; text-align:center}
.sousmenu2 td img{width:200px;}

.sousmenu2 table{margin: 0px auto}

/*3 colonnes*/

.sousmenu3 table, .sousmenu3 tr, .sousmenu3 td{border:1px solid black;}

.sousmenu3 td{width:130px; height:200px; text-align:center}
.sousmenu3 td img{width:130px;}

.sousmenu3 table{margin: 0px auto}

/*4 colonnes*/

.sousmenu4{margin:40px 0 40px 0;}
.sousmenu4 table, .sousmenu4 tr, .sousmenu4 td{border:1px solid black;}

.sousmenu4 td{width:100px; height:200px; text-align:center}
.sousmenu4 td img{width:100%;}

.sousmenu4 table{margin: auto}




#testsousmenu div{
width: 360px;
margin:auto;

}

#testsousmenu2{
}

#testsousmenu2 div{
width: 360px;
margin:auto;
}

#tablesousmenu{
width:320px
}

#tablesousmenu, #tablesousmenu tr, #tablesousmenu td{
border : 1px solid black;
}
.2parligne {
width: 160px;
}



.td2 {
width: 160px;
height:200px
}

.partenaire{
text-align:center;
font-size: 18px;
font-family: arial;
background-color:grey;
width: 600px;
height: 100px;
margin: auto;
padding: 15px;
margin-bottom: 15px
}
.partenaire img{
max-height: 80px;
max-width: 200px;
float:left;
}
.clear{clear:both;}

#diaporama{
width:680px;
margin-left:20px
}

.actus_accueil{

}

.floatright{
float:right;
}

.date_auteur{
padding-right:3px;

}

#actualite
{
width:900px;
margin:auto;
background-color: white;
}
#actualite h1 {
font-family: Arial;
font-size: 20px;
color: red;
text-align: center;
font-weight: bolder;
margin-top: 15px;
margin-bottom: 15px;
padding: 0;
}
.clear{clear:both}
#actualite #miniatures img{width:150px;}
#actualites{width:700px; margin:auto}
#actualites a{text-decoration:none}
#actualites h2{padding-top:15px; padding-bottom:15px; color:red}
#actualites h3{text-decoration:underline}
#actualites span{color:black}
#actualites .date_auteur{color:grey}
.actualite{margin-bottom:15px;}


#actus{width:219px; margin:auto}
#actus a{text-decoration:none}
#actus h3{text-decoration:underline}
#actus span{color:black}
#actus .date_auteur{color:grey}


.titre_actus {
display: block;
width: 220px;
height: 21px;
padding-top: 4px;
margin-top: 0px;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
border: none;
text-align: center;
font-size: 12px;
font-weight: bold;
text-decoration: none;
color: white;
background: url(../design/titre_accueil220b.jpg);
}

#actus_accueil
{
width : 217px ;
padding-top : 5px ;
padding-bottom : 10px ;
padding-left : 0px ;
padding-right : 0px ;
margin-top : 0px ;
margin-bottom : 0px ;
margin-left : 0px ;
margin-right : 0px ;
border-width: 1px;
border-style: solid ;
border-color: silver ;
background-color :#f0f0f0;
}

#actus_accueil .actu_lien
{
font-size: 10px;
color:grey ;
font-weight: normal;
text-decoration:none ;
margin-top: 5px;
margin-bottom: 5px;
}

#actus_accueil .actu_lien:hover
{
font-size: 10px;
color:red ;
font-weight: bold;
text-decoration:none ;
margin-top: 5px;
margin-bottom: 5px;
}

#actus_accueil .actu_date
{
font-size: 10px;
color:black ;
text-decoration:none ;
font-weight: bolder;
text-decoration:none ;
margin-top: 5px;
margin-bottom: 5px;
}

#actus_accueil h3
{
font-size: 10px;
color : red :
}