/* CSS Document */

/* Définition des polices personnalisées */

@font-face
{
	font-family: 'BallparkWeiner';
	src: url('polices/ballpark.eot');
	src: url('polices/ballpark.eot?#iefix') format('embedded-opentype'),
         url('polices/ballpark.woff') format('woff'),
         url('polices/ballpark.ttf') format('truetype'),
         url('polices/ballpark.svg#BallparkWeiner') format('svg');
	font-weight: normal;
	font-style: normal;
	float: right;
}

@font-face
{
    font-family: 'Dayrom';
    src: url('polices/dayrom.eot');
    src: url('polices/dayrom.eot?#iefix') format('embedded-opentype'),
         url('polices/dayrom.woff') format('woff'),
         url('polices/dayrom.ttf') format('truetype'),
         url('polices/dayrom.svg#Dayrom') format('svg');
    font-weight: normal;
    font-style: normal;
}
h1, h2, h3 
{
	text-align:center;
}
h1, h2, h4
{
/*	color:#600; */
	color:#000;
}
h3
{
	color:#ee604b; /* rouge */
}
.ligne h4
{
	color:#ee604b; /* rouge */
}
h2 a{
	font-weight:bold;
	text-decoration:none;
/*	color:#600; */
	color:#cedbea;
}
h2 a:hover{
	font-weight: bold;
/*	color:#FC6; */
	color:#9eb4ce;
}
h4{
	font-weight: bold;
}
h4.message{
	text-align:center;
}
h1.titre
{
	font-weight: bold;
	font-style: normal;
	font-size:30px;
/*	color:#000;*/
	color:#ee604b; /* rouge */
}
h2.titre
{
	font-weight: bold;
	font-style: normal;
	font-size:30px;
/*	color:#000;*/
	color:#ee604b; /* rouge */
}

body
{
 /* background-color:#FFC; rose pâle */
    background-color:#FFF; /* blanc */
    font-family: 'Trebuchet MS', Arial, sans-serif;
    color: #181818;
}

#bloc_page
{
/*	width:80%; */
	width:100%;
	margin:auto;
}

header
{
	width:100%;
background:url('images/vichy-rouge-orange-rose.png') repeat-x bottom;
/*background: url('images/separateur.png') repeat-x bottom; */
	padding-bottom:0px;
/*	background-color:#FFF; /* fond blanc */
/*	background-color:#8e8e8e; /* fond gris */
/*	background-color:#eff4fa; /* fond bleu ciel */
	margin:1% auto;
	/*
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	-o-border-radius:10px;
	-ms-border-radius:10px;
	border-radius:10px;
	*/
/*	box-shadow: 0px 2px 5px #1c1a19; */
	position:relative;
}

#titre_principal
{
	/* display:inline-block;*/	
}

#logo
{
	display: inline-block;
	width:20%;
	margin-left: 50px;
	margin-top:15px;
}
#logo img{
	width:100px;
}
#titre_site
{
	margin-top:10px;
	margin-right:25%;
	text-align:left;
	float:right;
	width:40%;
	

	/*display: inline-block;
	position:absolute;
	right:25%;
	top:10px;*/
}
#titre_site h1{
	font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
/*	color:#600; */
	color:#000;
	font-size:xxx-large;
	font-weight : bold; /* on met le texte en gras */
}
#titre_site h2{
	font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
/*	color:#600; */
	color:#000;
}
#titre_site_accueil
{
	margin-top:10px;
	margin-right:20%;
	text-align:right;
	float:right;

	/*width:80%;
	display: inline-block;
	position:absolute;
	right:10px;
	top:10px;*/
}
#titre_site_accueil h1{
	font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
/*	color:#600; */
	color:#000;
	font-size:xx-large;
	font-weight : bold; /* on met le texte en gras */
}
#titre_site_accueil h2{
	font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
	font-size:x-large;
/*	color:#600; */
	color:#000;
}


