/*   debut style commun*/

/*    fin style commun*/

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


.jcarousel-skin-laborne .jcarousel-direction-rtl {
	direction: rtl;
}
body {
	margin: 0; /* il est conseillé de mettre à zéro la marge et le remplissage de l'élément body, pour tenir compte des différentes valeurs par défaut des navigateurs */
	padding: 0;
	text-align: center; /* ce paramétrage centre le conteneur dans les navigateurs IE 5.x. Le texte est ensuite aligné à gauche (valeur par défaut) dans le sélecteur #container */
	color: #053b77;
	background-color:#053b77;
	background-repeat: repeat-x;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
}
h1 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: normal;
	color: #FFF;
	border-bottom-width: 0.5px;
	border-bottom-style: solid;
	border-bottom-color: #053b77;
	background-color: #053b77;
	padding-left: 20px;
}
h2 {
	font-size: 18px;
	color: #053b77;
	border-left-width: 20px;
	border-left-style: solid;
	border-left-color: #053b77;
	margin-left: 20px;
	padding-left: 10px;
	font-weight: normal;
}
h3 {
	font-size: 16px;
	font-weight: bold;
	color: #006666;
}

h4 {
	font-size: 14px;
	color: #053b77;
	padding-left: 20px;
	margin-top: 5px;
	margin-bottom: 5px;
	padding-top: 0px;
	padding-bottom: 0px;
}
h5 {
	line-height: 22px;
	text-align: center;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	margin-top: 0px;
	margin-right: 70px;
	margin-bottom: 0px;
	margin-left: 70px;
	padding: 0px;
}
.oneColFixCtrHdr #container {
	width: 800px; /* les marges automatiques (et dotées d'une largeur positive) centrent la page */
	border: 1px solid #000000;
	text-align: justify; /* ce paramétrage annule le paramètre text-align: center de l'élément body. */
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	color: #000;
	background-color: wheat;
	padding-right: 0px;
}
.tetiere {
	width: 800px; /* les marges automatiques (et dotées d'une largeur positive) centrent la page */
	border: 1px solid #000000;
	text-align: left; /* ce paramétrage annule le paramètre text-align: center de l'élément body. */
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	color: #000;
	background-color: wheat;
}
.header {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: -20px;
}
.oneColFixCtrHdr #header {
	background: #DDDDDD; 
	padding: 0 10px 0 20px;  /* ce remplissage correspond à l'alignement à gauche des éléments des div qui apparaissent en dessous. Si, au lieu de texte, c'est une image qui est insérée dans l'élément #header, il est conseillé de supprimer le remplissage. */
}
.image-gauche-vert {
	border: 10px solid #666600;
	float: left;
	margin-top: 0px;
	margin-right: 20px;
	margin-bottom: 10px;
	margin-left: 10px;
}
.logos {
	padding-right: 350px;
	padding-left: 350px;
}

.oneColFixCtrHdr #header h1 {
	margin: 0; /* la mise à zéro de la marge du dernier élément du div #header permet d'éviter une disparition de la marge (espace inexplicable entre les éléments div). Si l'élément div est entouré d'une bordure, cette précaution n'est pas nécessaire, car la bordure évite également la disparition de la marge */
	padding: 10px 0; /* l'utilisation de remplissage, au lieu d'une marge, permet d'éloigner l'élément des bords de l'élément div */
}
.oneColFixCtrHdr #mainContent {
	background-color: wheat;
	padding-top: 20px;
	padding-right: 30px;
	padding-bottom: 0px;
	padding-left: 20px;
}
p {
	padding-left: 20px;
	padding-bottom: 2px;
	margin-bottom: 2px;
	margin-top: 2px;
	padding-top: 2px;
	
}
.oneColFixCtrHdr #footer {
	background-color: #053b77;
	line-height: 20px;
	color: #FFF;
	margin-bottom: 0px;
	padding-top: 0;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.oneColFixCtrHdr #footer p {
	margin: 0; /* la mise à zéro de la marge du premier élément du pied de page permet d'éviter une possible disparition de la marge (espace entre les éléments div) */
	padding: 10px 0; /* l'utilisation d'un remplissage pour cet élément crée un espace, tout comme une marge l'aurait fait, mais en évitant le risque de disparition de la marge */
}
.lien {
	color: #333;
	font-weight: bold;
}
.h2-bordeaux {
	font-size: 18px;
	color: #7f1212;
	padding-left: 10px;
	margin-top: 5px;
	margin-bottom: 5px;
	padding-top: 0px;
	padding-bottom: 0px;
	border-left-width: 20px;
	border-left-style: solid;
	border-left-color: #7f1212;
	margin-left: 20px;
}
.h2-rouge {
	font-size: 18px;
	color: #cc0033;
	border-left-width: 20px;
	border-left-style: solid;
	border-left-color: #cc0033;
	margin-left: 20px;
	padding-left: 10px;
	font-weight: normal;
}

