@charset "utf-8";

@import "slimbox.css";
/****************************************************************************/
/*                            CSS GENERIQUES                                */
/****************************************************************************/
*,
p { 
	margin:0; 
	padding:0; 
}

body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000;
	
}

img { 
	border:none; 
}

ul { 
	list-style:none; 
	margin:0; 
	padding:0; 
}

.clear {
	height:1px;
	width:1px; 
	clear:both;
}

input {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#7aaedf;
	padding:1px;
}

sup {
	font-size:9px;
}

/* Boutons */
.bouton {
	float:left;
	width:auto;
}
.bouton .btn-left {
	background:url(../img/bg-btn-left.png) no-repeat 0 0!important;
	background: none;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/bg-btn-left.png', sizingMethod='scale');
	float:left;
	width:7px;
	height:19px;
}
.bouton .btn-right {
	background:url(../img/bg-btn-right.png) no-repeat 0 0!important;
	background: none;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/bg-btn-right.png', sizingMethod='scale');
	float:left;
	width:7px;
	height:19px;
}
.bouton a {
	color:#FFFFFF;
	text-decoration:none;
	font-weight:bold;
	background:url(../img/bg-btn.png) repeat-x 0 0!important;
	background: none;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/bg-btn.png', sizingMethod='scale');
	line-height:19px;
	padding:0 2px;
	display:block;
	cursor:pointer;
	float:left;
}

/* Les titres */
h1, h1 a {
	font-size:20px;
	color:#5285b5;
	font-weight:bold;
	margin:0; padding:0;
	text-decoration:none;
}

h2 { 
	font-size:18px;
	color:#5285b5;
	margin:0; padding:0;
}
h3 {
	font-size:16px;
	color:#7aaedf;
	font-weight:bold;
	margin:0; padding:0;
}
h4 {
	font-size:17px;
	color:#14365b;
	font-weight:bold;
}

h5 {
	font-size:14px;
	color:#14365b;
	font-weight:bold;
}


/****************************************************************************/
/*                               CSS PAGES                                  */
/****************************************************************************/
#page {
	width:1024px;
	margin:0 auto;

}


/* HEADER */
#page #header {
	width:1024px;
	float:left;
	background:url(../img/bg-navigation.jpg) center 150px repeat-x;
}


/* Navigation */
#header .navigation{
	float:left;
	
}
#header .navigation ul li {
	float:left; 
	background:url(../img/nav-border.gif) no-repeat right 8px;
	margin:10px 0 0;
	position:relative;
	text-transform:uppercase;
}
#header .navigation ul li.last {
	background:none;
}
#header .navigation ul li a {
	font-size:12px;
	font-weight:bold;
	color:#092c4e;
	text-decoration:none;
	display:block;
	padding:0 5px;
	height:30px;
	line-height:30px;
	border:0px solid black;
	float:left;	
}
#header .navigation ul li.actif a,
#header .navigation ul li a:hover,
#header .navigation ul li a.actif
 {
	color:#FFFFFF;
	text-decoration:none;
}

/* sous menus */
#header .navigation ul li ul {
	display:none;
	position:absolute;
	z-index:500;
	top:30px;
	left:2px;
	border-top:3px solid #fff;
	width:210px;
	padding:0;
	margin:0;
	background:#F2F5F7;
	line-height:normal;
	-moz-opacity:0.95;
	opacity: 0.95;		
}
#header .navigation ul li ul li { /* reset non-1st level list */
	margin:0;
	padding: 0 ;
	list-style:none;
	border-bottom:1px solid #fff;
	font-weight:bold;
	
	background:#DCE8F6;
	text-transform:none;

}
#header .navigation ul li ul li a {
	display:block;
	text-transform:inherit;
	line-height:27px;	
	height:auto;
	padding: 0 5px;
	width:200px;
	
}
#header .navigation ul li ul li a:hover {
	background:url(../img/fond_menu_deroulant.jpg) top repeat-x #C3D7F0;
	text-decoration:underline;
	color:#000000;

}

