/******** CSS du Site /a-b-portail-v-1/ Version 16-08-2007 ********/
/*
Ce script a été créé gratuitement pour vous (licence GPL) !
Merci de laisser les lignes suivantes pour faire connaitre le script...
*/
/*
Site conçu et développé par Patrick HAMY - Version 16-08-2007 Réf : /a-b-portail-v-1/
Proposé au téléchargement en état (Valide CSS et XHTML - W3C) (http://www.w3.org/)
Licence GPL (http://www.gnu.org/licenses/licenses.fr.html)
Site de l'auteur : http://www.patrickhamy.net
*/
/* Pour info : les (#) = les balises <div> et les (.) les class */
body
{
   padding: 3px; /* On ajoute un padding pour que les cadres ne collent pas sur les bords */
   width: auto;
   margin: auto;
   margin-bottom: 5px;   
   
   background: #35769e;
   font-family: "Trebuchet MS", "Times New Roman",serif;
   font-size: 0.9em;
   color: #000000;
   
   


}
h5 /* Ici cela correspond aux titres qui se trouvent en haut du corps de toutes les pages */
{
   background-color: none;
   text-decoration: none;
   font-family: Arial, "Times New Roman","Arial Black", Verdana, serif;
   text-align: center; /* Pour centrer le titre */
   color: black;
}
h4 /* Ici cela correspond aux titres qui se trouvent en haut du corps de toutes les pages */
{
   background-color: none;
   text-decoration: none;
   font-family: Arial, "Times New Roman","Arial Black", Verdana, serif;
   text-align: center; /* Pour centrer le titre */
   color: black;
}
h3 /* Ici cela correspond aux titres qui se trouvent en haut du corps de toutes les pages */
{
   text-align: center; /* Pour centrer le titre */
   font-family: Arial, "Times New Roman","Arial Black", Verdana, serif; /* Un titre en Arial Black c'est mieux */
}

/********4 cadres=4 coins pour images de fond background-image *********/

#hg, #hd, #bg, #bd {
 background-repeat:no-repeat;
 background-image:url(houx2.gif);
 }
#hg {
 background-position:top left;
 }
#hd {
 background-position:top right;
 }
#bg {
 background-position:bottom left;
 }
#bd {
 background-position:bottom right;
 }
#contenu {
 margin-left:100px;
 margin-right:100px;
 }
#contenu p {
 text-align:justify;
 }
 
/*************************************************************************/ 




#en_tete /*Emplacement de l'image de fond sous la bannière nommée fond-header */
{
   width: auto;
   height: 200px;
   background: #35769e;
   color: #000000;
   margin-bottom: 10px;
   border: none;
   text-align : center;
}
.image /* Pour centrer une image (ou d'autres choses d'ailleurs) */
{
 text-align : center;
}

#menu-g  /* Ici il s'agit du menu placé à gauche */
{
   float: left; /* Le menu flottera à gauche */
   width: 125px; /* Très important c'est la taille du menu */
   text-decoration:none;
   background-color: #E1E8E7;
   color: #000000;
   
}
a  /* Ici il s'agit des liens */
{
   text-decoration: none; /* Les liens ne seront plus soulignés */
   color: #000000; /* Les liens seront en noir */
   background-color: none;
   
}
a:hover /* Quand le visiteur pointe sur le lien */
{
   text-decoration:none; /* Le lien ne sera pas souligné quand on pointera dessus */
   color: #CCCCFF; /* Ici c'est la couleur du lien quand on pointera dessus */
   background-color: red;
}
.element_menu_g /* Configuration globale du menu situé à gauche */
{
   font-family: "Trebuchet MS", "Times New Roman",serif;
   font-size: 0.8em;
   background-color: #E1E8E7;
   border: 0px solid red;
   padding-left: 0px;
   margin-bottom: 20px; /* Pour éviter que les éléments du menu ne soient trop collés */
   color: #000000;
   text-align : center;
   
}
.element_menu_d  /* Configuration globale du menu situé à droite */
{
   font-family: "Trebuchet MS", "Times New Roman",serif;
   font-size: 0.8em;
   background-color: #E1E8E7;
   border: 0px solid red;
   padding-left: 0px;
   margin-bottom: 20px; /* Pour éviter que les éléments du menu ne soient trop collés */
   color: #000000;
   text-align : center;
}
.element_menu a:hover  /* Effets sur les liens */
{
    
   background-color: #B3B3B3;
   color: black;
}