.h2-vert {
	font-size: 18px;
	color: #666600;
	margin-left: 20px;
	padding-left: 10px;
	font-weight: normal;
	border-left-width: 20px;
	border-left-style: solid;
	border-left-color: #666600;
}
.h2-orange {
	font-size: 18px;
	color: #d06b03;
	border-left-width: 20px;
	border-left-style: solid;
	border-left-color: #d06b03;
	margin-left: 20px;
	padding-left: 10px;
	font-weight: normal;
}
.h2-violet {
	font-size: 18px;
	color: #7c6095;
	padding-left: 10px;
	margin-top: 5px;
	margin-bottom: 5px;
	padding-top: 0px;
	padding-bottom: 0px;
	border-left-width: 20px;
	border-left-style: solid;
	border-left-color: #7c6095;
	margin-left: 20px;
}
.h4-violet {
	font-size: 14px;
	color: #7c6095;
	padding-left: 20px;
	margin-top: 5px;
	margin-bottom: 5px;
	padding-top: 0px;
	padding-bottom: 0px;
}

.h4-rouge {
	font-size: 14px;
	color: #cc0033;
	padding-left: 20px;
	padding-top: 0px;
	padding-bottom: 0px;
	font-weight: bold;
}
.h4-orange {
	font-size: 14px;
	color: #d06b03;
	padding-left: 20px;
	margin-top: 5px;
	margin-bottom: 5px;
	padding-top: 0px;
	padding-bottom: 0px;
}
.h4-bordeaux {
	font-size: 14px;
	color: #7f1212;
	border-left-width: 0px;
	padding-left: 20px;
	font-weight: bold;
}
.h4-vert {
	font-size: 14px;
	color: #666600;
	border-left-width: 0px;
	padding-left: 20px;
	font-weight: bold;
}
.pied {
	text-align: center;
	background-color: #CCC;
	font-weight: bold;
	border-top-width: thin;
	border-top-style: solid;
	border-top-color: #999;
}
.image-gauche {
}
.image-gauche {
	margin-right: 12px;
	float: left;
}
.image-droite {
	padding-left: 1px;
}
.image-gauche-laborne {
	margin-right: 12px;
	float: left;
	margin-left: 10px;
	margin-bottom: 10px;
	margin-top: 10px;
}
.image-gauche-vert {
	border: 10px solid #959719;
}
.image-gauche-rouge {
	border: 10px solid #cc0033;
	float: left;
	margin-top: 0px;
	margin-right: 20px;
	margin-bottom: 10px;
	margin-left: 10px;
}
.image-gauche-rouge {
	border: 10px solid #cc0033;
	float: left;
	margin-top: 0px;
	margin-right: 20px;
	margin-bottom: 10px;
	margin-left: 0px;
}
.image-gauche-orange {
	border: 10px solid #d06b03;
	float: left;
	margin-top: 20px;
	margin-right: 25px;
	margin-bottom: 20px;
	margin-left: 5px;
}
.image-droite-violet {
	padding-left: 0px;
	float: right;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 20px;
	border: 10px solid #7c6095;
}
.image-droite-vert {
	padding-left: 0px;
	float: right;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 20px;
	border: 10px solid #959719;
}
.bold {
	font-weight: bold;
	color: #000;
}
.bleu {
	color: #006666;
	font-weight: bold;
}
.chapeau {
	font-size: 12px;
	font-weight: bold;
	color: #053b77;
	line-height: 15px;
		
}
.lien-rouge {
	color: #D30D0E;
}
a:link {
	color:#906;
	text-decoration:none;
	font-weight: bold;
}
a:hover {
	color: #666;
}
.lien-image {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

a:visited {
	color:#906;
	text-decoration:none;
	font-weight: bold;
}


.jcarousel-skin-laborne .jcarousel-container-horizontal {
	width: 800px;
/*    padding: 20px 40px;*/
}

.jcarousel-skin-laborne .jcarousel-container-vertical {
	width: 50px;
	height: 150px;
	padding-top: 40px;
	padding-right: 20px;
	padding-bottom: 40px;
	padding-left: 20px;
}

.jcarousel-skin-laborne .jcarousel-clip {
    overflow: hidden;
}

.jcarousel-skin-laborne .jcarousel-clip-horizontal {
	width:  800px;
	height: 300px;
}

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

.jcarousel-skin-laborne .jcarousel-item {
	width: 800px;
	height: 300px;
}

.jcarousel-skin-laborne .jcarousel-item-horizontal {
	margin-left: 0;
    margin-right: 0;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

/**
 *  Vertical Buttons
 */
.jcarousel-skin-laborne .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-laborne .jcarousel-next-vertical:hover,
.jcarousel-skin-laborne .jcarousel-next-vertical:focus {
    background-position: 0 -32px;
}

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

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

.jcarousel-skin-laborne .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-laborne .jcarousel-prev-vertical:hover,
.jcarousel-skin-laborne .jcarousel-prev-vertical:focus {
    background-position: 0 -32px;
}

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

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

.jcarousel-item{
	position:relative;
}

.dessusDroite{
	bottom:50px;
	right:50px;
}

.dessusGauche{
	bottom:50px;
	left:50px;
}

.dessussynergielaborne{
	bottom:50px;
	right:50px;
}

.dessus{
	position:absolute;
	background-image:url(fond.png);
	width:200px;
	height:80px;
	display:block;
	padding:8px;
	font-family:Trebuchet ms;
	font-size:12px;
	color:#fff;
}

.dessus p{
	margin:0;
	padding:0 0 7px 0;
}

.dessus .titre1{
	font-family:"Trebuchet ms";
	font-size:20px;
	color:#fff;
	font-weight:bold;
}

.dessus .titre2{
	font-family:Trebuchet ms;
	font-size:16px;
	color:#fff;
}

.dessus .titre3{
	font-family:Trebuchet ms;
	font-size:16px;
	color:#fff;
}

.dessus .sstitre{
	font-family:Trebuchet ms;
	font-size:13px;
	color:#fff;
	font-weight:bold;
}


/* --------------------------- */

.jcarousel-skin-laborne-ceramiste .jcarousel-container {
/*    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
   border-radius: 10px;
    background: #F0F6F9;
    border: 1px solid #346F97;*/
}

.jcarousel-skin-laborne-ceramiste .jcarousel-direction-rtl {
	direction: rtl;
}

.jcarousel-skin-laborne-ceramiste .jcarousel-container-horizontal {
	width: 700px;
/*    padding: 20px 40px;*/
}


.jcarousel-skin-laborne-ceramiste .jcarousel-container-vertical {
	width: 50px;
	height: 150px;
	padding-top: 40px;
	padding-right: 20px;
	padding-bottom: 40px;
	padding-left: 20px;
}

.jcarousel-skin-laborne-ceramiste .jcarousel-clip {
    overflow: hidden;
}


.jcarousel-skin-laborne-ceramiste .jcarousel-clip-horizontal {
	width:  800px;
	height: 300px;
}

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

.jcarousel-skin-laborne-ceramiste .jcarousel-item {
	width: 800px;
	height: 300px;
}

.jcarousel-skin-laborne-ceramiste .jcarousel-item-horizontal {
	margin-left: 0;
    margin-right: 0;
}


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

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

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

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

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

.jcarousel-skin-laborne-ceramiste .jcarousel-next-horizontal:hover,
.jcarousel-skin-laborne-ceramiste .jcarousel-next-horizontal:focus {
    background-position: -32px 0;
}

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

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

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

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

.jcarousel-skin-laborne-ceramiste .jcarousel-prev-horizontal:hover, 
.jcarousel-skin-laborne .jcarousel-prev-horizontal:focus {
    background-position: -32px 0;
}

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

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

/**
 *  Vertical Buttons
 */
.jcarousel-skin-laborne-ceramiste .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-laborne-ceramiste .jcarousel-next-vertical:hover,
.jcarousel-skin-laborne-ceramiste .jcarousel-next-vertical:focus {
    background-position: 0 -32px;
}

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


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

.jcarousel-skin-laborne-ceramiste .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-laborne-ceramiste .jcarousel-prev-vertical:hover,
.jcarousel-skin-laborne-ceramiste .jcarousel-prev-vertical:focus {
    background-position: 0 -32px;
}

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

.jcarousel-skin-laborne-ceramiste .jcarousel-prev-disabled-vertical,
.jcarousel-skin-laborne-ceramiste .jcarousel-prev-disabled-vertical:hover,
.jcarousel-skin-laborne-ceramiste .jcarousel-prev-disabled-vertical:focus,
.jcarousel-skin-laborne-ceramiste .jcarousel-prev-disabled-vertical:active {
    cursor: default;
    background-position: 0 -96px;
}
.oneColFixCtrHdr #footer-jep {
	background-color: Silver;
	line-height: 20px;
	color: #333;
	margin-bottom: 0px;
	padding-top: 0;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.oneColFixCtrHdr #container-jep {
	width: 800px; /* les marges automatiques (et dotées d'une largeur positive) centrent la page */
	border: 1px solid #000000;
	text-align: justify; /* ce paramétrage annule le paramètre text-align: center de l'élément body. */
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	color: #000;
	background-color: gainsboro;
	padding-right: 0px;
}
.oneColFixCtrHdr #mainContent-jep {
	background-color: gainsboro;
	padding-top: 20px;
	padding-right: 30px;
	padding-bottom: 0px;
	padding-left: 20px;
}
.h1-jep {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: normal;
	color: #FFF;
	background-color: #999933;
	padding-left: 20px;
}
.chapeau-jep {
	font-size: 14px;
	font-weight: normal;
	color: #000;
}
.image-droite-laborne {
	margin-right: 12px;
	float: right;
	margin-left: 10px;
	margin-bottom: 10px;
	margin-top: 10px;
}
.h2-violet-jep {
	font-size: 18px;
	color: #660066;
	padding-left: 10px;
	margin-top: 5px;
	margin-bottom: 5px;
	padding-top: 0px;
	padding-bottom: 0px;
	border-left-width: 20px;
	border-left-style: solid;
	border-left-color: #7c6095;
	margin-left: 20px;
}