#header .navigation ul li.over a {color:#FFFFFF; }
#header .navigation ul li.over ul li a {color:#000; text-transform:inherit; }
#header .navigation ul li ul li:hover, #header .navigation ul li ul li.over {
	background:#C3D7F0;
	
}


#header .navigation ul li:hover ul, #header .navigation ul li.over ul {
	display:block;
	color:#FFFFFF;
	text-transform:inherit;
}




/* Langues */
#header .langues {
	float:right;
	width:180px;
	padding-top:9px;
}
#header .langues ul {
	margin-left:23px;
}
#header .langues li {
	float:left;
	padding-right:10px;
}


/* Recherche*/
#header .recherche {
	float:right;
	padding:10px 0 0 30px;
	width:auto;
	height:30px;
	background:url(../img/pictos/picto-rechercher.png) no-repeat 0 0!important;
	*background:url(../img/pictos/picto-rechercher.gif) no-repeat 0 2px;
	position:relative;
	right:20px;
}
#header .recherche li {
	float:left;
	padding-left:10px;
}


/* File d'ariane */
#header .file-ariane {
	width:1024px;
	clear:both;
	padding:5px 0 20px;
}
.file-ariane li{
	float:left;
	padding-right:5px;
	font-size:10px;
	color:#6d6e71;
}
.file-ariane li.accueil {
	background:url(../img/pictos/picto-accueil.gif) no-repeat 0 2px;
	padding-left:15px;
}
.file-ariane li a {
	color:#6d6e71;
	font-size:10px;
	text-decoration:underline;
}
.file-ariane li a:hover {
	text-decoration:none;
}


/* bandeau */ 
#header .bandeau {
	width:1024;
	text-align:center;
	background:url(../img/bg-flash.jpg) no-repeat 0 0;
	padding:2px 0;
}



/* CONTENT */
#page #content {
	width:1024px;
	float:left;
	padding-top:20px;
}


/* Bloc menu de gauche */
#content .bloc-menu {
	float:left;
	width:200px;
}

/***** Bloc Membre *****/
.bloc-menu .bloc-membre {
	margin-left:15px;
}
.bloc-menu .bloc-membre #bloc_top_member {
	font-weight:bold;
	color:#6d6e71;
	text-decoration:none;
	padding:12px 0 4px 37px;
	background:url(../img/bg-bloc-membre-top.gif) no-repeat 0 0;
}
.bloc-menu .bloc-membre #bloc_body_member, .bloc-menu .bloc-membre #bloc_body_member_connecte  {
	width:136px;
	background:url(../img/bg-bloc-membre.gif) repeat-y 0 0;
	margin-left:6px;
	padding:10px;
}
.bloc-menu .bloc-membre #bloc_body_member li {
	padding-bottom: 10px;
}
.bloc-menu .bloc-membre #bloc_body_member li.last {
	*padding-bottom:0;
}
.bloc-menu .bloc-membre #bloc_body_member li .bouton {
	float:right;
}
.bloc-menu .bloc-membre #bloc_bottom_member, .bloc-menu .bloc-membre #bloc_bottom_member_connecte {
	background:url(../img/bg-bloc-membre-bottom.gif) no-repeat 0 0;
}

.bloc-menu .bloc-membre #bloc_body_member_connecte li {padding:2px 0; font-weight:bold;}


/***** Bloc Agenda *****/
.bloc-menu .bloc-agenda {
	background:url(../img/bg-bloc-agenda.gif) no-repeat 0 0;
	margin:10px 0 10px 15px;
	padding:0 0 0 37px;
}
.bloc-menu .bloc-agenda a {
	line-height:35px;
	font-weight:bold;
	color:#6d6e71;
	text-decoration:none;
}
.bloc-menu .bloc-agenda a:hover {
	text-decoration:underline;
}