#champ_recherche
{
	margin-bottom:3px;
	width:90%;
	text-align:center;
}
a.link_mail /* Non utilisé actuellement mais à garder */
{
  font-size: 9pt;
  color: green;
  background-color : white;
  text-decoration: underline;
  font-weight: bold ;
  font-family: "Trebuchet MS", serif;
}
a.link_hamy {
  font-size: 0.9em;
  color: black;
  
  background-color : none;
  text-decoration: none;
  font-weight: normal;
  font-family: "Trebuchet MS", serif;
}
.remonter /* Ici il est question du lien ( Merci, cliquez ici pour remonter en haut de la page ! ) */
{
   
   color: #3EA1D0;
   background-color : white;
   text-decoration: none;
   font-weight: bold ;
   text-align: center; 
   font-family: "Trebuchet MS", "Times New Roman", Georgia, serif;
   font-size: 0.8em;
}
#urgence /* Ici il est question du bloc ( NUMEROS D'URGENCE ) */
{
   color: #3EA1D0;
   background-color : white;
   text-decoration: none;
   font-weight: bold ;
   text-align: center; 
   font-family: "Trebuchet MS", "Times New Roman", Georgia, serif;
   font-size: 0.8em;
}
#corps /* Le corps de la page */
{
   margin-left: 140px; /* Une marge à gauche pour pousser le corps, afin qu'il ne passe pas sous le menu */
   margin-bottom: 20px; /* Ca c'est pour éviter que le corps colle trop au pied de page en-dessous */
   text-align: left;
   padding: 5px; /* Pour éviter que le texte à l'intérieur du corps ne colle trop à la bordure */
   margin: auto;
   width: auto;
   color: #000000;
   background-color: #E1E8E7; /* Une couleur de fond pour le corps */
   font-family: "Trebuchet MS", "Times New Roman",serif;
   font-size: 0.9em;
   border: 0px solid red; /* Une bordure pour bien marquer les limites du corps et pour faire joli */
  
  



}
.corps-g /* Alignement du texte à gauche */
{
   color: #000000;
   background-color: #FFFFFF;
   text-align: left;
   font-family: "Trebuchet MS", "Times New Roman", Arial, "Arial Black", Times, serif;
   font-size: 0.9em;
}

blockquote /* Non utilisé actuellement mais à garder */
{
   text-align: justify; /* La citation sera justifiée */
   font-size: 1em;
}
.signature /* Pour aligner à droite */
{
   text-align: right; 
   font-family: "Trebuchet MS", "Times New Roman", serif;
   font-size: 100%;
}
blockquote
{
   text-align: justify; /* La citation sera justifiée */
}
#pied_de_page /* Ici il s'agit du bloc pied de page */
{
   padding: 5px;
   text-align: center;
   margin: auto;
   width: auto;
   color: #000000;
   background-color: #E1E8E7;
   background-image: url("../im-site/footer-2.png"); /* Image du pied de page (footer-2.png) */
   background-repeat: repeat-x;
   font-size: 0.7em;
   font-weight: normal;
   font-family: "Trebuchet MS","Times New Roman", Times, serif;
   border: 1px solid red;
}
a img /* Afin que les images ne soient pas encadrées en violet */
{
Border:none;
}
#table-g a:hover
{
    background : none;
	color: #FFFFFF;
}
#table-d a:hover
{
    background : none;
	color: #FFFFFF;
}

.souligne { text-decoration: underline; }

