/********************************/
/*   BLOC CENTER
/********************************/

#bloc-center .inner { overflow: hidden; zoom:1; line-height: 16px; }

#bloc-center .inner.nopad { padding-top:0; }

#bloc-center .wrap { margin-bottom: 15px; }

#bloc-center a { text-decoration: underline; }

.pack-image.left  { margin-right: 10px; }
.pack-image.right  { margin-left: 10px; }


/* H1 SPECIAL */
h1.special { background: url(img/page/h1_trait.gif) repeat-x 0 100%; padding-bottom: 7px; }
h1.special .puce { display: block; background: url(img/page/puce_h1_bleu.png) no-repeat 0 3px; padding-left: 30px; }


/****************************************************************/
/*   AVEC HEADER ET FILET
/****************************************************************/

.style2 .inner, .style3 .inner, .style4 .inner, .style5 .inner, .style6 .inner, .style7 .inner, .style8 .inner 
{ border-left: #c2c2c2 1px solid; border-right: #c2c2c2 1px solid; padding: 10px 15px 0 15px; }

.opener-filet { background: url(img/page/filet.png) no-repeat 0 0; padding-left: 15px; height: 15px; overflow: hidden; }
.opener-filet div { background: url(img/page/filet.png) no-repeat 100% 0; height: 15px;  }

.closer-filet { background: url(img/page/closer_filet.png) no-repeat 0 100%; padding-left: 15px; height: 15px; overflow: hidden; }
.closer-filet div { background: url(img/page/closer_filet.png) no-repeat 100% 100%; height: 15px;  }

/********************************/
/*   STYLE 1 : SIMPLE
/********************************/

.style1 h2 { background: url(img/page/puce_h2_bleu.gif) no-repeat 0 3px; padding: 0 0 15px 20px; }
.style1 h3 { background: url(img/page/puce_h3_bleu.gif) no-repeat 0 5px; padding: 0 0 0 15px; }

/********************************/
/*   STYLE 2 : HEADER BLEU
/********************************/

.style2 h2 { background: url(img/page/degrade_bleu.png) repeat-y 0 0; color: #FFF; }
.style2 h2 .coinG { display: block; background: url(img/page/coin_bleu_hg.gif) no-repeat 0 0; }
.style2 h2 .coinD { display: block; background: url(img/page/coin_bleu_hd.gif) no-repeat 100% 0; padding: 6px 15px; }

/********************************/
/*   STYLE 3 : HEADER GRIS
/********************************/

.style3 h2 { background: url(img/page/degrade_gris.png) repeat-y 0 0; color: #FFF; }
.style3 h2 .coinG { display: block; background: url(img/page/coin_gris_hg.gif) no-repeat 0 0; }
.style3 h2 .coinD { display: block; background: url(img/page/coin_gris_hd.gif) no-repeat 100% 0; padding: 6px 15px; }
/*
.style3 a { color: #93a0a7; }
*/

/********************************/
/*   STYLE 4 : HEADER MAUVE
/********************************/

.style4 h2 { background: url(img/page/degrade_mauve.png) repeat-y 0 0; color: #FFF; }
.style4 h2 .coinG { display: block; background: url(img/page/coin_mauve_hg.gif) no-repeat 0 0; }
.style4 h2 .coinD { display: block; background: url(img/page/coin_mauve_hd.gif) no-repeat 100% 0; padding: 6px 15px; }
/*
.style4 h3 { color: #4d1a69; }
.style4 a { color: #e53165; }
*/

/********************************/
/*   STYLE 5 : HEADER ORANGE
/********************************/

.style5 h2 { background: url(img/page/degrade_orange.png) repeat-y 0 0; color: #FFF; }
.style5 h2 .coinG { display: block; background: url(img/page/coin_orange_hg.gif) no-repeat 0 0; }
.style5 h2 .coinD { display: block; background: url(img/page/coin_orange_hd.gif) no-repeat 100% 0; padding: 6px 15px; }
/*
.style5 h3 { color: #ee7f00; }
.style5 a { color: #f9b600; }
*/

/********************************/
/*   STYLE 6 : HEADER ROUGE
/********************************/

.style6 h2 { background: url(img/page/degrade_rouge.png) repeat-y 0 0; color: #FFF; }
.style6 h2 .coinG { display: block; background: url(img/page/coin_rouge_hg.gif) no-repeat 0 0; }
.style6 h2 .coinD { display: block; background: url(img/page/coin_rouge_hd.gif) no-repeat 100% 0; padding: 6px 15px; }
/*
.style6 h3 { color: #7b080f; }
.style6 a { color: #e2001a; }
*/

/********************************/
/*   STYLE 7 : HEADER VERT
/********************************/

.style7 h2 { background: url(img/page/degrade_vert.png) repeat-y 0 0; color: #FFF; }
.style7 h2 .coinG { display: block; background: url(img/page/coin_vert_hg.gif) no-repeat 0 0; }
.style7 h2 .coinD { display: block; background: url(img/page/coin_vert_hd.gif) no-repeat 100% 0; padding: 6px 15px; }
/*
.style7 h3 { color: #2d6b2c; }
.style7 a { color: #a8c500; }
*/

/****************************************************************/
/*   AVEC FOND DEGRADE
/****************************************************************/

.style9 a, .style10 a, .style11 a, .style12 a, .style13 a, .style14 a { color: #FFF !important; }

/********************************/
/*   STYLE 9 : FOND BLEU
/********************************/

.style9 h2 { background: url(img/page/degrade_bleu.png) repeat-y 0 0; color: #FFF; }
.style9 h2 .coinG { display: block; background: url(img/page/coin_bleu_hg.gif) no-repeat 0 0; }
.style9 h2 .coinD { display: block; background: url(img/page/coin_bleu_hd.gif) no-repeat 100% 0; padding: 6px 15px; }

.style9 h3 { color: #FFF; }
.style9 .inner { background: url(img/page/degrade_bleu.png) repeat-y 0 0;  padding: 10px 15px 0 15px; color: #FFF; }

.style9 .closer-fond { background: url(img/page/degrade_bleu.png) repeat-y 0 0; }
.style9 .closer-fond .coinG {  background: url(img/page/coin_bleu_bg.gif) no-repeat 0 0;  }
.style9 .closer-fond .coinD { background: url(img/page/coin_bleu_bd.gif) no-repeat 100% 0; height: 15px; }

/********************************/
/*   STYLE 10 : FOND GRIS
/********************************/

.style10 h2 { background: url(img/page/degrade_gris.png) repeat-y 0 0; color: #FFF; }
.style10 h2 .coinG { display: block; background: url(img/page/coin_gris_hg.gif) no-repeat 0 0; }
.style10 h2 .coinD { display: block; background: url(img/page/coin_gris_hd.gif) no-repeat 100% 0; padding: 6px 15px; }

.style10 h3 { color: #FFF; }
.style10 .inner { background: url(img/page/degrade_gris.png) repeat-y 0 0;  padding: 10px 15px 0 15px; color: #FFF; }

.style10 .closer-fond { background: url(img/page/degrade_gris.png) repeat-y 0 0; }
.style10 .closer-fond .coinG {  background: url(img/page/coin_gris_bg.gif) no-repeat 0 0;  }
.style10 .closer-fond .coinD { background: url(img/page/coin_gris_bd.gif) no-repeat 100% 0; height: 15px; }

/********************************/
/*   STYLE 11 : FOND MAUVE
/********************************/

.style11 h2 { background: url(img/page/degrade_mauve.png) repeat-y 0 0; color: #FFF; }
.style11 h2 .coinG { display: block; background: url(img/page/coin_mauve_hg.gif) no-repeat 0 0; }
.style11 h2 .coinD { display: block; background: url(img/page/coin_mauve_hd.gif) no-repeat 100% 0; padding: 6px 15px; }

.style11 h3 { color: #FFF; }
.style11 .inner { background: url(img/page/degrade_mauve.png) repeat-y 0 0;  padding: 10px 15px 0 15px; color: #FFF; }

.style11 .closer-fond { background: url(img/page/degrade_mauve.png) repeat-y 0 0; }
.style11 .closer-fond .coinG {  background: url(img/page/coin_mauve_bg.gif) no-repeat 0 0;  }
.style11 .closer-fond .coinD { background: url(img/page/coin_mauve_bd.gif) no-repeat 100% 0; height: 15px; }

/********************************/
/*   STYLE 12 : FOND ORANGE
/********************************/

.style12 h2 { background: url(img/page/degrade_orange.png) repeat-y 0 0; color: #FFF; }
.style12 h2 .coinG { display: block; background: url(img/page/coin_orange_hg.gif) no-repeat 0 0; }
.style12 h2 .coinD { display: block; background: url(img/page/coin_orange_hd.gif) no-repeat 100% 0; padding: 6px 15px; }

.style12 h3 { color: #FFF; }
.style12 .inner { background: url(img/page/degrade_orange.png) repeat-y 0 0;  padding: 10px 15px 0 15px; color: #FFF; }

.style12 .closer-fond { background: url(img/page/degrade_orange.png) repeat-y 0 0; }
.style12 .closer-fond .coinG {  background: url(img/page/coin_orange_bg.gif) no-repeat 0 0;  }
.style12 .closer-fond .coinD { background: url(img/page/coin_orange_bd.gif) no-repeat 100% 0; height: 15px; }

/********************************/
/*   STYLE 13 : FOND ROUGE
/********************************/

.style13 h2 { background: url(img/page/degrade_rouge.png) repeat-y 0 0; color: #FFF; }
.style13 h2 .coinG { display: block; background: url(img/page/coin_rouge_hg.gif) no-repeat 0 0; }
.style13 h2 .coinD { display: block; background: url(img/page/coin_rouge_hd.gif) no-repeat 100% 0; padding: 6px 15px; }

.style13 h3 { color: #FFF; }
.style13 .inner { background: url(img/page/degrade_rouge.png) repeat-y 0 0;  padding: 10px 15px 0 15px; color: #FFF; }

.style13 .closer-fond { background: url(img/page/degrade_rouge.png) repeat-y 0 0; }
.style13 .closer-fond .coinG {  background: url(img/page/coin_rouge_bg.gif) no-repeat 0 0;  }
.style13 .closer-fond .coinD { background: url(img/page/coin_rouge_bd.gif) no-repeat 100% 0; height: 15px; }


/********************************/
/*   STYLE 14 : FOND VERT
/********************************/

.style14 h2 { background: url(img/page/degrade_vert.png) repeat-y 0 0; color: #FFF; }
.style14 h2 .coinG { display: block; background: url(img/page/coin_vert_hg.gif) no-repeat 0 0; }
.style14 h2 .coinD { display: block; background: url(img/page/coin_vert_hd.gif) no-repeat 100% 0; padding: 6px 15px; }

.style14 h3 { color: #FFF; }
.style14 .inner { background: url(img/page/degrade_vert.png) repeat-y 0 0;  padding: 10px 15px 0 15px; color: #FFF; }

.style14 .closer-fond { background: url(img/page/degrade_vert.png) repeat-y 0 0; }
.style14 .closer-fond .coinG {  background: url(img/page/coin_vert_bg.gif) no-repeat 0 0;  }
.style14 .closer-fond .coinD { background: url(img/page/coin_vert_bd.gif) no-repeat 100% 0; height: 15px; }




/********************************/
/*   GESTION DES COLONNES
/********************************/

.w50 { float : left; clear : left; width : 49%; }
.w50-newline { float : right; clear : right; width : 49%; }
.w33-first { float : left; display : inline; width : 32%; }
.w33-2 { float : left; display : inline; width : 32%; margin-left : 2%;  }
* html .w33-2 { margin : 0 0 0 1%; } /*Hack ie6*/
.w33-newline { float : right; display : inline; clear : right; width : 32%; }


/********************************/
/*   DIVERS
/********************************/

img.style1 { float: left; margin-right: 10px; }
img.style2 { float: right; margin-left: 10px; }