/***** Bloc sous-menu *****/
.bloc-menu .bloc-sousmenu {
	padding:0 0 0 6px;
	margin:0 0 20px 15px;
}
.bloc-menu .bloc-sousmenu h3 {
	color:#14365b;
	background:url(../img/bg-bloc-sousmenu-h4.gif) no-repeat 0 top;
	padding-left:7px;
	padding-right:20px;
	font-size:15px;
	line-height:29px;
	font-weight:bold;
}
.bloc-menu .bloc-sousmenu ul {
	background:url(../img/bg-bloc-sousmenu.gif) repeat-y 0 0;
	padding:10px;
}
.bloc-menu .bloc-sousmenu ul li {
	background:url(../img/pictos/picto-sousmenu.gif) no-repeat 0 5px;
	padding:2px 23px 2px 15px;
}
.bloc-menu .bloc-sousmenu ul li a {
	font-weight:bold;
	color:#007CB9;
	text-decoration:none;
	font-size:11px;
}
.bloc-menu .bloc-sousmenu ul li a:hover {
	text-decoration:underline;
}

.bloc-menu .bloc-sousmenu ul li a.application_active { text-decoration:underline; }




/* Bloc centrale */
#content .bloc-centrale {
	width:824px;
	float:left;
}

/***** Côté gauche *****/
.bloc-centrale .gauche {
	float:left;
	width:390px;
}
.bloc-centrale .gauche h3 {
	margin-left:95px;
	margin-bottom:10px;
}
.bloc-centrale .gauche p {
	margin-bottom:10px;
}
/*~ Bloc text ~*/
.bloc-centrale .gauche .text {
	float:left;
	width:370px;
	padding-bottom:20px;
	*padding-bottom:10px;
}
.bloc-centrale .gauche .text p {
	text-align:justify;
}
/*~ Bloc news ~*/
.bloc-centrale .gauche .bloc-news {
	width:311px;
	background:url(../img/bloc-news.jpg) no-repeat 0 0;
	float:left;
	padding:15px 10px 15px 55px;
}
.bloc-centrale .gauche .bloc-news img {
	float:left;
	padding-right:15px;
}
.bloc-centrale .gauche .bloc-news p.bleu {
	font-weight:bold;
	color:#7aaedf;
}

/***** Côté droit *****/
.bloc-centrale .droite {
	float:right;
	width:430px;
}
.bloc-centrale .droite .bloc {
	width:376px;
	float:right;
	background:#fff url(../img/bg-droite-bottom.jpg) no-repeat 0 bottom;
	padding-bottom:10px;
	margin-top:10px;
}
.bloc-centrale .droite .bloc h2 {
	padding:0px 0 0px 15px;
	background:#fff url(../img/bg-droite-top.jpg) no-repeat 0 0;
}
.bloc-centrale .droite .bloc .wrapper{
	background:#fff url(../img/bg-droite-border.jpg) repeat-y 0 0;
	padding:0 2px;
}
.bloc-centrale .droite .bloc .wrapper .text {
	background:#fff url(../img/bg-droite.jpg) repeat-x 0 0;
	padding:0 15px 10px;
}
.bloc-centrale .droite .bloc .wrapper .text img {
	padding-top:20px;

}

/***** Commun aux deux côtés *****/
.bloc-centrale .suite,
.bloc-centrale .zoom {
	background:url(../img/pictos/picto-link.gif) no-repeat 0 0;
	padding-left:20px;
	float:right;
	height:15px;
	width:auto;
}
.bloc-centrale .suite a,
.bloc-centrale .zoom a,
.bloc-centrale .suivantes a,
.bloc-centrale .telecharger a {
	font-weight:bold;
	color:#007CB9;
	text-decoration:none;
}
.bloc-centrale .suite a:hover,
.bloc-centrale .zoom a:hover,
.bloc-centrale .suivantes a:hover,
.bloc-centrale .telecharger a:hover {
	text-decoration:underline;
}
.bloc-centrale .suivantes {
	background:url(../img/pictos/picto-suivantes.gif) no-repeat 0 center;
	padding:0 20px;
	margin-top:10px;
	float:right;
	height:15px;
	width:auto;
}
.bloc-centrale .telecharger a {
	background:url(../img/pictos/picto-telecharger-large.jpg) no-repeat 0 center;
	margin:0px 0 ;
	display:block;
	padding-left:50px;
	height:48px;
	line-height:48px;
	color:#6d6e71;
	font-size:12px;
	font-weight:bold;
	clear:both;
}