.barre { text-decoration: line-through; }

.italique { font-style: italic; }

.gras { font-weight:bold; }


/***** CSS Patrick Hamy - Web agency - Menus Horizontal *****/

div#menu4
.menu4 {padding:0 0 0 1em; margin:0; list-style:none; height:35px;}
.menu4 li {float:left ;}
.menu4 li a {display:block; float:left; height:35px; line-height:35px; color:#000000; text-decoration:underline; font-family:arial, verdana, sans-serif; text-align:center; padding:0 0 0 15px; cursor:pointer; font-size:10px;}
.menu4 li a b {float:left; display:block; padding:0 25px 0 18px;}
.menu4 li.current a {color:#fff; background:url(pro_four2.gif);}
.menu4 li.current a b {background:url(pro_four2.gif);}
.menu4 li a:hover {color:#fff; background: url(pro_four1.gif);}
.menu4 li a:hover b {background:url(pro_four1.gif) no-repeat right top;}
.menu4 li.current a:hover {color:#fff; background: url(pro_four2.gif); cursor:default;}
.menu4 li.current a:hover b {background:url(pro_four2.gif)no-repeat right top;}



div#menu4 a img {
border : none;
padding :  0 0.3em;
}




div#menu_horizontal {
list-style-type: none;
	width: auto;
    margin: auto;
	color: #000000;
	height: 30px;
	background-color: #FCFDFD ;
	border: 2px solid rgb(158,160,161);
}

div#menu_horizontal ul {
list-style-type : none;
margin : 0;
padding : 0;
}

div#menu_horizontal li {
padding : 0 0.5em; 
line-height : 30px;
}

div#menu_horizontal li.bouton_gauche {
float : left;
border-right : 1px solid rgb(158,160,161);
}

div#menu_horizontal li.bouton_droite {
float : right;
border-left : 1px solid rgb(158,160,161);
}

div#menu_horizontal a {
color : black;
background-color: #FCFDFD ;
text-decoration : none;
padding : 0 0.5em;
font :  0.7em "Trebuchet MS", serif , bold ;
}

div#menu_horizontal a:hover {
text-decoration : underline;
}

div#menu_horizontal a img {
border : none;
padding :  0 0.3em;
}

/********************Essai menu deroulant****************************************************/









/***** CSS Patrick Hamy - Web agency - Menus en onglets *****/

#menu
{
        border-bottom : 1px solid #9EA0A1;
        padding-bottom : 25px;
}

#onglets
{
        position : absolute;
        border : 0px solid transparent;
        padding : 0;
        font : bold 11px Batang, arial, serif;
        list-style-type : none;
        left : 50%;
        margin-top : 0;
        width: auto;
		margin-left : -496px; /* la moitié de width */
}

#onglets li
{
    float : left;
    height : 21px;
	color: #000000;
    background-color: url(pro_four0.gif);
    margin : 2px 2px 0 2px !important;  /* Pour les navigateurs autre que IE */
    
    border : 1px solid #9EA0A1;
}

#onglets li.active
{
    border-bottom: 1px solid #fff;
    background-color:url(pro_four0.gif) ;
	color: #aaa;
}

#onglets a
{
    display : block;
	background-color: #F4F9FD;
    color : #666;
    text-decoration : none;
    padding : 4px;
}

#onglets a:hover
{
    background : #76B3D7;
	color: #FFFFFF;
}

/* CSS du Tableau au centre de la page index, trouvé sur le net, (impéccable) que je réutilise en partie ici */

#table

caption /* Titre du tableau */
{
   margin: auto; /* Centre le titre du tableau */
   font-family: Arial, Times, "Times New Roman", serif;
   font-weight: bold;
   background : none;
   font-size: 1.2em;
   color: #009900;
   margin-bottom: 20px; /* Pour éviter que le titre ne soit trop collé au tableau en-dessous */
}

table /* Le tableau en lui-même */
{
   margin: auto; /* Centre le tableau */

   
}