/* Navigation */
#titre_principal{
	overflow:hidden;
	width:100%;
	text-align:left;
}
#connexion
{
	/* display: inline-block;
	float:right;
	margin-right: 5px; */
	position:absolute;
	right :10px;
	top:10px;
	/* */
	    text-align : center; /* on centre le texte qui se trouve dans la liste */
        font-weight : bold; /* on met le texte en gras */
        font-family : Arial; /* on utilise Arial, c'est plus beau ^^ */
        /*font-size : 12px; /* hauteur du texte : 12 pixels */
		font-size : small;
        list-style : none; /* on supprime le style par défaut de la liste */
		/*width : 300px;; /* largeur */
		width : 15%;
		line-height : 35px; /* on définit une hauteur pour chaque élément */
}

#connexion li{
	text-align:right;
	        float:right;
			/*width:200px;*/
			width:100%;

}

#connexion a /* Contenu du menu connexion */
{
        display : block; /* on change le type d'élément, les liens deviennent des balises de type block */
        float:right;
		padding : 0; /* aucune marge intérieure */
/* 		background-color:#cedbea; /* fond bleu ciel */
		background-color:#fac4d1; /* fond rose */
        color : #000; /* texte en noir */
        text-decoration : none; /* on supprime le style par défaut des liens (la plupart du temps = souligné) */
		text-align : center;
        /*width : 200px; /* largeur */
		width:100%;
		-webkit-border-radius:5px;
	-moz-border-radius:5px;
	-o-border-radius:5px;
	-ms-border-radius:5px;
	border-radius:5px;
}
/* IE ne reconnaissant pas le sélecteur ">" */
#connexion a:hover /* Lorsque la souris passe sur un des liens */    
{
    color: #fff;  /* On passe le texte en blanc... */
	background: #ee604b; /* on passe le fond en rouge */
}

.FilAriane
{
	font-size : 14px; /* hauteur du texte : 8 pixels */
	list-style : none; /* on supprime le style par défaut de la liste */
}

.FilAriane a
{
s	list-style : none; /* on supprime le style par défaut de la liste */
	text-decoration : none; /* on supprime le style par défaut des liens (la plupart du temps = souligné) */
}
.FilAriane a:hover /* Lorsque la souris passe sur un des liens */    
{
        color: #000; /* On passe le texte en noir... */
}

#diaporama
{
	font-size : 14px; /* hauteur du texte : 8 pixels */
	list-style : none; /* on supprime le style par défaut de la liste */
}

#diaporama a, #livres_partage a, #mes_livres a
{
	list-style : none; /* on supprime le style par défaut de la liste */
	text-decoration : none; /* on supprime le style par défaut des liens (la plupart du temps = souligné) */
}
#diaporama a:hover /* Lorsque la souris passe sur un des liens */    
{
	color: #C00; /* On passe le texte en rouge... */
    border-bottom: none;
}


#menu_ppal
{
    display: inline-block;
	margin-right: 15px;
}

nav
{
    float:right;
    width: 80%;
    text-align: right;
}

nav ul
{
    list-style-type: none;
}

.clearfix:before, .clearfix:after{
	content:"";
	display:table;
}
.clearfix:after{
	clear:both;
}

section div ul
{
    list-style-type: none;
	text-align:right;
	margin-right:10px;
/* box-shadow: 0px 2px 5px #1c1a19; */

}

nav li
{
    list-style-type: none;
    display: inline-block;
    margin-right: 15px;

}
#barre_menu{
	background-color: #ffffff; /* fond blanc */	
	padding:0;
	margin:0;
	height:100%;
}
#barre_tampon{
	height:30px;
	width:100%;
	padding:0;
	margin:0;
	background-color: #ffffff; /* fond blanc */
}
#menu, #menu ul /* Liste */     
{
        padding:0; /* pas de marge intérieure */
	/*	padding-right:20%; */
        margin :0; /* ni extérieure */
        list-style : none; /* on supprime le style par défaut de la liste */
        line-height : 35px; /* on définit une hauteur pour chaque élément */
        text-align : center; /* on centre le texte qui se trouve dans la liste */
}
#enveloppe_menu /* Enveloppe du menu */
{
		padding:0; /* pas de marge intérieure */
		text-align:center;
/*		background-color : #eff4fa; /* fond bleu ciel */
		background-color : #fac4d1; /* fond rose */
        width : 100%;
		height : 35px; /* on définit une hauteur pour chaque élément */
}
#menu /* Ensemble du menu */
{
        font-weight : bold; /* on met le texte en gras */
		font-family : Arial; /* on utilise Arial, c'est plus beau ^^ */
        font-size : 12px; /* hauteur du texte : 12 pixels */
		/*float:right;*/
		
}