.bloc-centrale .telecharger_small a {
	display:block;
	background:url(../img/pictos/picto-telecharger-small.gif) no-repeat 0 center;
	padding:0 0 0 30px;
	margin:10px 0 0 15px;
	float:right;
	height:24px;
	width:auto;
	line-height:24px;
	color:#6d6e71;
	font-size:12px;
	font-weight:bold;
}





/***** Page News *****/
.bloc-centrale .news-def {
	width:761px;
	float:left;
	background:url(../img/bg-bloc-content.gif) repeat-y 0 0;
	margin-left:10px!important;
	*margin-left:5px;
}
.bloc-centrale .news-def h4 {
	background:url(../img/bg-bloc-content-h4.gif) no-repeat 0 0;
	width:761px;
	line-height:30px;
	padding-left:20px;
	float:left;
}
.bloc-centrale .news-description {
	background:url(../img/bg-bloc-content-separate.gif) no-repeat center bottom;
	min-height:70px;
	width:731px;
	float:left;
	padding:15px;
		font-size:12px;
}
.bloc-centrale .news-description img {

	margin-right:20px;
	border:1px solid #798084;
}
.bloc-centrale .news-description p {

	padding-bottom:10px;
}
.bloc-centrale .news-description p.bleu {
	font-weight:bold;
	color:#7aaedf;
	padding-bottom:15px;
}
.bloc-centrale .news-description .suite {
	float:left;
	margin-top:5px;
}

.bloc-centrale .news-description .colonne_gauche {
	float:left;
	width:150px;
	text-align:center;
}

.bloc-centrale .news-description .colonne_droite {
	float:right;
	width:580px;
}
.bloc-centrale .news-description .black_link { color:#000000;}

.bloc-centrale .news-def .bottom {
	float:left;
}
.bloc-centrale .news-def .bottom img {
	border:none;
}
.bloc-centrale .news-def .pagination {
	float:right;
	width:741px;
	height:25px;
	margin-top:10px;
	padding-right:20px;
}
.bloc-centrale .news-def .pagination ul {
	float:right;
	width:auto;
}
.bloc-centrale .news-def .pagination li {
	float:left;
	padding-right:3px;
	margin-top:1px;
}
.bloc-centrale .news-def .pagination li a {
	color:#161b1f;
	text-decoration:none;
	display:block;
	background:#d6d8d9;
	height:15px;
	width:16px;
	text-align:center;
	padding-top:1px;
}
.bloc-centrale .news-def .pagination li.on a,
.bloc-centrale .news-def .pagination li a:hover,
.bloc-centrale .news-def .pagination li a.page_active
 {
	background:#798084;
	color:#FFFFFF;
}
.bloc-centrale .news-def .pagination li.suivant a,
.bloc-centrale .news-def .pagination li.fin a,
.bloc-centrale .news-def .pagination li.precedent a,
.bloc-centrale .news-def .pagination li.premier a {
	height:auto;
	width:auto;
	background:none;
	padding:0;

}

.bloc-centrale .news-def .photo {
	float:left;
	width:220px;
	padding-bottom:15px;
}
.bloc-centrale .news-def .photo img {
	float:none;
	text-align:center;
	
}
.bloc-centrale .news-def .photo .zoom {
	float:left;
	margin-top:10px;
}


.bloc-centrale .news-def .agenda-date {
	clear:both;
	background:url(../img/bg-agenda-date.gif) no-repeat 0 0;
	padding-left:40px;
	padding-top:3px;
	height:19px;
}
.bloc-centrale .news-def .agenda-date p {
	font-weight:bold;
	color:#6d6e71;
}
.bloc-centrale .news-def a {
	color:#007CB9;
	text-decoration:none;
}
.bloc-centrale .news-def a:hover {
	text-decoration:underline;
}
.bloc-centrale .news-def ul {
	margin:5px 0 15px 0;
}
.bloc-centrale .news-def ul li {
	font-size:12px;
}
.bloc-centrale .news-def ul li.text {
	padding-bottom:5px;
}



/***** Page produits *****/
.bloc-centrale .news-def.produits .photo-produits {
	float:left;

	text-align:center;
	border:0px solid red;
}
.bloc-centrale .news-def.produits .photo-produits img {
	border:none;
	padding-bottom:10px;
	border:0px solid #798084;
}
.bloc-centrale .news-def.produits .photo-produits li {
	float:left;
}
.bloc-centrale .news-def.produits .photo-produits li.right {
	float:right;
}



/* FOOTER */
#footer {
	width:804px;
	padding:20px 0 10px 0;
	*padding:15px 0 10px 0;
	float:left;
}
#footer p {
	width:804px;
	text-align:center;
	font-size:10px;
	color:#6d6e71;
}
#footer p img {
	vertical-align:bottom;
}
#footer p a {
	font-size:10px;
	color:#6d6e71;
	text-decoration:underline;
}
#footer p a:hover {
	text-decoration:none;
}