td /* Les cellules normales */
{
  
   font-family: "Trebuchet MS", Verdana, Times, "Times New Roman", serif;
   text-align: center; /* Tous les textes des cellules seront centrés*/
   padding: 4px; /* Petite marge intérieure aux cellules pour éviter que le texte touche les bordures */

}


th /* Les cellules d'en-tête */
{
   background-color: #76B3D7;
   color: white;
   font-size: 1.1em;
   font-family: Arial, "Arial Black", Times, "Times New Roman", serif;
   text-align: center;
}

.image /* Pour centrer une image (ou d'autres choses d'ailleurs) */
{
 text-align : center;
}




/****coins arrondis****/

.coins {
border:1px solid #B0C4DE;
background-color:#E4EFFF;
padding:3px 3px ;
margin-left:5px ;
margin-right:-5px ;
-moz-border-radius:10px;
-webkit-border-radius:10px;
}

p, h1 {
padding:3px 3px;
margin:0;
text-align:center ;
}

p, h2 {
padding:3px 3px;
margin:0;
text-align:center ;
}

p, h3 {
padding:3px 3px;
margin:0;
text-align:center ;
}

p, h4 {
padding:3px 3px;
margin:0;
text-align:center ;
}

p, h5 {
padding:3px 3px;
margin:0;
text-align:center ;
}

/*****Bloc coins arrondis avec 4 div embrique****/

#gauche {
background:#E4EFFF url(/pages/styles/fond-arrondi.png) no-repeat bottom left;
margin-right:7px;
max-width:2007px;
}

#droite {
background:#E4EFFF url(/pages/styles/fond-arrondi.png) no-repeat bottom right;
margin-left:7px;
padding-bottom:20px;
}


#haut {
background:#E4EFFF url(/pages/styles/fond-arrondi.png) no-repeat top right;
margin-left:-7px;
padding:0;
}
#haut div {
background:#E4EFFF url(/pages/styles/fond-arrondi.png) no-repeat top left;
height:7px;
width:7px;
}

p, h2 {
padding:5px 10px;
margin:0;
}

/********Carousel-skin-ie7********/

#mycarousel

.jcarousel-skin-ie7 .jcarousel-container {
    -moz-border-radius: 10px;
    background: #D4D0C8;
    border: 1px solid #808080;
}

.jcarousel-skin-ie7 .jcarousel-direction-rtl {
	direction: rtl;
}

.jcarousel-skin-ie7 .jcarousel-container-horizontal {
    width: 245px;
    padding: 20px 40px;
}

.jcarousel-skin-ie7 .jcarousel-container-vertical {
    width: 75px;
    height: 245px;
    padding: 40px 20px;
}

.jcarousel-skin-ie7 .jcarousel-clip-horizontal {
    width:  245px;
    height: 77px;
}

.jcarousel-skin-ie7 .jcarousel-clip-vertical {
    width:  77px;
    height: 245px;
}

.jcarousel-skin-ie7 .jcarousel-item {
    width: 75px;
    height: 75px;
    border: 1px solid #fff;
}

.jcarousel-skin-ie7 .jcarousel-item:hover {
    border-color: #808080;
}

.jcarousel-skin-ie7 .jcarousel-item-horizontal {
    margin-left: 0;
    margin-right: 7px;
}

.jcarousel-skin-ie7 .jcarousel-direction-rtl .jcarousel-item-horizontal {
	margin-left: 7px;
	margin-right: 0;
}

.jcarousel-skin-ie7 .jcarousel-item-vertical {
    margin-bottom: 7px;
}

.jcarousel-skin-ie7 .jcarousel-item-placeholder {
}

/**
 *  Horizontal Buttons
 */
.jcarousel-skin-ie7 .jcarousel-next-horizontal {
    position: absolute;
    top: 43px;
    right: 5px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(next-horizontal.gif) no-repeat 0 0;
}