#menu a /* Contenu des listes */
{
        display : block; /* on change le type d'élément, les liens deviennent des balises de type block */
		padding : 0; /* aucune marge intérieure */
     /* background : #600; /* couleur de fond */        
/*		color : #5d5c5c; /* texte en gris */
		color : #000; /* texte en noir */
        text-decoration : none; /* on supprime le style par défaut des liens (la plupart du temps = souligné) */
        width : 200px; /* largeur */
		-webkit-border-radius:5px;
	-moz-border-radius:5px;
	-o-border-radius:5px;
	-ms-border-radius:5px;
	border-radius:5px;
}

#menu li /* Elements des listes */      
{ 
		display:inline-block;
		
        /*float:right;*/
        /* pour IE qui ne reconnaît pas "transparent" */
        border-right : 1px solid #fff; /* on met une bordure blanche à droite de chaque élément */
}

/* IE ne reconnaissant pas le sélecteur ">" */
#menu a:hover /* Lorsque la souris passe sur un des liens */    
{	
	color : #fff; /* on passe le texte en blanc */
/* 	background: #9eb4ce; /* ... et au contraire, le fond en bleu un peu plus foncé */
	background: #ee604b; /* ... et au contraire, le fond en rouge */
		
}

/**/
html>body #menu li
{
        border-right: 1px solid transparent ; /* on met une bordure transparente à droite de chaque élément */
}

#menu li ul /* Sous-listes */
{ 
        border-top : 1px solid #fff; /* on met une bordure blanche en haut de chaque élément d'une sous liste */
        position: absolute; /* Position absolue */
        width: 200px; /* Largeur des sous-listes */
        left: -999em; /* Hop, on envoie loin du champ de vision */
}


#menu li ul li /* Éléments de sous-listes */
{
        /* pour IE qui ne reconnaît pas "transparent" (comme précédemment) */
        border-top : 1px solid #fff; /* on met une bordure blanche en haut de chaque élément d'une sous liste */
/*		background-color : #cedbea; /* fond bleu clair */
		background-color : #fac4d1; /* fond rose */
		-webkit-border-radius:5px;
		-moz-border-radius:5px;
		-o-border-radius:5px;
		-ms-border-radius:5px;
		border-radius:5px;
}
#menu li ul li a/* Éléments de sous-listes */
{
		color : #000; /* texte en noir */

}

/* IE ne reconnaissant pas le sélecteur ">" */
html>body #menu li ul li                
{
        border-top : 1px solid transparent; /* on met une bordure transparente en haut de chaque élément */
}

#menu li ul ul 
{
        margin    : -22px 0 0 200px ; /* On décale les sous-sous-listes pour qu'elles ne soient pas au dessus des sous-listes */ 
        /* pour IE qui ne reconnaît pas "transparent" (comme précédemment) */
        border-left     : 1px solid #fff ; /* Petite bordure à gauche pour ne pas coller ... */      
}

/* IE ne reconnaissant pas le sélecteur ">" ... je me répète ;-) */
html>body #menu li ul ul                
{
        border-left     : 1px solid transparent ; /* on met une bordure transparente sur la gauche de chaque élément */
}

#menu li:hover ul ul, #menu li.sfhover ul ul /* Sous-sous-listes lorsque la souris passe sur un élément de liste */
{
        left: -999em; /* On expédie les sous-sous-listes hors du champ de vision */
}

#menu li:hover ul, #menu li li:hover ul, #menu li.sfhover ul, #menu li li.sfhover ul  /* Sous-listes lorsque la souris passe sur un élément de liste ET sous-sous-lites lorsque la souris passe sur un élément de sous-liste */
{
        left: auto; /* Repositionnement normal */
        min-height: 0; /* Corrige un bug sous IE */
}