.bloc_video {
text-align:center;
margin:10 0px;
padding:10px 0;
}
.bloc_video a {
	text-decoration:underline;
}
.clear {
	clear : both;
	line-height:1px;
}

.hidden_slide {margin:5px 15px 0px 40px; border-left:3px solid #DBDBDB; padding-left:25px;}

.separation {
	height: 1px;
	line-height: 1px;
	margin: 10px 0;
	padding: 0;
	background-color:#DBDBDB;
	clear:both;
}

/* galerie photo en colonne */
.galerie_photo_colonne
{
	margin: 0 ;
	padding: 2px 0px ;
	text-align:center;
	float:left;
	border:0px solid #ccc;
	list-style:none;

/* Suppression du margin, du padding et des puces du <ul> */
}

.bloc-centrale .galerie_photo_gauche {
	padding:3px 0;
	text-align:center;
}

.bloc-centrale .galerie_photo_gauche a {}

.bloc-centrale .galerie_photo_gauche img {}
.bloc-centrale .news-description .galerie_photo_gauche img {margin:2px 0; padding:0;}


.galerie_photo_colonne li {margin:0 5px;}

.galerie_photo_colonne img 
{
	margin: 1px 0px 0px 0px;
	padding:0px;
	border:0px solid #c6c6c6;
}

.galerie_photo_colonne a, .galerie_photo_gauche a:visited, .galerie_photo_gauche a:hover {
	text-decoration:none;
}

.galerie_photo_colonne p {
		margin:0;
		padding:0;
		text-align:left;
		font-style:italic;
}

.galerie_photo_colonne span {
	float:right;
	width:30px;
	padding-right:10px;
	font-style:normal;
}
.bloc_date_agenda {
	font-weight:bold;
	background:url(../img/date_agenda.gif) left center no-repeat;
	line-height:27px;
	margin:10px;
	padding-left:40px;
	padding-top:3px;
	color:#6d6e71;
}
.liste_connexe {
	margin:0 0 0 25px;
	padding:0;
	list-style-image:url(../img/lien_fleche.gif);
 }
 
.liste_connexe li {padding:1px 0; font-weight:bold;}

.liste_connexe li a, .liste_connexe li a:visited {text-decoration:underline;}

/* bloc de contact */
#bloc_contact {
	display:none;
	/*background:url(../img/bg-contact-top.png) top center no-repeat;
	height:40px;
	text-align:center;
	margin-top:10px;
	padding:0 15px; */
}

#bloc_contact h2 {
	text-align:left;
	background:none;
	padding:20px 0 13px 70px;
	font-size:13px;
	letter-spacing:normal;
	cursor:pointer;
}

#bloc_bottom_contact {
	background:url(../img/bg-contact-bottom.png) top center no-repeat;
	height:14px;
}

#bloc_contact_body {
	padding:0px 6px 0px 6px;
	background:url(../img/bg-contact-fond.png) center repeat-y;
}

/* gestion des sous menus du produit */

.sousmenu_produit {

}

.sousmenu_produit{
	margin:13px 0 12px 0;
	padding: 0px;
	list-style-type: none;
	text-align:right;
	padding-right:30px;
}