.jcarousel-skin-ie7 .jcarousel-direction-rtl .jcarousel-next-horizontal {
    left: 5px;
    right: auto;
    background-image: url(prev-horizontal.gif);
}

.jcarousel-skin-ie7 .jcarousel-next-horizontal:hover {
    background-position: -32px 0;
}

.jcarousel-skin-ie7 .jcarousel-next-horizontal:active {
    background-position: -64px 0;
}

.jcarousel-skin-ie7 .jcarousel-next-disabled-horizontal,
.jcarousel-skin-ie7 .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-ie7 .jcarousel-next-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}

.jcarousel-skin-ie7 .jcarousel-prev-horizontal {
    position: absolute;
    top: 43px;
    left: 5px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(prev-horizontal.gif) no-repeat 0 0;
}

.jcarousel-skin-ie7 .jcarousel-direction-rtl .jcarousel-prev-horizontal {
    left: auto;
    right: 5px;
    background-image: url(next-horizontal.gif);
}

.jcarousel-skin-ie7 .jcarousel-prev-horizontal:hover {
    background-position: -32px 0;
}

.jcarousel-skin-ie7 .jcarousel-prev-horizontal:active {
    background-position: -64px 0;
}

.jcarousel-skin-ie7 .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-ie7 .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-ie7 .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}

/**
 *  Vertical Buttons
 */
.jcarousel-skin-ie7 .jcarousel-next-vertical {
    position: absolute;
    bottom: 5px;
    left: 43px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(next-vertical.gif) no-repeat 0 0;
}

.jcarousel-skin-ie7 .jcarousel-next-vertical:hover {
    background-position: 0 -32px;
}

.jcarousel-skin-ie7 .jcarousel-next-vertical:active {
    background-position: 0 -64px;
}

.jcarousel-skin-ie7 .jcarousel-next-disabled-vertical,
.jcarousel-skin-ie7 .jcarousel-next-disabled-vertical:hover,
.jcarousel-skin-ie7 .jcarousel-next-disabled-vertical:active {
    cursor: default;
    background-position: 0 -96px;
}

.jcarousel-skin-ie7 .jcarousel-prev-vertical {
    position: absolute;
    top: 5px;
    left: 43px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(prev-vertical.gif) no-repeat 0 0;
}

.jcarousel-skin-ie7 .jcarousel-prev-vertical:hover {
    background-position: 0 -32px;
}

.jcarousel-skin-ie7 .jcarousel-prev-vertical:active {
    background-position: 0 -64px;
}

.jcarousel-skin-ie7 .jcarousel-prev-disabled-vertical,
.jcarousel-skin-ie7 .jcarousel-prev-disabled-vertical:hover,
.jcarousel-skin-ie7 .jcarousel-prev-disabled-vertical:active {
    cursor: default;
    background-position: 0 -96px;
}

.jcarrousel li { 
    float:left; 
    width:75px; 
    height:75px; 
    margin:0; 
    padding:0; 
    list-style:none; 
    color:#FFF; 
    font:3em/1.2 Georgia, "Times New Roman", Times, serif; 
    text-align:center; 
    background:#C00; 
}






#wrap {
    color: #404040;
    /*margin: 0 12%;*/
    margin: 20px 40px;
}

/**********Carousel-skin-Tango**********/

.jcarousel-skin-tango .jcarousel-container {
    -moz-border-radius: 10px;
    background: #F0F6F9;
    border: 1px solid #346F97;
}

.jcarousel-skin-tango .jcarousel-direction-rtl {
	direction: rtl;
}

.jcarousel-skin-tango .jcarousel-container-horizontal {
    width: 850;
    padding: 20px 35px;
}

.jcarousel-skin-tango .jcarousel-container-vertical {
    width: 75px;
    height: 245px;
    padding: 40px 20px;
}

.jcarousel-skin-tango .jcarousel-clip-horizontal {
    width:  750;
    height: 90px;
}

.jcarousel-skin-tango .jcarousel-clip-vertical {
    width:  75px;
    height: 245px;
}

