html,body,div,p,h1,h2,h3,li,ul,nav,section,header,footer{
margin:0;
padding:0;
}
h1{
margin-left:60px;
padding-top:10px;
font-family:annifont;font-size:40px;
}
h2{
font-size:11px;
font-weight:bold;
}
h3{
font-size:12px;
font-weight:bold;
text-align:center;
color:#990000;
}
#corps h2{
font-size:14px;
letter-spacing:3px;
text-align:center;
font-weight:bold;
}
#corps h2:first-letter{
font-size:18px;
color:#cf0202;
}
a:link,a:visited{
text-decoration:none;
}
a{
color:#262626;
letter-spacing:2px;
font-size:10px;
}
a:hover{
color:#0077e6;
}
nav,#nav_haut,#nav_bas{
position:relative;
z-index:1;
}
#nav_haut a{
display:inline-block;
font-family:annifont;font-size:14px;
letter-spacing:0;
margin-top:7px;
}
#nav_haut li {
background-image:url(images/etiquette_petite.png);
background-repeat:no-repeat;
width:100px;
height:44px;
text-align:center;
}
#nav_haut li a.active{
background-image:url(images/ballon.png);
background-repeat:no-repeat;
background-position:center 16px;
height:65px;
min-width:50px;
}
#nav_haut li:nth-child(2),#nav_haut li:nth-child(3),#nav_haut li:nth-child(6) {
background-image:url(images/etiquette.png);
background-repeat:no-repeat;
width:116px;
height:44px;
text-align:center;
}
#nav_haut li:nth-child(1){
transform:rotate(3deg);
transform-origin:center center;
-moz-transform:rotate(3deg);
-moz-transform-origin:center center;
-webkit-transform:rotate(3deg);
-webkit-transform-origin:center center;
/*-o-transform:rotate(3deg);
-o-transform-origin:center center;*/
-transform:rotate(3deg);
-transform-origin:center center;
}
#nav_haut li:nth-child(2){
transform:rotate(4deg);
transform-origin:center center;
-moz-transform:rotate(4deg);
-moz-transform-origin:center center;
-webkit-transform:rotate(4deg);
-webkit-transform-origin:center center;
/*-o-transform:rotate(4deg);
-o-transform-origin:center center;*/
-transform:rotate(4deg);
-transform-origin:center center;
}
#nav_haut li:nth-child(3){
transform:rotate(2deg);
transform-origin:center center;
-moz-transform:rotate(2deg);
-moz-transform-origin:center center;
-webkit-transform:rotate(2deg);
-webkit-transform-origin:center center;
/*-o-transform:rotate(2deg);
-o-transform-origin:center center;*/
-transform:rotate(2deg);
-transform-origin:center center;
}
#nav_haut li:nth-child(4){
transform:rotate(3deg);
transform-origin:center center;
-moz-transform:rotate(3deg);
-moz-transform-origin:center center;
-webkit-transform:rotate(3deg);
-webkit-transform-origin:center center;
/*-o-transform:rotate(3deg);
-o-transform-origin:center center;*/
-transform:rotate(3deg);
-transform-origin:center center;
}
#nav_haut li:nth-child(5){
transform:rotate(4deg);
transform-origin:center center;
-moz-transform:rotate(4deg);
-moz-transform-origin:center center;
-webkit-transform:rotate(4deg);
-webkit-transform-origin:center center;
/*-o-transform:rotate(4deg);
-o-transform-origin:center center;*/
-transform:rotate(4deg);
-transform-origin:center center;
}
#nav_haut li:nth-child(6){
transform:rotate(-4deg);
transform-origin:center center;
-moz-transform:rotate(-4deg);
-moz-transform-origin:center center;
-webkit-transform:rotate(-4deg);
-webkit-transform-origin:center center;
/*-o-transform:rotate(-4deg);
-o-transform-origin:center center;*/
-transform:rotate(-4deg);
-transform-origin:center center;
}
#nav_haut li:nth-child(7){
transform:rotate(-3deg);
transform-origin:center center;
-moz-transform:rotate(-3deg);
-moz-transform-origin:center center;
-webkit-transform:rotate(-3deg);
-webkit-transform-origin:center center;
/*-o-transform:rotate(-3deg);
-o-transform-origin:center center;*/
-transform:rotate(-3deg);
-transform-origin:center center;
}
#nav_haut li:nth-child(8){
transform:rotate(4deg);
transform-origin:center center;
-moz-transform:rotate(4deg);
-moz-transform-origin:center center;
-webkit-transform:rotate(4deg);
-webkit-transform-origin:center center;
/*-o-transform:rotate(4deg);
-o-transform-origin:center center;*/
-transform:rotate(4deg);
-transform-origin:center center;
}
#nav_haut li:hover{
transform:rotate(3deg);
transform-origin:center center;
-moz-transform:rotate(3deg);
-moz-transform-origin:center center;
-webkit-transform:rotate(3deg);
-webkit-transform-origin:center center;
/*-o-transform:rotate(3deg);
-o-transform-origin:center center;*/
-transform:rotate(3deg);
-transform-origin:center center;
}
#nav_bas li{
padding:0 15px;
}
ul{
list-style-type:none;
}
nav ul li,nav ul li:hover{
display:inline-block;
}
img{
border:none;
}
.active{
color:#cf0202;
}
.vert{
color:#009900;
}
.rouge{
color:#cf0202;
}
.px14{
font-size:14px;
}
.moins20px{
display:block;
margin:-20px 0 0 55px;
}
.moins10px{
display:block;
margin:-10px 0 0 55px;
}
#clignotant1,#clignotant2,.moment{ /* règle smlt couleur, clignotement en JS */ /* variable clignotant pour compatibilité W3C éviter répétition d'1 même id */
color:#01a431;
}
.warning{
font-size:24px;
color:#900;
text-align:center;
}
#cadre{
width:100%;
background-image:url(images/texture.png);
}
#sous_main{
width:1000px;
margin:auto;
background-color:#ccd6ec;
background-image: -moz-linear-gradient(top, #ccd6ec, #e4e4e4);
background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #e4e4e4),color-stop(1, #ccd6ec));
-moz-box-shadow: 4px 4px 4px #8a8b8b;
-webkit-box-shadow: 4px 4px 4px #8a8b8b;
box-shadow: 4px 4px 4px #8a8b8b;
}
#main{
color:#262626;
background-image:url(images/main_rayures.png);
background-repeat:no-repeat;
width:1000px;
overflow:visible;
font:11px verdana;}
header{
display:block;
width:1040px;
height:200px;
background-image:url(images/header_bebes.png);
background-repeat:no-repeat;
background-position:150px 30px;
overflow:visible;
}
#logo_site{
display:none;
}
#vcard{
display:none;
}
#nav_haut{
width:100%;
text-align:center;
}
section{
width:100%;
display:block;
position:relative;
z-index:50;
margin-top:7px;
}
#titre_page{
width:210px;
float:left;
padding:80px 10px 0 10px;
text-align:center;
font-size:28px;
font-family:annifont; color:#cf0202;
position:relative;
}
#moment{
font-family:verdana; font-size:14px;
margin-top:30px;
padding:20px 0;
color:#262626;
border:4px double #fff;
}
#corps{
width:720px;
margin-top:20px;
min-height:300px;
float:left;
color:#262626;
background-color: rgba(4, 111, 186, 0.2); /* transparence background seulement */
transform:rotate(-1.1deg);
transform-origin:center center;
-moz-transform:rotate(-1.1deg);
-moz-transform-origin:center center;
-webkit-transform:rotate(-1.1deg);
-webkit-transform-origin:center center;
-o-transform:rotate(-1.1deg);
-o-transform-origin:center center;
-transform:rotate(-1.1deg);
-transform-origin:center center;
-moz-box-shadow: 4px 4px 4px #8a8b8b;
-webkit-box-shadow: 4px 4px 4px #8a8b8b;
box-shadow: 4px 4px 4px #8a8b8b;
padding:10px;
}
#corps a{
color:#009;
}
#corps a span{
display:block;
width:700px;
text-align:center;
}
/*#sous_corps{
width:740px;
font-family:verdana;
font-size:12px;
color:#262626;
} */
#texte_rub{
clear:both;
width:600px;
z-index:1;
letter-spacing:1px;
color:#262626;
padding: 15px 60px 30px 60px;
/*-moz-column-width: 200px;
-webkit-column-width: 200px;
-moz-column-gap: 10px;
-webkit-column-gap: 10px;
column-width:200px;
column-gap:10px;
*/
border-bottom:1px dashed #fff;
}
#texte_rub h2{
font-weight:bold;
letter-spacing:3px;
world-spacing:6px;
margin-bottom:10px;
}
#texte_rub strong{
color:#cf0202;
}
#image_rub1{
width:215px;
margin:15px 60px;
}
/* accueil sur 2 colonnes + image */
#texte_rub1{
width:300px;
margin:15px 60px;
-moz-column-width: 145px;
-webkit-column-width: 145px;
-moz-column-gap: 10px;
-webkit-column-gap: 10px;
column-width:145px;
column-gap:10px;
}
/* accueil, 2 colonnes si pas d'immage */
#texte_rub1.col2_accueil{
width:600px;
margin:15px 60px;
-moz-column-width: 280px;
-webkit-column-width: 280px;
-moz-column-gap: 20px;
-webkit-column-gap: 20px;
column-width:280px;
column-gap:20px;
}
/* autres rubriques, 1 colonne, pas d'image */
#texte_rub1.col1{
width:600px;
margin:15px 60px;
-moz-column-width: 600px;
-webkit-column-width: 600px;
-moz-column-gap: 0px;
-webkit-column-gap: 0px;
column-width:600px;
column-gap:0px;
}
/* autres rubriques, 1 colonne + 1 image */
#texte_rub1.col2{
width:300px;
margin:15px 60px;
-moz-column-width: 300px;
-webkit-column-width: 300px;
-moz-column-gap: 0px;
-webkit-column-gap: 0px;
column-width:300px;
column-gap:0px;
}
/* Alterner gauche et droite divs impaires */ #image_rub1,texte_rub1,#image_rub3,texte_rub3,#image_rub5,texte_rub5,#image_rub7,texte_rub7,#image_rub9,texte_rub9,#image_rub11,texte_rub11,#image_rub13,texte_rub13,#image_rub15,texte_rub15,#image_rub17,texte_rub17,#image_rub19,texte_rub19{
float:left;
}
/* Alterner gauche et droite divs paires */ #image_rub2,texte_rub2,#image_rub4,texte_rub4,#image_rub6,texte_rub6,#image_rub8,texte_rub8,#image_rub10,texte_rub10,#image_rub12,texte_rub12,#image_rub14,texte_rub14,#image_rub16,texte_rub16,#image_rub18,texte_rub18,#image_rub20,texte_rub20{
float:right;
}
#bidon_rub1{
clear:both;
width:700px;
height:1px;
border-bottom:1px dashed #fff;
}
#image_rub2{
width:215px;
margin:15px 60px;
}
/* accueil sur 2 colonnes + image */
#texte_rub2{
width:300px;
margin:15px 60px;
-moz-column-width: 145px;
-webkit-column-width: 145px;
-moz-column-gap: 10px;
-webkit-column-gap: 10px;
column-width:145px;
column-gap:10px;
}
/* accueil, 2 colonnes si pas d'immage */
#texte_rub2.col2_accueil{
width:600px;
margin:15px 60px;
-moz-column-width: 280px;
-webkit-column-width: 280px;
-moz-column-gap: 20px;
-webkit-column-gap: 20px;
column-width:280px;
column-gap:20px;
}
/* autres rubriques, 1 colonne, pas d'image */
#texte_rub2.col1{
width:600px;
margin:15px 60px;
-moz-column-width: 600px;
-webkit-column-width: 600px;
-moz-column-gap: 0px;
-webkit-column-gap: 0px;
column-width:600px;
column-gap:0px;
}
/* autres rubriques, 1 colonne + 1 image */
#texte_rub2.col2{
width:300px;
margin:15px 60px;
-moz-column-width: 300px;
-webkit-column-width: 300px;
-moz-column-gap: 0px;
-webkit-column-gap: 0px;
column-width:300px;
column-gap:0px;
}
/* Alterner gauche et droite divs impaires */ #image_rub1,texte_rub1,#image_rub3,texte_rub3,#image_rub5,texte_rub5,#image_rub7,texte_rub7,#image_rub9,texte_rub9,#image_rub11,texte_rub11,#image_rub13,texte_rub13,#image_rub15,texte_rub15,#image_rub17,texte_rub17,#image_rub19,texte_rub19{
float:left;
}
/* Alterner gauche et droite divs paires */ #image_rub2,texte_rub2,#image_rub4,texte_rub4,#image_rub6,texte_rub6,#image_rub8,texte_rub8,#image_rub10,texte_rub10,#image_rub12,texte_rub12,#image_rub14,texte_rub14,#image_rub16,texte_rub16,#image_rub18,texte_rub18,#image_rub20,texte_rub20{
float:right;
}
#bidon_rub2{
clear:both;
width:700px;
height:1px;
border-bottom:1px dashed #fff;
}
#image_rub3{
width:215px;
margin:15px 60px;
}
/* accueil sur 2 colonnes + image */
#texte_rub3{
width:300px;
margin:15px 60px;
-moz-column-width: 145px;
-webkit-column-width: 145px;
-moz-column-gap: 10px;
-webkit-column-gap: 10px;
column-width:145px;
column-gap:10px;
}
/* accueil, 2 colonnes si pas d'immage */
#texte_rub3.col2_accueil{
width:600px;
margin:15px 60px;
-moz-column-width: 280px;
-webkit-column-width: 280px;
-moz-column-gap: 20px;
-webkit-column-gap: 20px;
column-width:280px;
column-gap:20px;
}
/* autres rubriques, 1 colonne, pas d'image */
#texte_rub3.col1{
width:600px;
margin:15px 60px;
-moz-column-width: 600px;
-webkit-column-width: 600px;
-moz-column-gap: 0px;
-webkit-column-gap: 0px;
column-width:600px;
column-gap:0px;
}
/* autres rubriques, 1 colonne + 1 image */
#texte_rub3.col2{
width:300px;
margin:15px 60px;
-moz-column-width: 300px;
-webkit-column-width: 300px;
-moz-column-gap: 0px;
-webkit-column-gap: 0px;
column-width:300px;
column-gap:0px;
}
/* Alterner gauche et droite divs impaires */ #image_rub1,texte_rub1,#image_rub3,texte_rub3,#image_rub5,texte_rub5,#image_rub7,texte_rub7,#image_rub9,texte_rub9,#image_rub11,texte_rub11,#image_rub13,texte_rub13,#image_rub15,texte_rub15,#image_rub17,texte_rub17,#image_rub19,texte_rub19{
float:left;
}
/* Alterner gauche et droite divs paires */ #image_rub2,texte_rub2,#image_rub4,texte_rub4,#image_rub6,texte_rub6,#image_rub8,texte_rub8,#image_rub10,texte_rub10,#image_rub12,texte_rub12,#image_rub14,texte_rub14,#image_rub16,texte_rub16,#image_rub18,texte_rub18,#image_rub20,texte_rub20{
float:right;
}
#bidon_rub3{
clear:both;
width:700px;
height:1px;
border-bottom:1px dashed #fff;
}
#image_rub4{
width:215px;
margin:15px 60px;
}
/* accueil sur 2 colonnes + image */
#texte_rub4{
width:300px;
margin:15px 60px;
-moz-column-width: 145px;
-webkit-column-width: 145px;
-moz-column-gap: 10px;
-webkit-column-gap: 10px;
column-width:145px;
column-gap:10px;
}
/* accueil, 2 colonnes si pas d'immage */
#texte_rub4.col2_accueil{
width:600px;
margin:15px 60px;
-moz-column-width: 280px;
-webkit-column-width: 280px;
-moz-column-gap: 20px;
-webkit-column-gap: 20px;
column-width:280px;
column-gap:20px;
}
/* autres rubriques, 1 colonne, pas d'image */
#texte_rub4.col1{
width:600px;
margin:15px 60px;
-moz-column-width: 600px;
-webkit-column-width: 600px;
-moz-column-gap: 0px;
-webkit-column-gap: 0px;
column-width:600px;
column-gap:0px;
}
/* autres rubriques, 1 colonne + 1 image */
#texte_rub4.col2{
width:300px;
margin:15px 60px;
-moz-column-width: 300px;
-webkit-column-width: 300px;
-moz-column-gap: 0px;
-webkit-column-gap: 0px;
column-width:300px;
column-gap:0px;
}
/* Alterner gauche et droite divs impaires */ #image_rub1,texte_rub1,#image_rub3,texte_rub3,#image_rub5,texte_rub5,#image_rub7,texte_rub7,#image_rub9,texte_rub9,#image_rub11,texte_rub11,#image_rub13,texte_rub13,#image_rub15,texte_rub15,#image_rub17,texte_rub17,#image_rub19,texte_rub19{
float:left;
}
/* Alterner gauche et droite divs paires */ #image_rub2,texte_rub2,#image_rub4,texte_rub4,#image_rub6,texte_rub6,#image_rub8,texte_rub8,#image_rub10,texte_rub10,#image_rub12,texte_rub12,#image_rub14,texte_rub14,#image_rub16,texte_rub16,#image_rub18,texte_rub18,#image_rub20,texte_rub20{
float:right;
}
#bidon_rub4{
clear:both;
width:700px;
height:1px;
border-bottom:1px dashed #fff;
}
#image_rub5{
width:215px;
margin:15px 60px;
}
/* accueil sur 2 colonnes + image */
#texte_rub5{
width:300px;
margin:15px 60px;
-moz-column-width: 145px;
-webkit-column-width: 145px;
-moz-column-gap: 10px;
-webkit-column-gap: 10px;
column-width:145px;
column-gap:10px;
}
/* accueil, 2 colonnes si pas d'immage */
#texte_rub5.col2_accueil{
width:600px;
margin:15px 60px;
-moz-column-width: 280px;
-webkit-column-width: 280px;
-moz-column-gap: 20px;
-webkit-column-gap: 20px;
column-width:280px;
column-gap:20px;
}
/* autres rubriques, 1 colonne, pas d'image */
#texte_rub5.col1{
width:600px;
margin:15px 60px;
-moz-column-width: 600px;
-webkit-column-width: 600px;
-moz-column-gap: 0px;
-webkit-column-gap: 0px;
column-width:600px;
column-gap:0px;
}
/* autres rubriques, 1 colonne + 1 image */
#texte_rub5.col2{
width:300px;
margin:15px 60px;
-moz-column-width: 300px;
-webkit-column-width: 300px;
-moz-column-gap: 0px;
-webkit-column-gap: 0px;
column-width:300px;
column-gap:0px;
}
/* Alterner gauche et droite divs impaires */ #image_rub1,texte_rub1,#image_rub3,texte_rub3,#image_rub5,texte_rub5,#image_rub7,texte_rub7,#image_rub9,texte_rub9,#image_rub11,texte_rub11,#image_rub13,texte_rub13,#image_rub15,texte_rub15,#image_rub17,texte_rub17,#image_rub19,texte_rub19{
float:left;
}
/* Alterner gauche et droite divs paires */ #image_rub2,texte_rub2,#image_rub4,texte_rub4,#image_rub6,texte_rub6,#image_rub8,texte_rub8,#image_rub10,texte_rub10,#image_rub12,texte_rub12,#image_rub14,texte_rub14,#image_rub16,texte_rub16,#image_rub18,texte_rub18,#image_rub20,texte_rub20{
float:right;
}
#bidon_rub5{
clear:both;
width:700px;
height:1px;
border-bottom:1px dashed #fff;
}
#image_rub6{
width:215px;
margin:15px 60px;
}
/* accueil sur 2 colonnes + image */
#texte_rub6{
width:300px;
margin:15px 60px;
-moz-column-width: 145px;
-webkit-column-width: 145px;
-moz-column-gap: 10px;
-webkit-column-gap: 10px;
column-width:145px;
column-gap:10px;
}
/* accueil, 2 colonnes si pas d'immage */
#texte_rub6.col2_accueil{
width:600px;
margin:15px 60px;
-moz-column-width: 280px;
-webkit-column-width: 280px;
-moz-column-gap: 20px;
-webkit-column-gap: 20px;
column-width:280px;
column-gap:20px;
}
/* autres rubriques, 1 colonne, pas d'image */
#texte_rub6.col1{
width:600px;
margin:15px 60px;
-moz-column-width: 600px;
-webkit-column-width: 600px;
-moz-column-gap: 0px;
-webkit-column-gap: 0px;
column-width:600px;
column-gap:0px;
}
/* autres rubriques, 1 colonne + 1 image */
#texte_rub6.col2{
width:300px;
margin:15px 60px;
-moz-column-width: 300px;
-webkit-column-width: 300px;
-moz-column-gap: 0px;
-webkit-column-gap: 0px;
column-width:300px;
column-gap:0px;
}
/* Alterner gauche et droite divs impaires */ #image_rub1,texte_rub1,#image_rub3,texte_rub3,#image_rub5,texte_rub5,#image_rub7,texte_rub7,#image_rub9,texte_rub9,#image_rub11,texte_rub11,#image_rub13,texte_rub13,#image_rub15,texte_rub15,#image_rub17,texte_rub17,#image_rub19,texte_rub19{
float:left;
}
/* Alterner gauche et droite divs paires */ #image_rub2,texte_rub2,#image_rub4,texte_rub4,#image_rub6,texte_rub6,#image_rub8,texte_rub8,#image_rub10,texte_rub10,#image_rub12,texte_rub12,#image_rub14,texte_rub14,#image_rub16,texte_rub16,#image_rub18,texte_rub18,#image_rub20,texte_rub20{
float:right;
}
#bidon_rub6{
clear:both;
width:700px;
height:1px;
border-bottom:1px dashed #fff;
}
#image_rub7{
width:215px;
margin:15px 60px;
}
/* accueil sur 2 colonnes + image */
#texte_rub7{
width:300px;
margin:15px 60px;
-moz-column-width: 145px;
-webkit-column-width: 145px;
-moz-column-gap: 10px;
-webkit-column-gap: 10px;
column-width:145px;
column-gap:10px;
}
/* accueil, 2 colonnes si pas d'immage */
#texte_rub7.col2_accueil{
width:600px;
margin:15px 60px;
-moz-column-width: 280px;
-webkit-column-width: 280px;
-moz-column-gap: 20px;
-webkit-column-gap: 20px;
column-width:280px;
column-gap:20px;
}
/* autres rubriques, 1 colonne, pas d'image */
#texte_rub7.col1{
width:600px;
margin:15px 60px;
-moz-column-width: 600px;
-webkit-column-width: 600px;
-moz-column-gap: 0px;
-webkit-column-gap: 0px;
column-width:600px;
column-gap:0px;
}
/* autres rubriques, 1 colonne + 1 image */
#texte_rub7.col2{
width:300px;
margin:15px 60px;
-moz-column-width: 300px;
-webkit-column-width: 300px;
-moz-column-gap: 0px;
-webkit-column-gap: 0px;
column-width:300px;
column-gap:0px;
}
/* Alterner gauche et droite divs impaires */ #image_rub1,texte_rub1,#image_rub3,texte_rub3,#image_rub5,texte_rub5,#image_rub7,texte_rub7,#image_rub9,texte_rub9,#image_rub11,texte_rub11,#image_rub13,texte_rub13,#image_rub15,texte_rub15,#image_rub17,texte_rub17,#image_rub19,texte_rub19{
float:left;
}
/* Alterner gauche et droite divs paires */ #image_rub2,texte_rub2,#image_rub4,texte_rub4,#image_rub6,texte_rub6,#image_rub8,texte_rub8,#image_rub10,texte_rub10,#image_rub12,texte_rub12,#image_rub14,texte_rub14,#image_rub16,texte_rub16,#image_rub18,texte_rub18,#image_rub20,texte_rub20{
float:right;
}
#bidon_rub7{
clear:both;
width:700px;
height:1px;
border-bottom:1px dashed #fff;
}
#image_rub8{
width:215px;
margin:15px 60px;
}
/* accueil sur 2 colonnes + image */
#texte_rub8{
width:300px;
margin:15px 60px;
-moz-column-width: 145px;
-webkit-column-width: 145px;
-moz-column-gap: 10px;
-webkit-column-gap: 10px;
column-width:145px;
column-gap:10px;
}
/* accueil, 2 colonnes si pas d'immage */
#texte_rub8.col2_accueil{
width:600px;
margin:15px 60px;
-moz-column-width: 280px;
-webkit-column-width: 280px;
-moz-column-gap: 20px;
-webkit-column-gap: 20px;
column-width:280px;
column-gap:20px;
}
/* autres rubriques, 1 colonne, pas d'image */
#texte_rub8.col1{
width:600px;
margin:15px 60px;
-moz-column-width: 600px;
-webkit-column-width: 600px;
-moz-column-gap: 0px;
-webkit-column-gap: 0px;
column-width:600px;
column-gap:0px;
}
/* autres rubriques, 1 colonne + 1 image */
#texte_rub8.col2{
width:300px;
margin:15px 60px;
-moz-column-width: 300px;
-webkit-column-width: 300px;
-moz-column-gap: 0px;
-webkit-column-gap: 0px;
column-width:300px;
column-gap:0px;
}
/* Alterner gauche et droite divs impaires */ #image_rub1,texte_rub1,#image_rub3,texte_rub3,#image_rub5,texte_rub5,#image_rub7,texte_rub7,#image_rub9,texte_rub9,#image_rub11,texte_rub11,#image_rub13,texte_rub13,#image_rub15,texte_rub15,#image_rub17,texte_rub17,#image_rub19,texte_rub19{
float:left;
}
/* Alterner gauche et droite divs paires */ #image_rub2,texte_rub2,#image_rub4,texte_rub4,#image_rub6,texte_rub6,#image_rub8,texte_rub8,#image_rub10,texte_rub10,#image_rub12,texte_rub12,#image_rub14,texte_rub14,#image_rub16,texte_rub16,#image_rub18,texte_rub18,#image_rub20,texte_rub20{
float:right;
}
#bidon_rub8{
clear:both;
width:700px;
height:1px;
border-bottom:1px dashed #fff;
}
#image_rub9{
width:215px;
margin:15px 60px;
}
/* accueil sur 2 colonnes + image */
#texte_rub9{
width:300px;
margin:15px 60px;
-moz-column-width: 145px;
-webkit-column-width: 145px;
-moz-column-gap: 10px;
-webkit-column-gap: 10px;
column-width:145px;
column-gap:10px;
}
/* accueil, 2 colonnes si pas d'immage */
#texte_rub9.col2_accueil{
width:600px;
margin:15px 60px;
-moz-column-width: 280px;
-webkit-column-width: 280px;
-moz-column-gap: 20px;
-webkit-column-gap: 20px;
column-width:280px;
column-gap:20px;
}
/* autres rubriques, 1 colonne, pas d'image */
#texte_rub9.col1{
width:600px;
margin:15px 60px;
-moz-column-width: 600px;
-webkit-column-width: 600px;
-moz-column-gap: 0px;
-webkit-column-gap: 0px;
column-width:600px;
column-gap:0px;
}
/* autres rubriques, 1 colonne + 1 image */
#texte_rub9.col2{
width:300px;
margin:15px 60px;
-moz-column-width: 300px;
-webkit-column-width: 300px;
-moz-column-gap: 0px;
-webkit-column-gap: 0px;
column-width:300px;
column-gap:0px;
}
/* Alterner gauche et droite divs impaires */ #image_rub1,texte_rub1,#image_rub3,texte_rub3,#image_rub5,texte_rub5,#image_rub7,texte_rub7,#image_rub9,texte_rub9,#image_rub11,texte_rub11,#image_rub13,texte_rub13,#image_rub15,texte_rub15,#image_rub17,texte_rub17,#image_rub19,texte_rub19{
float:left;
}
/* Alterner gauche et droite divs paires */ #image_rub2,texte_rub2,#image_rub4,texte_rub4,#image_rub6,texte_rub6,#image_rub8,texte_rub8,#image_rub10,texte_rub10,#image_rub12,texte_rub12,#image_rub14,texte_rub14,#image_rub16,texte_rub16,#image_rub18,texte_rub18,#image_rub20,texte_rub20{
float:right;
}
#bidon_rub9{
clear:both;
width:700px;
height:1px;
border-bottom:1px dashed #fff;
}
#image_rub10{
width:215px;
margin:15px 60px;
}
/* accueil sur 2 colonnes + image */
#texte_rub10{
width:300px;
margin:15px 60px;
-moz-column-width: 145px;
-webkit-column-width: 145px;
-moz-column-gap: 10px;
-webkit-column-gap: 10px;
column-width:145px;
column-gap:10px;
}
/* accueil, 2 colonnes si pas d'immage */
#texte_rub10.col2_accueil{
width:600px;
margin:15px 60px;
-moz-column-width: 280px;
-webkit-column-width: 280px;
-moz-column-gap: 20px;
-webkit-column-gap: 20px;
column-width:280px;
column-gap:20px;
}
/* autres rubriques, 1 colonne, pas d'image */
#texte_rub10.col1{
width:600px;
margin:15px 60px;
-moz-column-width: 600px;
-webkit-column-width: 600px;
-moz-column-gap: 0px;
-webkit-column-gap: 0px;
column-width:600px;
column-gap:0px;
}
/* autres rubriques, 1 colonne + 1 image */
#texte_rub10.col2{
width:300px;
margin:15px 60px;
-moz-column-width: 300px;
-webkit-column-width: 300px;
-moz-column-gap: 0px;
-webkit-column-gap: 0px;
column-width:300px;
column-gap:0px;
}
/* Alterner gauche et droite divs impaires */ #image_rub1,texte_rub1,#image_rub3,texte_rub3,#image_rub5,texte_rub5,#image_rub7,texte_rub7,#image_rub9,texte_rub9,#image_rub11,texte_rub11,#image_rub13,texte_rub13,#image_rub15,texte_rub15,#image_rub17,texte_rub17,#image_rub19,texte_rub19{
float:left;
}
/* Alterner gauche et droite divs paires */ #image_rub2,texte_rub2,#image_rub4,texte_rub4,#image_rub6,texte_rub6,#image_rub8,texte_rub8,#image_rub10,texte_rub10,#image_rub12,texte_rub12,#image_rub14,texte_rub14,#image_rub16,texte_rub16,#image_rub18,texte_rub18,#image_rub20,texte_rub20{
float:right;
}
#bidon_rub10{
clear:both;
width:700px;
height:1px;
border-bottom:1px dashed #fff;
}
#image_rub11{
width:215px;
margin:15px 60px;
}
/* accueil sur 2 colonnes + image */
#texte_rub11{
width:300px;
margin:15px 60px;
-moz-column-width: 145px;
-webkit-column-width: 145px;
-moz-column-gap: 10px;
-webkit-column-gap: 10px;
column-width:145px;
column-gap:10px;
}
/* accueil, 2 colonnes si pas d'immage */
#texte_rub11.col2_accueil{
width:600px;
margin:15px 60px;
-moz-column-width: 280px;
-webkit-column-width: 280px;
-moz-column-gap: 20px;
-webkit-column-gap: 20px;
column-width:280px;
column-gap:20px;
}
/* autres rubriques, 1 colonne, pas d'image */
#texte_rub11.col1{
width:600px;
margin:15px 60px;
-moz-column-width: 600px;
-webkit-column-width: 600px;
-moz-column-gap: 0px;
-webkit-column-gap: 0px;
column-width:600px;
column-gap:0px;
}
/* autres rubriques, 1 colonne + 1 image */
#texte_rub11.col2{
width:300px;
margin:15px 60px;
-moz-column-width: 300px;
-webkit-column-width: 300px;
-moz-column-gap: 0px;
-webkit-column-gap: 0px;
column-width:300px;
column-gap:0px;
}
/* Alterner gauche et droite divs impaires */ #image_rub1,texte_rub1,#image_rub3,texte_rub3,#image_rub5,texte_rub5,#image_rub7,texte_rub7,#image_rub9,texte_rub9,#image_rub11,texte_rub11,#image_rub13,texte_rub13,#image_rub15,texte_rub15,#image_rub17,texte_rub17,#image_rub19,texte_rub19{
float:left;
}
/* Alterner gauche et droite divs paires */ #image_rub2,texte_rub2,#image_rub4,texte_rub4,#image_rub6,texte_rub6,#image_rub8,texte_rub8,#image_rub10,texte_rub10,#image_rub12,texte_rub12,#image_rub14,texte_rub14,#image_rub16,texte_rub16,#image_rub18,texte_rub18,#image_rub20,texte_rub20{
float:right;
}
#bidon_rub11{
clear:both;
width:700px;
height:1px;
border-bottom:1px dashed #fff;
}
#image_rub12{
width:215px;
margin:15px 60px;
}
/* accueil sur 2 colonnes + image */
#texte_rub12{
width:300px;
margin:15px 60px;
-moz-column-width: 145px;
-webkit-column-width: 145px;
-moz-column-gap: 10px;
-webkit-column-gap: 10px;
column-width:145px;
column-gap:10px;
}
/* accueil, 2 colonnes si pas d'immage */
#texte_rub12.col2_accueil{
width:600px;
margin:15px 60px;
-moz-column-width: 280px;
-webkit-column-width: 280px;
-moz-column-gap: 20px;
-webkit-column-gap: 20px;
column-width:280px;
column-gap:20px;
}
/* autres rubriques, 1 colonne, pas d'image */
#texte_rub12.col1{
width:600px;
margin:15px 60px;
-moz-column-width: 600px;
-webkit-column-width: 600px;
-moz-column-gap: 0px;
-webkit-column-gap: 0px;
column-width:600px;
column-gap:0px;
}
/* autres rubriques, 1 colonne + 1 image */
#texte_rub12.col2{
width:300px;
margin:15px 60px;
-moz-column-width: 300px;
-webkit-column-width: 300px;
-moz-column-gap: 0px;
-webkit-column-gap: 0px;
column-width:300px;
column-gap:0px;
}
/* Alterner gauche et droite divs impaires */ #image_rub1,texte_rub1,#image_rub3,texte_rub3,#image_rub5,texte_rub5,#image_rub7,texte_rub7,#image_rub9,texte_rub9,#image_rub11,texte_rub11,#image_rub13,texte_rub13,#image_rub15,texte_rub15,#image_rub17,texte_rub17,#image_rub19,texte_rub19{
float:left;
}
/* Alterner gauche et droite divs paires */ #image_rub2,texte_rub2,#image_rub4,texte_rub4,#image_rub6,texte_rub6,#image_rub8,texte_rub8,#image_rub10,texte_rub10,#image_rub12,texte_rub12,#image_rub14,texte_rub14,#image_rub16,texte_rub16,#image_rub18,texte_rub18,#image_rub20,texte_rub20{
float:right;
}
#bidon_rub12{
clear:both;
width:700px;
height:1px;
border-bottom:1px dashed #fff;
}
#image_rub13{
width:215px;
margin:15px 60px;
}
/* accueil sur 2 colonnes + image */
#texte_rub13{
width:300px;
margin:15px 60px;
-moz-column-width: 145px;
-webkit-column-width: 145px;
-moz-column-gap: 10px;
-webkit-column-gap: 10px;
column-width:145px;
column-gap:10px;
}
/* accueil, 2 colonnes si pas d'immage */
#texte_rub13.col2_accueil{
width:600px;
margin:15px 60px;
-moz-column-width: 280px;
-webkit-column-width: 280px;
-moz-column-gap: 20px;
-webkit-column-gap: 20px;
column-width:280px;
column-gap:20px;
}
/* autres rubriques, 1 colonne, pas d'image */
#texte_rub13.col1{
width:600px;
margin:15px 60px;
-moz-column-width: 600px;
-webkit-column-width: 600px;
-moz-column-gap: 0px;
-webkit-column-gap: 0px;
column-width:600px;
column-gap:0px;
}
/* autres rubriques, 1 colonne + 1 image */
#texte_rub13.col2{
width:300px;
margin:15px 60px;
-moz-column-width: 300px;
-webkit-column-width: 300px;
-moz-column-gap: 0px;
-webkit-column-gap: 0px;
column-width:300px;
column-gap:0px;
}
/* Alterner gauche et droite divs impaires */ #image_rub1,texte_rub1,#image_rub3,texte_rub3,#image_rub5,texte_rub5,#image_rub7,texte_rub7,#image_rub9,texte_rub9,#image_rub11,texte_rub11,#image_rub13,texte_rub13,#image_rub15,texte_rub15,#image_rub17,texte_rub17,#image_rub19,texte_rub19{
float:left;
}
/* Alterner gauche et droite divs paires */ #image_rub2,texte_rub2,#image_rub4,texte_rub4,#image_rub6,texte_rub6,#image_rub8,texte_rub8,#image_rub10,texte_rub10,#image_rub12,texte_rub12,#image_rub14,texte_rub14,#image_rub16,texte_rub16,#image_rub18,texte_rub18,#image_rub20,texte_rub20{
float:right;
}
#bidon_rub13{
clear:both;
width:700px;
height:1px;
border-bottom:1px dashed #fff;
}
#image_rub14{
width:215px;
margin:15px 60px;
}
/* accueil sur 2 colonnes + image */
#texte_rub14{
width:300px;
margin:15px 60px;
-moz-column-width: 145px;
-webkit-column-width: 145px;
-moz-column-gap: 10px;
-webkit-column-gap: 10px;
column-width:145px;
column-gap:10px;
}
/* accueil, 2 colonnes si pas d'immage */
#texte_rub14.col2_accueil{
width:600px;
margin:15px 60px;
-moz-column-width: 280px;
-webkit-column-width: 280px;
-moz-column-gap: 20px;
-webkit-column-gap: 20px;
column-width:280px;
column-gap:20px;
}
/* autres rubriques, 1 colonne, pas d'image */
#texte_rub14.col1{
width:600px;
margin:15px 60px;
-moz-column-width: 600px;
-webkit-column-width: 600px;
-moz-column-gap: 0px;
-webkit-column-gap: 0px;
column-width:600px;
column-gap:0px;
}
/* autres rubriques, 1 colonne + 1 image */
#texte_rub14.col2{
width:300px;
margin:15px 60px;
-moz-column-width: 300px;
-webkit-column-width: 300px;
-moz-column-gap: 0px;
-webkit-column-gap: 0px;
column-width:300px;
column-gap:0px;
}
/* Alterner gauche et droite divs impaires */ #image_rub1,texte_rub1,#image_rub3,texte_rub3,#image_rub5,texte_rub5,#image_rub7,texte_rub7,#image_rub9,texte_rub9,#image_rub11,texte_rub11,#image_rub13,texte_rub13,#image_rub15,texte_rub15,#image_rub17,texte_rub17,#image_rub19,texte_rub19{
float:left;
}
/* Alterner gauche et droite divs paires */ #image_rub2,texte_rub2,#image_rub4,texte_rub4,#image_rub6,texte_rub6,#image_rub8,texte_rub8,#image_rub10,texte_rub10,#image_rub12,texte_rub12,#image_rub14,texte_rub14,#image_rub16,texte_rub16,#image_rub18,texte_rub18,#image_rub20,texte_rub20{
float:right;
}
#bidon_rub14{
clear:both;
width:700px;
height:1px;
border-bottom:1px dashed #fff;
}
#image_rub15{
width:215px;
margin:15px 60px;
}
/* accueil sur 2 colonnes + image */
#texte_rub15{
width:300px;
margin:15px 60px;
-moz-column-width: 145px;
-webkit-column-width: 145px;
-moz-column-gap: 10px;
-webkit-column-gap: 10px;
column-width:145px;
column-gap:10px;
}
/* accueil, 2 colonnes si pas d'immage */
#texte_rub15.col2_accueil{
width:600px;
margin:15px 60px;
-moz-column-width: 280px;
-webkit-column-width: 280px;
-moz-column-gap: 20px;
-webkit-column-gap: 20px;
column-width:280px;
column-gap:20px;
}
/* autres rubriques, 1 colonne, pas d'image */
#texte_rub15.col1{
width:600px;
margin:15px 60px;
-moz-column-width: 600px;
-webkit-column-width: 600px;
-moz-column-gap: 0px;
-webkit-column-gap: 0px;
column-width:600px;
column-gap:0px;
}
/* autres rubriques, 1 colonne + 1 image */
#texte_rub15.col2{
width:300px;
margin:15px 60px;
-moz-column-width: 300px;
-webkit-column-width: 300px;
-moz-column-gap: 0px;
-webkit-column-gap: 0px;
column-width:300px;
column-gap:0px;
}
/* Alterner gauche et droite divs impaires */ #image_rub1,texte_rub1,#image_rub3,texte_rub3,#image_rub5,texte_rub5,#image_rub7,texte_rub7,#image_rub9,texte_rub9,#image_rub11,texte_rub11,#image_rub13,texte_rub13,#image_rub15,texte_rub15,#image_rub17,texte_rub17,#image_rub19,texte_rub19{
float:left;
}
/* Alterner gauche et droite divs paires */ #image_rub2,texte_rub2,#image_rub4,texte_rub4,#image_rub6,texte_rub6,#image_rub8,texte_rub8,#image_rub10,texte_rub10,#image_rub12,texte_rub12,#image_rub14,texte_rub14,#image_rub16,texte_rub16,#image_rub18,texte_rub18,#image_rub20,texte_rub20{
float:right;
}
#bidon_rub15{
clear:both;
width:700px;
height:1px;
border-bottom:1px dashed #fff;
}
#image_rub16{
width:215px;
margin:15px 60px;
}
/* accueil sur 2 colonnes + image */
#texte_rub16{
width:300px;
margin:15px 60px;
-moz-column-width: 145px;
-webkit-column-width: 145px;
-moz-column-gap: 10px;
-webkit-column-gap: 10px;
column-width:145px;
column-gap:10px;
}
/* accueil, 2 colonnes si pas d'immage */
#texte_rub16.col2_accueil{
width:600px;
margin:15px 60px;
-moz-column-width: 280px;
-webkit-column-width: 280px;
-moz-column-gap: 20px;
-webkit-column-gap: 20px;
column-width:280px;
column-gap:20px;
}
/* autres rubriques, 1 colonne, pas d'image */
#texte_rub16.col1{
width:600px;
margin:15px 60px;
-moz-column-width: 600px;
-webkit-column-width: 600px;
-moz-column-gap: 0px;
-webkit-column-gap: 0px;
column-width:600px;
column-gap:0px;
}
/* autres rubriques, 1 colonne + 1 image */
#texte_rub16.col2{
width:300px;
margin:15px 60px;
-moz-column-width: 300px;
-webkit-column-width: 300px;
-moz-column-gap: 0px;
-webkit-column-gap: 0px;
column-width:300px;
column-gap:0px;
}
/* Alterner gauche et droite divs impaires */ #image_rub1,texte_rub1,#image_rub3,texte_rub3,#image_rub5,texte_rub5,#image_rub7,texte_rub7,#image_rub9,texte_rub9,#image_rub11,texte_rub11,#image_rub13,texte_rub13,#image_rub15,texte_rub15,#image_rub17,texte_rub17,#image_rub19,texte_rub19{
float:left;
}
/* Alterner gauche et droite divs paires */ #image_rub2,texte_rub2,#image_rub4,texte_rub4,#image_rub6,texte_rub6,#image_rub8,texte_rub8,#image_rub10,texte_rub10,#image_rub12,texte_rub12,#image_rub14,texte_rub14,#image_rub16,texte_rub16,#image_rub18,texte_rub18,#image_rub20,texte_rub20{
float:right;
}
#bidon_rub16{
clear:both;
width:700px;
height:1px;
border-bottom:1px dashed #fff;
}
#image_rub17{
width:215px;
margin:15px 60px;
}
/* accueil sur 2 colonnes + image */
#texte_rub17{
width:300px;
margin:15px 60px;
-moz-column-width: 145px;
-webkit-column-width: 145px;
-moz-column-gap: 10px;
-webkit-column-gap: 10px;
column-width:145px;
column-gap:10px;
}
/* accueil, 2 colonnes si pas d'immage */
#texte_rub17.col2_accueil{
width:600px;
margin:15px 60px;
-moz-column-width: 280px;
-webkit-column-width: 280px;
-moz-column-gap: 20px;
-webkit-column-gap: 20px;
column-width:280px;
column-gap:20px;
}
/* autres rubriques, 1 colonne, pas d'image */
#texte_rub17.col1{
width:600px;
margin:15px 60px;
-moz-column-width: 600px;
-webkit-column-width: 600px;
-moz-column-gap: 0px;
-webkit-column-gap: 0px;
column-width:600px;
column-gap:0px;
}
/* autres rubriques, 1 colonne + 1 image */
#texte_rub17.col2{
width:300px;
margin:15px 60px;
-moz-column-width: 300px;
-webkit-column-width: 300px;
-moz-column-gap: 0px;
-webkit-column-gap: 0px;
column-width:300px;
column-gap:0px;
}
/* Alterner gauche et droite divs impaires */ #image_rub1,texte_rub1,#image_rub3,texte_rub3,#image_rub5,texte_rub5,#image_rub7,texte_rub7,#image_rub9,texte_rub9,#image_rub11,texte_rub11,#image_rub13,texte_rub13,#image_rub15,texte_rub15,#image_rub17,texte_rub17,#image_rub19,texte_rub19{
float:left;
}
/* Alterner gauche et droite divs paires */ #image_rub2,texte_rub2,#image_rub4,texte_rub4,#image_rub6,texte_rub6,#image_rub8,texte_rub8,#image_rub10,texte_rub10,#image_rub12,texte_rub12,#image_rub14,texte_rub14,#image_rub16,texte_rub16,#image_rub18,texte_rub18,#image_rub20,texte_rub20{
float:right;
}
#bidon_rub17{
clear:both;
width:700px;
height:1px;
border-bottom:1px dashed #fff;
}
#image_rub18{
width:215px;
margin:15px 60px;
}
/* accueil sur 2 colonnes + image */
#texte_rub18{
width:300px;
margin:15px 60px;
-moz-column-width: 145px;
-webkit-column-width: 145px;
-moz-column-gap: 10px;
-webkit-column-gap: 10px;
column-width:145px;
column-gap:10px;
}
/* accueil, 2 colonnes si pas d'immage */
#texte_rub18.col2_accueil{
width:600px;
margin:15px 60px;
-moz-column-width: 280px;
-webkit-column-width: 280px;
-moz-column-gap: 20px;
-webkit-column-gap: 20px;
column-width:280px;
column-gap:20px;
}
/* autres rubriques, 1 colonne, pas d'image */
#texte_rub18.col1{
width:600px;
margin:15px 60px;
-moz-column-width: 600px;
-webkit-column-width: 600px;
-moz-column-gap: 0px;
-webkit-column-gap: 0px;
column-width:600px;
column-gap:0px;
}
/* autres rubriques, 1 colonne + 1 image */
#texte_rub18.col2{
width:300px;
margin:15px 60px;
-moz-column-width: 300px;
-webkit-column-width: 300px;
-moz-column-gap: 0px;
-webkit-column-gap: 0px;
column-width:300px;
column-gap:0px;
}
/* Alterner gauche et droite divs impaires */ #image_rub1,texte_rub1,#image_rub3,texte_rub3,#image_rub5,texte_rub5,#image_rub7,texte_rub7,#image_rub9,texte_rub9,#image_rub11,texte_rub11,#image_rub13,texte_rub13,#image_rub15,texte_rub15,#image_rub17,texte_rub17,#image_rub19,texte_rub19{
float:left;
}
/* Alterner gauche et droite divs paires */ #image_rub2,texte_rub2,#image_rub4,texte_rub4,#image_rub6,texte_rub6,#image_rub8,texte_rub8,#image_rub10,texte_rub10,#image_rub12,texte_rub12,#image_rub14,texte_rub14,#image_rub16,texte_rub16,#image_rub18,texte_rub18,#image_rub20,texte_rub20{
float:right;
}
#bidon_rub18{
clear:both;
width:700px;
height:1px;
border-bottom:1px dashed #fff;
}
#image_rub19{
width:215px;
margin:15px 60px;
}
/* accueil sur 2 colonnes + image */
#texte_rub19{
width:300px;
margin:15px 60px;
-moz-column-width: 145px;
-webkit-column-width: 145px;
-moz-column-gap: 10px;
-webkit-column-gap: 10px;
column-width:145px;
column-gap:10px;
}
/* accueil, 2 colonnes si pas d'immage */
#texte_rub19.col2_accueil{
width:600px;
margin:15px 60px;
-moz-column-width: 280px;
-webkit-column-width: 280px;
-moz-column-gap: 20px;
-webkit-column-gap: 20px;
column-width:280px;
column-gap:20px;
}
/* autres rubriques, 1 colonne, pas d'image */
#texte_rub19.col1{
width:600px;
margin:15px 60px;
-moz-column-width: 600px;
-webkit-column-width: 600px;
-moz-column-gap: 0px;
-webkit-column-gap: 0px;
column-width:600px;
column-gap:0px;
}
/* autres rubriques, 1 colonne + 1 image */
#texte_rub19.col2{
width:300px;
margin:15px 60px;
-moz-column-width: 300px;
-webkit-column-width: 300px;
-moz-column-gap: 0px;
-webkit-column-gap: 0px;
column-width:300px;
column-gap:0px;
}
/* Alterner gauche et droite divs impaires */ #image_rub1,texte_rub1,#image_rub3,texte_rub3,#image_rub5,texte_rub5,#image_rub7,texte_rub7,#image_rub9,texte_rub9,#image_rub11,texte_rub11,#image_rub13,texte_rub13,#image_rub15,texte_rub15,#image_rub17,texte_rub17,#image_rub19,texte_rub19{
float:left;
}
/* Alterner gauche et droite divs paires */ #image_rub2,texte_rub2,#image_rub4,texte_rub4,#image_rub6,texte_rub6,#image_rub8,texte_rub8,#image_rub10,texte_rub10,#image_rub12,texte_rub12,#image_rub14,texte_rub14,#image_rub16,texte_rub16,#image_rub18,texte_rub18,#image_rub20,texte_rub20{
float:right;
}
#bidon_rub19{
clear:both;
width:700px;
height:1px;
border-bottom:1px dashed #fff;
}
#image_rub20{
width:215px;
margin:15px 60px;
}
/* accueil sur 2 colonnes + image */
#texte_rub20{
width:300px;
margin:15px 60px;
-moz-column-width: 145px;
-webkit-column-width: 145px;
-moz-column-gap: 10px;
-webkit-column-gap: 10px;
column-width:145px;
column-gap:10px;
}
/* accueil, 2 colonnes si pas d'immage */
#texte_rub20.col2_accueil{
width:600px;
margin:15px 60px;
-moz-column-width: 280px;
-webkit-column-width: 280px;
-moz-column-gap: 20px;
-webkit-column-gap: 20px;
column-width:280px;
column-gap:20px;
}
/* autres rubriques, 1 colonne, pas d'image */
#texte_rub20.col1{
width:600px;
margin:15px 60px;
-moz-column-width: 600px;
-webkit-column-width: 600px;
-moz-column-gap: 0px;
-webkit-column-gap: 0px;
column-width:600px;
column-gap:0px;
}
/* autres rubriques, 1 colonne + 1 image */
#texte_rub20.col2{
width:300px;
margin:15px 60px;
-moz-column-width: 300px;
-webkit-column-width: 300px;
-moz-column-gap: 0px;
-webkit-column-gap: 0px;
column-width:300px;
column-gap:0px;
}
/* Alterner gauche et droite divs impaires */ #image_rub1,texte_rub1,#image_rub3,texte_rub3,#image_rub5,texte_rub5,#image_rub7,texte_rub7,#image_rub9,texte_rub9,#image_rub11,texte_rub11,#image_rub13,texte_rub13,#image_rub15,texte_rub15,#image_rub17,texte_rub17,#image_rub19,texte_rub19{
float:left;
}
/* Alterner gauche et droite divs paires */ #image_rub2,texte_rub2,#image_rub4,texte_rub4,#image_rub6,texte_rub6,#image_rub8,texte_rub8,#image_rub10,texte_rub10,#image_rub12,texte_rub12,#image_rub14,texte_rub14,#image_rub16,texte_rub16,#image_rub18,texte_rub18,#image_rub20,texte_rub20{
float:right;
}
#bidon_rub20{
clear:both;
width:700px;
height:1px;
border-bottom:1px dashed #fff;
}
/* texte articles sur 2 colonnes */
#texte_ruba{
width:650px;
margin:15px;
-moz-column-width: 215px;
-webkit-column-width: 215px;
-moz-column-gap: 10px;
-webkit-column-gap: 10px;
column-width:215px;
column-gap:10px;
}
#corps img{
width:200px;
-moz-box-shadow: 4px 4px 4px #8a8b8b;
-webkit-box-shadow: 4px 4px 4px #8a8b8b;
box-shadow: 4px 4px 4px #8a8b8b;
}
#corps img.icon{
width:50px;
-moz-box-shadow:none;
-webkit-box-shadow: none;
box-shadow:none;
}
#corps img.icon_petit{
width:30px;
-moz-box-shadow:none;
-webkit-box-shadow: none;
box-shadow:none;
margin-top:5px;
}
#liens img{
width:60px;
}
#publ_vignette1{
float:left;
width:200px;
margin:10px 20px;
}
#publ_vignette1 img{
width:150px;
}
#publ_texte1{
display:block;
float:left;
width:400px;
padding:10px 20px;
font-size:12px;
letter-spacing:1px;
border-top:solid 1px #cf0202;
}
#publ_texte1 a{
color:#900;
vertical-align:center;
display:block;
}
#publ_texte1 h2{
padding:10px 0;
}
#publ_texte1:first-letter{
text-transform:uppercase;
}
#publ_texte1:first-line,#publ_texte1 h2{
font-size:16px;
letter-spacing:2px;
}
#publ_texte1 a span{
width:300px;
text-align:left;
}
#publ_bidon1{
clear:both;
}
#publ_vignette2{
float:left;
width:200px;
margin:10px 20px;
}
#publ_vignette2 img{
width:150px;
}
#publ_texte2{
display:block;
float:left;
width:400px;
padding:10px 20px;
font-size:12px;
letter-spacing:1px;
border-top:solid 1px #cf0202;
}
#publ_texte2 a{
color:#900;
vertical-align:center;
display:block;
}
#publ_texte2 h2{
padding:10px 0;
}
#publ_texte2:first-letter{
text-transform:uppercase;
}
#publ_texte2:first-line,#publ_texte2 h2{
font-size:16px;
letter-spacing:2px;
}
#publ_texte2 a span{
width:300px;
text-align:left;
}
#publ_bidon2{
clear:both;
}
#publ_vignette3{
float:left;
width:200px;
margin:10px 20px;
}
#publ_vignette3 img{
width:150px;
}
#publ_texte3{
display:block;
float:left;
width:400px;
padding:10px 20px;
font-size:12px;
letter-spacing:1px;
border-top:solid 1px #cf0202;
}
#publ_texte3 a{
color:#900;
vertical-align:center;
display:block;
}
#publ_texte3 h2{
padding:10px 0;
}
#publ_texte3:first-letter{
text-transform:uppercase;
}
#publ_texte3:first-line,#publ_texte3 h2{
font-size:16px;
letter-spacing:2px;
}
#publ_texte3 a span{
width:300px;
text-align:left;
}
#publ_bidon3{
clear:both;
}
#publ_vignette4{
float:left;
width:200px;
margin:10px 20px;
}
#publ_vignette4 img{
width:150px;
}
#publ_texte4{
display:block;
float:left;
width:400px;
padding:10px 20px;
font-size:12px;
letter-spacing:1px;
border-top:solid 1px #cf0202;
}
#publ_texte4 a{
color:#900;
vertical-align:center;
display:block;
}
#publ_texte4 h2{
padding:10px 0;
}
#publ_texte4:first-letter{
text-transform:uppercase;
}
#publ_texte4:first-line,#publ_texte4 h2{
font-size:16px;
letter-spacing:2px;
}
#publ_texte4 a span{
width:300px;
text-align:left;
}
#publ_bidon4{
clear:both;
}
#publ_vignette5{
float:left;
width:200px;
margin:10px 20px;
}
#publ_vignette5 img{
width:150px;
}
#publ_texte5{
display:block;
float:left;
width:400px;
padding:10px 20px;
font-size:12px;
letter-spacing:1px;
border-top:solid 1px #cf0202;
}
#publ_texte5 a{
color:#900;
vertical-align:center;
display:block;
}
#publ_texte5 h2{
padding:10px 0;
}
#publ_texte5:first-letter{
text-transform:uppercase;
}
#publ_texte5:first-line,#publ_texte5 h2{
font-size:16px;
letter-spacing:2px;
}
#publ_texte5 a span{
width:300px;
text-align:left;
}
#publ_bidon5{
clear:both;
}
#publ_vignette6{
float:left;
width:200px;
margin:10px 20px;
}
#publ_vignette6 img{
width:150px;
}
#publ_texte6{
display:block;
float:left;
width:400px;
padding:10px 20px;
font-size:12px;
letter-spacing:1px;
border-top:solid 1px #cf0202;
}
#publ_texte6 a{
color:#900;
vertical-align:center;
display:block;
}
#publ_texte6 h2{
padding:10px 0;
}
#publ_texte6:first-letter{
text-transform:uppercase;
}
#publ_texte6:first-line,#publ_texte6 h2{
font-size:16px;
letter-spacing:2px;
}
#publ_texte6 a span{
width:300px;
text-align:left;
}
#publ_bidon6{
clear:both;
}
#publ_vignette7{
float:left;
width:200px;
margin:10px 20px;
}
#publ_vignette7 img{
width:150px;
}
#publ_texte7{
display:block;
float:left;
width:400px;
padding:10px 20px;
font-size:12px;
letter-spacing:1px;
border-top:solid 1px #cf0202;
}
#publ_texte7 a{
color:#900;
vertical-align:center;
display:block;
}
#publ_texte7 h2{
padding:10px 0;
}
#publ_texte7:first-letter{
text-transform:uppercase;
}
#publ_texte7:first-line,#publ_texte7 h2{
font-size:16px;
letter-spacing:2px;
}
#publ_texte7 a span{
width:300px;
text-align:left;
}
#publ_bidon7{
clear:both;
}
#publ_vignette8{
float:left;
width:200px;
margin:10px 20px;
}
#publ_vignette8 img{
width:150px;
}
#publ_texte8{
display:block;
float:left;
width:400px;
padding:10px 20px;
font-size:12px;
letter-spacing:1px;
border-top:solid 1px #cf0202;
}
#publ_texte8 a{
color:#900;
vertical-align:center;
display:block;
}
#publ_texte8 h2{
padding:10px 0;
}
#publ_texte8:first-letter{
text-transform:uppercase;
}
#publ_texte8:first-line,#publ_texte8 h2{
font-size:16px;
letter-spacing:2px;
}
#publ_texte8 a span{
width:300px;
text-align:left;
}
#publ_bidon8{
clear:both;
}
#publ_vignette9{
float:left;
width:200px;
margin:10px 20px;
}
#publ_vignette9 img{
width:150px;
}
#publ_texte9{
display:block;
float:left;
width:400px;
padding:10px 20px;
font-size:12px;
letter-spacing:1px;
border-top:solid 1px #cf0202;
}
#publ_texte9 a{
color:#900;
vertical-align:center;
display:block;
}
#publ_texte9 h2{
padding:10px 0;
}
#publ_texte9:first-letter{
text-transform:uppercase;
}
#publ_texte9:first-line,#publ_texte9 h2{
font-size:16px;
letter-spacing:2px;
}
#publ_texte9 a span{
width:300px;
text-align:left;
}
#publ_bidon9{
clear:both;
}
#publ_vignette10{
float:left;
width:200px;
margin:10px 20px;
}
#publ_vignette10 img{
width:150px;
}
#publ_texte10{
display:block;
float:left;
width:400px;
padding:10px 20px;
font-size:12px;
letter-spacing:1px;
border-top:solid 1px #cf0202;
}
#publ_texte10 a{
color:#900;
vertical-align:center;
display:block;
}
#publ_texte10 h2{
padding:10px 0;
}
#publ_texte10:first-letter{
text-transform:uppercase;
}
#publ_texte10:first-line,#publ_texte10 h2{
font-size:16px;
letter-spacing:2px;
}
#publ_texte10 a span{
width:300px;
text-align:left;
}
#publ_bidon10{
clear:both;
}
#publ_vignette11{
float:left;
width:200px;
margin:10px 20px;
}
#publ_vignette11 img{
width:150px;
}
#publ_texte11{
display:block;
float:left;
width:400px;
padding:10px 20px;
font-size:12px;
letter-spacing:1px;
border-top:solid 1px #cf0202;
}
#publ_texte11 a{
color:#900;
vertical-align:center;
display:block;
}
#publ_texte11 h2{
padding:10px 0;
}
#publ_texte11:first-letter{
text-transform:uppercase;
}
#publ_texte11:first-line,#publ_texte11 h2{
font-size:16px;
letter-spacing:2px;
}
#publ_texte11 a span{
width:300px;
text-align:left;
}
#publ_bidon11{
clear:both;
}
#publ_vignette12{
float:left;
width:200px;
margin:10px 20px;
}
#publ_vignette12 img{
width:150px;
}
#publ_texte12{
display:block;
float:left;
width:400px;
padding:10px 20px;
font-size:12px;
letter-spacing:1px;
border-top:solid 1px #cf0202;
}
#publ_texte12 a{
color:#900;
vertical-align:center;
display:block;
}
#publ_texte12 h2{
padding:10px 0;
}
#publ_texte12:first-letter{
text-transform:uppercase;
}
#publ_texte12:first-line,#publ_texte12 h2{
font-size:16px;
letter-spacing:2px;
}
#publ_texte12 a span{
width:300px;
text-align:left;
}
#publ_bidon12{
clear:both;
}
#publ_vignette13{
float:left;
width:200px;
margin:10px 20px;
}
#publ_vignette13 img{
width:150px;
}
#publ_texte13{
display:block;
float:left;
width:400px;
padding:10px 20px;
font-size:12px;
letter-spacing:1px;
border-top:solid 1px #cf0202;
}
#publ_texte13 a{
color:#900;
vertical-align:center;
display:block;
}
#publ_texte13 h2{
padding:10px 0;
}
#publ_texte13:first-letter{
text-transform:uppercase;
}
#publ_texte13:first-line,#publ_texte13 h2{
font-size:16px;
letter-spacing:2px;
}
#publ_texte13 a span{
width:300px;
text-align:left;
}
#publ_bidon13{
clear:both;
}
#publ_vignette14{
float:left;
width:200px;
margin:10px 20px;
}
#publ_vignette14 img{
width:150px;
}
#publ_texte14{
display:block;
float:left;
width:400px;
padding:10px 20px;
font-size:12px;
letter-spacing:1px;
border-top:solid 1px #cf0202;
}
#publ_texte14 a{
color:#900;
vertical-align:center;
display:block;
}
#publ_texte14 h2{
padding:10px 0;
}
#publ_texte14:first-letter{
text-transform:uppercase;
}
#publ_texte14:first-line,#publ_texte14 h2{
font-size:16px;
letter-spacing:2px;
}
#publ_texte14 a span{
width:300px;
text-align:left;
}
#publ_bidon14{
clear:both;
}
#publ_vignette15{
float:left;
width:200px;
margin:10px 20px;
}
#publ_vignette15 img{
width:150px;
}
#publ_texte15{
display:block;
float:left;
width:400px;
padding:10px 20px;
font-size:12px;
letter-spacing:1px;
border-top:solid 1px #cf0202;
}
#publ_texte15 a{
color:#900;
vertical-align:center;
display:block;
}
#publ_texte15 h2{
padding:10px 0;
}
#publ_texte15:first-letter{
text-transform:uppercase;
}
#publ_texte15:first-line,#publ_texte15 h2{
font-size:16px;
letter-spacing:2px;
}
#publ_texte15 a span{
width:300px;
text-align:left;
}
#publ_bidon15{
clear:both;
}
#publ_vignette16{
float:left;
width:200px;
margin:10px 20px;
}
#publ_vignette16 img{
width:150px;
}
#publ_texte16{
display:block;
float:left;
width:400px;
padding:10px 20px;
font-size:12px;
letter-spacing:1px;
border-top:solid 1px #cf0202;
}
#publ_texte16 a{
color:#900;
vertical-align:center;
display:block;
}
#publ_texte16 h2{
padding:10px 0;
}
#publ_texte16:first-letter{
text-transform:uppercase;
}
#publ_texte16:first-line,#publ_texte16 h2{
font-size:16px;
letter-spacing:2px;
}
#publ_texte16 a span{
width:300px;
text-align:left;
}
#publ_bidon16{
clear:both;
}
#publ_vignette17{
float:left;
width:200px;
margin:10px 20px;
}
#publ_vignette17 img{
width:150px;
}
#publ_texte17{
display:block;
float:left;
width:400px;
padding:10px 20px;
font-size:12px;
letter-spacing:1px;
border-top:solid 1px #cf0202;
}
#publ_texte17 a{
color:#900;
vertical-align:center;
display:block;
}
#publ_texte17 h2{
padding:10px 0;
}
#publ_texte17:first-letter{
text-transform:uppercase;
}
#publ_texte17:first-line,#publ_texte17 h2{
font-size:16px;
letter-spacing:2px;
}
#publ_texte17 a span{
width:300px;
text-align:left;
}
#publ_bidon17{
clear:both;
}
#publ_vignette18{
float:left;
width:200px;
margin:10px 20px;
}
#publ_vignette18 img{
width:150px;
}
#publ_texte18{
display:block;
float:left;
width:400px;
padding:10px 20px;
font-size:12px;
letter-spacing:1px;
border-top:solid 1px #cf0202;
}
#publ_texte18 a{
color:#900;
vertical-align:center;
display:block;
}
#publ_texte18 h2{
padding:10px 0;
}
#publ_texte18:first-letter{
text-transform:uppercase;
}
#publ_texte18:first-line,#publ_texte18 h2{
font-size:16px;
letter-spacing:2px;
}
#publ_texte18 a span{
width:300px;
text-align:left;
}
#publ_bidon18{
clear:both;
}
#publ_vignette19{
float:left;
width:200px;
margin:10px 20px;
}
#publ_vignette19 img{
width:150px;
}
#publ_texte19{
display:block;
float:left;
width:400px;
padding:10px 20px;
font-size:12px;
letter-spacing:1px;
border-top:solid 1px #cf0202;
}
#publ_texte19 a{
color:#900;
vertical-align:center;
display:block;
}
#publ_texte19 h2{
padding:10px 0;
}
#publ_texte19:first-letter{
text-transform:uppercase;
}
#publ_texte19:first-line,#publ_texte19 h2{
font-size:16px;
letter-spacing:2px;
}
#publ_texte19 a span{
width:300px;
text-align:left;
}
#publ_bidon19{
clear:both;
}
#publ_vignette20{
float:left;
width:200px;
margin:10px 20px;
}
#publ_vignette20 img{
width:150px;
}
#publ_texte20{
display:block;
float:left;
width:400px;
padding:10px 20px;
font-size:12px;
letter-spacing:1px;
border-top:solid 1px #cf0202;
}
#publ_texte20 a{
color:#900;
vertical-align:center;
display:block;
}
#publ_texte20 h2{
padding:10px 0;
}
#publ_texte20:first-letter{
text-transform:uppercase;
}
#publ_texte20:first-line,#publ_texte20 h2{
font-size:16px;
letter-spacing:2px;
}
#publ_texte20 a span{
width:300px;
text-align:left;
}
#publ_bidon20{
clear:both;
}
video{
width:600px;
height:500px;
text-align:center;
display:block;
}
/* Multibox */
#htmlElement {
padding: 10px;
background-color: #000;
}
#nav_bas{
display:block;
position:relative;
clear:both;
width:100%;
text-align:center;
border-bottom:solid 2px #cf0202;
padding:40px 0 10px; 0;
}
#bas_de_site{
display:block;
width:100%;
height:40px;
padding-bottom:25px;
letter-spacing:3.5px;
position:relative;
background-color:#ccd6ec;
background-image:url(images/footer_rayures.png);
background-repeat:no-repeat;
padding-top:20px;
text-align:center;
}
footer p, footer span,footer{
text-align:center;
letter-spacing:6px;
margin:0;
padding:0;
color:#262626;
}
.tel{letter-spacing10px;text-align:center;margin:auto;}
footer a{
width:95%;
display:inline-block;
text-align:right;
margin:35px 40px 0 0 ;
letter-spacing:4px;
color:#6a6c71;
}
footer img{
margin-top:30px;
margin-left:100px;
}
#ballons{
width:141px;
height:125px;
margin-top:-125px;
margin-left:890px;
background-image:url(images/footer_ballons.png);
background-repeat:no-repeat;
position:relative;
z-index:1;
}
#eco_print{
margin-top:15px;
text-align:center;
color:#282727;
font-family:verdana; font-size:9px;
letter-spacing:1px;
}
#eco_print a{
display:inline-block;
text-align:center;
align:center;
width:200px;
color:#404040;
font-family:verdana; font-size:9px;
}
#eco_print a:hover{
color:#0077e6;
}
#eco_print a img{
margin-bottom:-7px;
border:none;
}