nav a
{
    font-size: 1.3em;
    color: #181818;
    padding-bottom: 3px;
    text-decoration: none;
}

nav a:hover
{
    color: #760001;
    border-bottom: 3px solid #760001;
}
#contact a
{
    font-size: 1.3em;
    color: #181818;
    padding-bottom: 3px;
    text-decoration: none;
}

#contact a:hover
{
    color: #760001;
    border-bottom: 3px solid #760001;
}

ul a
{
    font-size: 1.3em;
    color: #181818;
    padding-bottom: 3px;
    text-decoration: none;
}

ul a:hover
{
    color: #760001;
/*    border-bottom: 3px solid #760001; */
}
/* Section */
section
{
	width:80%;
 /* box-shadow: 0px 2px 5px #1c1a19; */
	padding-bottom:10px;
	padding-left:15px;
	background-color:#FFF;
	margin:1% auto;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	-o-border-radius:10px;
	-ms-border-radius:10px;
	border-radius:10px;
	overflow:hidden;
}

#recette_jour
{
	display:table-cell;
	vertical-align:middle;
    height: 100%;
	width:100%;
	text-align:center;
float:left;
margin-top:auto;
}
#mes_livres
{
	display:table-cell;
	vertical-align:middle;
    height: 100%;
	width:49%;
	text-align:left;
float:left;
margin-top:auto;
}
#liste_choix
{
	display:table-cell;
	vertical-align:middle;
    height: 100%;
	width:95%;
	text-align:left;
float:left;
margin-top:auto;
}
#photo{
	display:inline-block;
}

#recette_bouton
{
    position: left;
    bottom: 0;
    border-radius: 0px 0px 5px 5px;
    width: 100px;
    height:25px;
    padding-top: 2px;
    padding-left: 2px;
    color: white;
    font-size: 0.8em;
}

#center
{
	text-align:center;
}
.bouton_rouge
{
    display: inline-block;
    height: 25px;
	width:100px;
    position: right;
    right: 5px;
    bottom: 5px;
	margin:0.2em;
/*  background: url('images/fond_degradebleu.png') repeat-x; */
/*	background: url('images/vichy-rouge-orange-rose.png') repeat-x;*/
	background: #ee604b; /*le fond en rouge */ 
/*	border: 1px solid #760001; */
	border: 1px solid #cedbea;
/*	border: 1px solid #8e8e8e; */
    border-radius: 5px;
    font-size: 1.2em;
    text-align: center;
    padding: 3px 8px 0px 8px;
	color: white;
	text-decoration: none;
}

.bouton_moyen
{
    display: inline-block;
    height: 25px;
	width:100px;
	margin:0.2em;
    position: right;
    right: 5px;
    bottom: 5px;
/*  background: url('images/fond_degradebleu.png') repeat-x;*/
/*	background: url('images/vichy-rouge-orange-rose.png') repeat-x;*/
	background: #ee604b; /*le fond en rouge */ 
/*	border: 1px solid #760001; */
/*	border: 1px solid #8e8e8e; */
	border: 1px solid #cedbea;
    border-radius: 5px;
    font-size: 0.7em;
    text-align: center;
    padding: 3px 8px 0px 8px;
    color: white;
    text-decoration: none;
}
.bouton_pass
{
    display: inline-block;
    height: 25px;
	width:200px;
	margin:0.2em;
    position: right;
    right: 5px;
    bottom: 5px;
/*  background: url('images/fond_degradebleu.png') repeat-x;*/
/*	background: url('images/vichy-rouge-orange-rose.png') repeat-x;*/
	background: #ee604b; /*le fond en rouge */ 
/*	border: 1px solid #760001; */
/*	border: 1px solid #8e8e8e; */
	border: 1px solid #cedbea;
    border-radius: 5px;
    font-size: 0.9em;
    text-align: center;
    padding: 3px 8px 0px 8px;
    color: white;
    text-decoration: none;
}