.jcarousel-skin-tango .jcarousel-item {
    width: 120px;
    height: 90px;
}

.jcarousel-skin-tango .jcarousel-item-horizontal {
	margin-left: 0;
    margin-right: 10px;
}

.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-item-horizontal {
	margin-left: 10px;
    margin-right: 0;
}

.jcarousel-skin-tango .jcarousel-item-vertical {
    margin-bottom: 10px;
}

.jcarousel-skin-tango .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}

/**
 *  Horizontal Buttons
 */
.jcarousel-skin-tango .jcarousel-next-horizontal {
    position: absolute;
    top: 43px;
    right: 5px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(next-horizontal.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-next-horizontal {
    left: 5px;
    right: auto;
    background-image: url(prev-horizontal.png);
}

.jcarousel-skin-tango .jcarousel-next-horizontal:hover {
    background-position: -32px 0;
}

.jcarousel-skin-tango .jcarousel-next-horizontal:active {
    background-position: -64px 0;
}

.jcarousel-skin-tango .jcarousel-next-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal {
    position: absolute;
    top: 43px;
    left: 5px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(prev-horizontal.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-prev-horizontal {
    left: auto;
    right: 5px;
    background-image: url(next-horizontal.png);
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:hover {
    background-position: -32px 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:active {
    background-position: -64px 0;
}

.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}

/**
 *  Vertical Buttons
 */
.jcarousel-skin-tango .jcarousel-next-vertical {
    position: absolute;
    bottom: 5px;
    left: 43px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(next-vertical.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-next-vertical:hover {
    background-position: 0 -32px;
}

.jcarousel-skin-tango .jcarousel-next-vertical:active {
    background-position: 0 -64px;
}

.jcarousel-skin-tango .jcarousel-next-disabled-vertical,
.jcarousel-skin-tango .jcarousel-next-disabled-vertical:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-vertical:active {
    cursor: default;
    background-position: 0 -96px;
}

.jcarousel-skin-tango .jcarousel-prev-vertical {
    position: absolute;
    top: 5px;
    left: 43px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(prev-vertical.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-prev-vertical:hover {
    background-position: 0 -32px;
}

.jcarousel-skin-tango .jcarousel-prev-vertical:active {
    background-position: 0 -64px;
}

.jcarousel-skin-tango .jcarousel-prev-disabled-vertical,
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:active {
    cursor: default;
    background-position: 0 -96px;
}

/*************Mon Carousel personnalise*******/

#moncarousel

.carrousel{
	position:relative;
	overflow:hidden;
}
.carrousel .next{
	position:absolute;
}
.carrousel .prev{
	position:absolute;
	display:none;
}

.carrousel .interieur-carrousel
{
	position:relative;
	overflow:hidden;
}

.carrousel .items{
	position:absolute;
	top:0;
	left:0;
	width: 750px;
}
.carrousel .item{
	display:block;
	float:left;
}

/************Carousel-HTML*******/

#mon-carrousel{
	width:350px; /* la largeur totale du carrousel */
	height:190px;	/* la hauteur totale du carrousel */
}
#mon-carrousel .next
{
	right:15px; /* le positionnement de la flèche "suivant" par rapport à en haut à droite */
	top:90px;
}
#mon-carrousel .prev
{
	left:15px; /* le positionnement de la flèche "précédente" par rapport à en haut à gauche */
	top:90px;
}

#mon-carrousel .interieur-carrousel
{
	margin-left:70px; /* décalage entre le début du caroussel et l'endroit où disparaissent les images */
	margin-top:17px; /* décalage par rapport à en haut du carrousel */
	width: 630px; /* la largeur de l'interieur = (largeur d'un item + margin right d'un item)*(nombres d'item étant apparants en même temps) */
	height:150px;	/* la hauteur d'un item */
}

#mon-carrousel .item{
	width:200px;	/* la largeur d'un item */
	margin-right:10px; /* son espacement éventuel par rapport à l'item suivant */
}