.sousmenu_produit li {
	padding: 0;
	display:inline;
	margin:0;

}

.sousmenu_produit li a:link, .sousmenu_produit li a:visited { 
	background:url(../img/fond_menu_off.gif) top repeat-x;
	border-bottom:1px solid #ccc;
	padding:5px 10px;
}

.sousmenu_produit li a:hover, .sousmenu_produit li a:visited:hover { 
	background:url(../img/fond_menu_on.gif) top repeat-x;
}


/*** Mise en forme du formulaire ***/

#titreForm, #piedForm {	/*** Mise en forme du titre et du pied de formulaire ***/
	font: bold 1.1em arial, hevetica, sans-serif;
	color: white;
	margin: 0;
	padding: .5em;
}

#piedForm {
	text-align: center; /*** Les boutons sont alignes a droite ***/
}

#piedForm input {
	font-weight: bold; /*** Pour ameliorer la lisibilite des boutons ***/
	padding: 0.1em 0.1em;

}

#corpForm {	/*** Mise en forme du corp du formulaire (bordure, couleur du fond...) ***/

	color: #000;
	margin: 0;
	padding: 1em;
}

#corpForm input {
	font-size:10px;
}

#corpForm fieldset {	/*** Mise en forme des cadres ***/
	margin: 0;
	font-style: normal;
	padding: 5px;
	border: 1px solid #6d6e71;
	
}
#corpForm legend {	/*** Mise en forme des titres des cadres ***/
	font-weight: bold;
	color: #000;
	background: transparent;
}
#corpForm p {	/*** Mise en forme des lignes du formulaire ***/
	padding: .2em 0;
	margin: 0 0 .2em 0;
	color:#000;
}
#corpForm fieldset.coordonnees label {	/*** Mise en forme des intitules de champs ***/
	float: left;	/*** Tres important, ne pas suprimer ! ***/
	width: 35%;	/*** Les intitules prennent 1/3 de la largeur totale du formulaire... ***/
	text-align: right;	/*** ... et ils sont alignes a droite... ***/
	margin: 0;
	padding: 0 .5em 0 0;
	line-height: 1.8;	/*** ... et centres verticalement. ***/
}

#corpForm fieldset.interets p{	/*** Mise en forme des intitules de champs ***/
	
	/*** Les intitules prennent 1/3 de la largeur totale du formulaire... ***/
	text-align: left;	/*** ... et ils sont alignes a droite... ***/
	margin-left:35%;
	padding: 0 .5em 0 5px;
	line-height: 1.8;	/*** ... et centres verticalement. ***/
}

#corpForm fieldset.quizz p {
	padding:10px;
}

#corpForm fieldset.quizz input {border:0}


#corpForm label:hover, #piedForm input {
	cursor: pointer;	/*** Petite astuce pour apprendre aux utilisateurs a cliquer sur les intitules ***/
}
#corpForm label.oblig {
	font-weight: bold;	/*** Mise en evidence des champs obligatoires ***/
}
#corpForm .legende {	/*** Mise en forme des aides contextuelles ***/
	font-style: italic;
	color: #666;
	background: transparent;
	margin: 0;
	padding: 0;
	font-size:10px;
}
#corpForm a.aide {	/*** Mise en forme des bulles d'aide ***/
	text-decoration: none;
}
#corpForm a.aide img {	/*** Mise en forme de l'image des bulles d'aide ***/
	margin: 0;
	padding: 0;
	border: 0;
}

a.aide:hover {	/*** Le curseur de la souris change d'aspect quand il passe au-dessus d'une bulle d'aide ***/
	cursor: help;
}
form {padding:0;margin:0;}

textarea{
	width: 96%;
	font-size: 1em;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

.legende_photo a:link, .legende_photo a:visited { color:#000000;}

.item_distributeur {
	margin:5px 20px;
}
.item_distributeur h5 {padding-top:10px; margin-top:10px; border-top:1px solid #7aaedf;}
.bloc-centrale .news-description .item_distributeur p {margin:2px 20px; padding:0;}
#liste_pays_distributeur, #liste_continent {margin:5px 25px; width:300px; padding:3px 5px;}