.gros_bouton_rouge
{
    display: inline-block;
    height: 25px;
	width:400px;
    position: right;
    right: 5px;
    bottom: 5px;
	margin:0.2em;
/*  background: url('images/fond_degradebleu.png') repeat-x;*/
/*	background: url('images/vichy-rouge-orange-rose.png') repeat-x;*/
	background: #ee604b; /*le fond en rouge */ 
/*	border: 1px solid #760001; */
/*	border: 1px solid #8e8e8e; */
	border: 1px solid #cedbea;
    border-radius: 5px;
    font-size: 1.2em;
    text-align: center;
    padding: 3px 8px 0px 8px;
    color: white;
    text-decoration: none;
}

.bouton_rouge img
{
    border: 0;
}



article p
{
    font-size: 0.8em;
}
#diaporama {
	width:100%;
}
#diaporama ul{
	text-align:center;
}
#recette_jour, #mes_livres, #livres_partage{
	display:inline-block;
	width:49%;
}
#livres_partage ul{
 /*   display: inline-block; */
 text-align:right;
    background-color: #FFF;
	/*
    box-shadow: 0px 2px 5px #1c1a19;
    border-radius: 5px;
	*/
    padding: 10px;
    color: white;
    font-size: 0.9em;
}
#livres_partage ul, #mes_livres ul, #liste_choix ul{
    font-size: 1em;
	color:black;
	text-align:left;
	padding: 10px;
}
span.texte_livre{
	width:40%;
	display:inline-block;
	}
/* Footer */
footer
{
	width:100%;
	margin:auto;
	padding-bottom:10px;
	padding-top:10px;
	background-color:#ffffff; /* fond blanc */
/*	background: url('images/vichy-rouge-orange-rose.png') repeat-x; /* fond vichy */
	margin:1% auto;
	/*
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	-o-border-radius:10px;
	-ms-border-radius:10px;
	border-radius:10px;
	*/
/*  box-shadow: 0px 2px 5px #1c1a19; */
	text-align:center;
	clear:both;
	overflow:hidden;
}

#barre_footer{
	margin-bottom:0px;
	height:150px;
	background: url('images/vichy-rouge-orange-rose.png') repeat-x; /* fond vichy */
}

footer h3 
{
	text-align:center;
}


#twitter, #facebook, #contact, #liens,#instagram
{
	display:table-cell;
	vertical-align:middle;
	height: 100%;
	width:20%;
	text-align:center;
	float:left;
	/*margin-top:auto;*/
}

#contenu{
	padding-top:15px;
	background-color : #fac4d1; /* fond rose */
	width:100%;
	display:inline-block;
	overflow:hidden;
}

a img{
	border: none;
	text-decoration:none !important;
}

#liens a
{
	font-size: 0.8em;
	color: #006e68;
	text-decoration: none;
}
#contact a img
{
	
	text-decoration: none !important;
}

#contact a{
	font-size: 0.8em;
	text-decoration:none !important;
	font-weight:bold;
	color:#cedbea;
}
#contact a:hover{
	text-decoration:none !important;
	font-weight: bold;
	color:#9eb4ce;
}
#liens ul li
{
    display: inline-block;
    vertical-align: top;
    margin-top: 0;
    width: 48%;
    list-style-image: url('images/ico_liensexterne.png');
    padding-left: 2px;
	text-decoration: none;
}

#contact
{
	width:30%;
}
#contact ul li
{
    display: inline-block;
    vertical-align: top;
    margin-top: 0;
    width: 48%;
    list-style-image: url('images/ico_liensexterne.png');
    padding-left: 2px;
	text-decoration: none;
}
#titre_principal img{
	text-decoration:none;
}
img
{
	display:inline-block;
	position:relative;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	-o-border-radius:10px;
	-ms-border-radius:10px;
	border-radius:10px;

}

img.vignette
{
height:110px;
width:150px;
}
img.mini
{
height:50px;
/*width:80px;*/
}
#photo img.zoom
{
height:300px;
width:400px;
}
div img.zoom
{
margin:10px;
height:225px;
width:300px;
}

table{
	width:95%;
}

#imprimer
{
    display: inline-block;
    height: 25px;
	width:100px;
    position: right;
    right: 5px;
    bottom: 5px;
/*  background: url('images/fond_degradebleu.png') repeat-x;*/
	background: url('images/vichy-rouge-orange-rose.png') repeat-x;
/*	border: 1px solid #760001; */
/*	border: 1px solid #8e8e8e; */
	border: 1px solid #cedbea;
    border-radius: 5px;
    font-size: 1.2em;
    text-align: center;
    padding: 3px 8px 0px 8px;
    color: white;
    text-decoration: none;
}
/* sortable */
table.sortable{border:1px solid #ddd;}
	table.sortable thead th{cursor: pointer;position:relative;top:0;left:0;border-right:1px solid #ddd;}
	table.sortable thead th:hover{background:#efefef;}
	table.sortable span.arrow{border-style:solid;border-width:5px;
	display:block;position:absolute;top:50%;right:5px;font-size:0;
	border-color:#ccc transparent transparent transparent;
	line-height:0;height:0;width:0;margin-top:-2px;}
	table.sortable span.arrow.up{border-color:transparent transparent #ccc transparent;margin-top:-7px;}
/* formulaires */
textarea
{
width:80%;
height:200px;
margin:0;
border:1px solid #ccc;
padding:5px;
vertical-align: middle;
font-family:inherit;
font-size:0.9em;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
-moz-box-shadow:inset 0 0 6px #ccc;
-webkit-box-shadow:inset 0 1px 6px #ccc;
box-shadow:inset 0 1px 6px #ccc;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
overflow:auto;
}	
input, select{
display:inline-block;
*display:inline;
vertical-align: middle;
width:30%;
zoom:1;
margin:0;
border:1px solid #ccc;
font-size:1em;
padding:5px 0;
text-indent: 5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
background:#fff;
-moz-box-shadow:inset 0 0 6px #ccc;
-webkit-box-shadow:inset 0 1px 6px #ccc;
box-shadow:inset 0 1px 6px #ccc;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
submit{
	width:25px;
	background-color:#600;
}
#connexion input{
vertical-align: top;
width:80%;
zoom:1;
margin:0;
border:1px solid #ccc;
font-size:1em;
padding:5px 0;
text-indent: 5px;
text-align:center;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
background:#fff;
-moz-box-shadow:inset 0 0 6px #ccc;
-webkit-box-shadow:inset 0 1px 6px #ccc;
box-shadow:inset 0 1px 6px #ccc;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
#connexion input[type="submit"]
{
	width:20%;
}
input[type="submit"]
{
	width:3em !important;
	/* background:#600; */
/*	background:#8e8e8e !important; /* fond du bouton OK */
	background:#ee604b !important; /* fond du bouton OK en rouge*/
	color:#FFF;
	text-align:center;
	padding:0.2em;
}
input[type="submit"]:hover
{
/*	color: #000 !important;  On passe le texte en noir... */
/*	background: #5d5c5c !important; /* ... et au contraire, le fond en gris plus foncé */
	background: #ee604b !important; /* ... et au contraire, le fond en rouge */
}

select{
display:inline;
width:30%;
margin:0;
border:1px solid #ccc;
line-height:100%;
padding:3px;
vertical-align: middle;
}
.left
{
	display:inline-block;
	width:50%;
	float:left;

}
.right
{
	display:inline-block;
	width:45%;
	float:right;

}
.fb-like
{
	width:10%;
	height:10% !important;
}
div .stopfloat
{
	clear:both;
}
/* formulaire */
fieldset
{
	float:left;
	display:inline;
	width=200px;
	margin-left:20px;
}
label{
	font-size: 1.2em;
	float:left;
	display : inline;
	width:300px;
	height:25px;
}
p.submit {
	clear:both;
	position:relative;
}
button{
	position:absolute;
	width:110px;
	height:30px;
	overflow:hidden
}
.gras {
		font-weight: bold !important;
}
.colonne1{
	display:inline-block;
	width:14%;
	margin:1px;
}
.colonne1 img{
	height:110px;
	width:98%;
}
.colonne2{
	display:inline-block;
	width:9%;
	margin:1px;
}
.colonne3{
	display:inline-block;
	width:5%;
	margin:1px;
}
.ligne{
	width:100%;
	display:inline-block;
}
.ligne img{
	vertical-align:middle;
}
.boutons{
	margin-bottom:25px;
}

.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}

.clear{
	overflow:hidden;
}