/* Start of CMSMS style sheet 'Style' */
body{
	background: #82B2C0 url(img/fond.jpg) top left repeat-x;
	text-align: center;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	padding: 0;
	margin: 0;
}

/**********/
/* SPLASH */
/**********/

div#flashcontent{
	margin: 0 auto 10px auto;
	position: relative;
	left: 20px;
	width: 700px;
}
a#shortcut{
	text-transform: uppercase;
	color: #FFFFFF;
}
div#baseline-wrap{
	margin: 24px auto 0 auto;
	width: 665px;
	background: #6899A8 url(img/baseline-haut.gif) top left no-repeat;
}
#splash div#baseline{
	width: 645px;
	background: url(img/baseline-bas.gif) bottom left no-repeat;
	padding: 10px;
}
#splash div#baseline a{
	color: #C5E623;
	font-weight: bold;
}
#splash div#footer{
	margin-top: 15px;
}
#splash div#footer a{
	color: #875298;
	font-weight: bold;
	line-height: 20px;
	text-decoration: none;
}
#splash div#footer a:hover{
	text-decoration: underline;
}

/***********/
/* INTERNE */
/***********/
div#container-wrap{
	margin: 0 auto;
	width: 1041px;
	background-image: url(img/pages.gif);
	background-position: right 50px;
	background-repeat: no-repeat;
	position: relative;
	left:-50px;
}
div#container{
	width: 885px;
	text-align: left;
	margin: 0 auto;
	position: relative;
}
div#page-top{
	position: relative;
	margin-top: 20px;
	height: 25px;
	padding-bottom: 1px;
	padding: 0 10px 1px 20px;
}
a#extranet{
	position: absolute;
	bottom: 1px;
	right: 10px;
	display: block;
	height: 18px;
	width: 139px;
	float: right;
	text-transform: uppercase;
	color: #FFFFFF;
	text-decoration: none;
	background: #012F41 url(img/extranet-tab.gif) top left no-repeat;
	padding: 7px 0 0 50px;
}
a#extranet:hover{
	height: 23px;
}
div#page-wrapper{
	background-color: #FFFFFF;
	padding: 10px 10px 0 10px;
}
h1#header{
	margin: 0 0 10px 0;
	padding: 0;
}
h1#header a img{
	border: 0;
}

div#entre{
	background: url(img/entre.gif) top left repeat-x;
	height: 13px;
	margin-top: 2px;
	margin-bottom: 2px;
}

div#contenu{
	background-color: #FFFFFF;
	width: 649px;
	float: left;
	border-right:216px solid #F0F5F9;
	margin-right:-216px;
	color: #515151;
}
div#sidebar{
	float: left;
	width: 216px;
	margin: 0;
	background-color: #F0F5F9;
}
h2#titre-page{
	margin: 0 0 30px 0;
	padding: 6px 0 0 10px;
	height: 29px;
	background: url(img/titre-fond.png) top left no-repeat;
}
div#titre-wrap{
	width: 580px;
	padding: 5px 5px 5px 30px;
	margin: 5px 0 30px 10px;
	background: #DCC3DF url(img/titre-page-fond.gif) 8px 11px no-repeat;
}
h2#titrepage{
	font-size: 25px;
	color: #3E1348;
	background-color: #DCC3DF;
	margin: 0;
	padding: 0;
	font-weight:normal;
}
div#inside{
	padding-left: 10px;
	padding-right: 25px;
}

/********/
/* MENU */
/********/

ul#menu{
	list-style-type: none;
	margin: 0;
	padding: 0;
	background-color: #033043;
	height: 27px;
	padding-top: 5px;
}
ul#menu li{
	float: left;
	padding-right: 26px;
	background: url(img/carres-blancs.gif) right 7px no-repeat;
}
ul#menu a span{
	display: none;
}
ul#menu li a{
	display: block;
	height: 27px;
	background-repeat: no-repeat;
}
ul#menu li a:hover, ul#menu li:hover a, ul#menu li.sfhover a, ul#menu li.ici a{
	background-position: left -27px;
}
ul#menu li#accueil{
	padding-left: 8px;
	padding-top: 8px;
	padding-right: 10px; 
	background: none;
}
ul#menu li#accueil a{
	background: url(img/menu-accueil.gif) top left no-repeat;
	width: 60px;
	height: 14px;
}
ul#menu li#accueil a:hover{
	margin-top:-5px;
	height: 19px;
	background-position: top left;
}
ul#menu li#societe a{
	background-image: url(img/menu-societe.gif);
	width: 98px;
}
ul#menu li#produits a{
	background-image: url(img/menu-produits.gif);
	width: 113px;
}
ul#menu li#rejoindre a{
	background-image: url(img/menu-rejoindre.gif);
	width: 148px;
}
ul#menu li#parrainage a{
	background-image: url(img/menu-parrainage.gif);
	width: 116px;
}
ul#menu li#liens a{
	background-image: url(img/menu-liens.gif);
	width: 61px;
}
ul#menu li#contacts a{
	background-image: url(img/menu-contacts.gif);
	width: 104px;
}
ul#menu li#contacts{
	padding-right: 0;
	background: none;
}

/* Sous-menus */

ul#menu ul{
	padding: 0;
	margin: 0;
	list-style: none;
	position: absolute;
	z-index: 99;
	left: -999em;
	background-color: #D9EF59;
	width: 175px;
}
ul#menu li:hover ul, ul#menu li.sfhover ul{
	left: auto;
}
ul#menu ul li{
	background: none;
	float: none;
	padding-right: 0;
	width: 175px;
	background: url(img/pointille-bleu.gif) top left repeat-x;
}
body#interne ul#menu li ul li a{
	height: auto;
	width: 150px;
	background: url(img/puce-bleue.gif) 5px 15px no-repeat;
	color: #033043;
	font-weight: bold;
	text-decoration: none;
	padding: 10px 10px 10px 15px;
}
body#interne ul#menu li ul li a:hover{
	background: #B6D130 url(img/puce-bleue.gif) 5px 15px no-repeat;
}

/****************/
/* FIL D'ARIANE */
/****************/

div#fil{
	padding: 5px;
	background-color: #B7D130;
	color: #FFFFFF;
}
div#fil a{
	color: #FFFFFF;
	text-decoration: none;
}
div#fil a:hover{
	text-decoration: underline;
}
div#fil .ici{
	font-weight: bold;
	text-decoration: underline;
}

/************/
/* Menu bas */
/************/

div#menu-bas{
	clear: both;
	background: url(img/menu-bas-fond.gif) top left repeat-x;
	height: 21px;
	font-size: 10px;
	color: #FFFFFF;
	width: 885px;
	text-align: center;
	padding-top: 7px;
}
div#menu-bas a{
	color: #FFFFFF;
	text-decoration: none;
	font-weight: normal;
}
div#menu-bas a:hover{
	text-decoration: underline;
}

/**********/
/* Footer */
/**********/

#interne div#footer{
	background-color: #012E41;
	color: #A3A3A3;
	text-align: right;
	padding: 8px 10px;
}
#interne div#footer a{
	color: #C4CF67;
	font-weight: bold;
	text-decoration: none;
}
#interne div#footer a:hover{
	text-decoration: underline;
}

/************/
/* Baseline */
/************/

#interne div#baseline{
	background: url(img/baseline-interne-fond.gif) top left repeat-x;
	min-height: 46px;
	height: auto !important;
	height: 46px;
	padding: 8px 20px 0 20px;
	text-align: center;
}
#interne div#baseline a{
	color: #C5E520;
	font-weight: bold;
}
#interne div#baseline a img{
	border: none;
}

/***********/
/* SIDEBAR */
/***********/

div#sidebar-content{
	background-color: #FFFFFF;
	padding-bottom: 10px;
	height: 1%;
	position: relative;
}
div#boussole-img{
	background: url(img/boussole.png) top left no-repeat;
}
div#boussole{
	height: 142px;
	/*position: relative;*/
}
div#boussole a{
	display: block;
	position: absolute;
	z-index: 50;
}
div#boussole a span{
	display: none;
}
div#boussole a#bou1{
	top: 0;
	left: 46px;
	width: 68px;
	height: 38px;
}
div#boussole a#bou2{
	top: 32px;
	left: 135px;
	width: 80px;
	height: 42px;
}
div#boussole a#bou3{
	top: 62px;
	left: 0px;
	width: 87px;
	height: 42px;
}
div#boussole a#bou4{
	top: 102px;
	left: 86px;
	width: 97px;
	height: 38px;
}
div#sidebar h3#news{
	margin-top: 30px;
	margin-bottom: 5px;
}
div#sidebar a#rss{
	display: block;
	margin-top: 10px;
}
div#sidebar a#rss img{
	border: 0;
}
div#sidebar h3#newsletter{
	margin-top: 10px;
	margin-bottom: 0px;
}
div#sidebar div#inscription{
	background-color: #F5F5E9;
	padding: 10px 30px 10px 10px;
}
div#sidebar div#inscription a{
	display: block;
	margin-top: 10px;
}
div#sidebar div#inscription a img{
	border: 0;
}
div#sidebar-end{
	padding: 15px 10px 10px 10px;
	line-height: 18px;
}
div#sidebar-end p img{
	margin-top: 10px;
}
div#sidebar-end p{
	margin-bottom: 15px;
}


/********/
/* NEWS */
/********/

.news-item{
	padding-top: 10px;
	padding-bottom: 10px;
	background: url(img/pointille-gris.gif) bottom left repeat-x;
}
.news-item.first{
	background: none;
}
.news-img{
	float: left;
}
.news-img img{
	border: 3px solid #CCCCCC;
}
.news-contenu{
	float: left;
	width: 145px;
}
#inside .news-contenu{
	width: 510px;
}
.news-item a img{
	border: none;
}
.news-titre{
	display: block;
	color: #8E599D;
	font-weight: bold;
	background: url(img/page-icon.gif) top left no-repeat;
	padding-left: 20px;
	padding-top: 2px;
	min-height:16px;
	text-decoration: none;
	margin-bottom: 2px;
}
a.news-titre:hover{
	text-decoration: underline;
}
.news-date{
	display: block;
	color: #A2A2A2;
}
.news-resume{
	display: block;
	line-height: 18px;
	margin-top: 5px;
}
#NewsPostDetailDate{
	color: #A2A2A2;
}

/***********/
/* CONTENU */
/***********/

#contenu #inside{
	line-height: 18px;
}
#contenu #inside ul{
	list-style-type: none;
	margin: 0;
	padding: 0;
}
#contenu #inside ul li{
	margin: 0;
	padding: 0 0 0 10px;
	background: url(img/puce-verte.gif) left 6px no-repeat;
}

#contenu #bloc-slogan{
	background-color: #F3F3F3;
	border-top: 1px dotted #A2A2A2;
	border-bottom: 1px dotted #A2A2A2;
	margin: 30px 0 20px 0;
	padding: 10px;
	text-align: center;
	text-transform: uppercase;
	font-weight: bold;
}
#contenu #bloc-outils{
	border-top: 1px dotted #A2A2A2;
	border-bottom: 1px dotted #A2A2A2;
	margin-bottom: 20px;
	padding: 5px 0;
}
#contenu #bloc-outils div{
	width: 280px;
	margin: auto auto;
	padding-left: 10px;
}
#contenu #bloc-outils #envoyer,#contenu #bloc-outils #imprimer{
	float: left;
	width: 120px;
	display: block;
	padding-left: 20px;
	height: 18px;
	font-weight: normal;
	color: #A2A2A2;
	text-decoration: none;
}
#contenu #bloc-outils #envoyer:hover,#contenu #bloc-outils #imprimer:hover{
	text-decoration: underline;
}
#contenu #bloc-outils #envoyer{
	background: url(img/send.gif) left 4px no-repeat;
}
#contenu #bloc-outils #imprimer{
	background: url(img/print.gif) left 2px no-repeat;
}

/****************/
/* ENVOI A UN AMI */
/****************/

#bloc-envoi{
	display: none;
	position: fixed;
	top:50px;
	width: 400px;
	background: #FFFFFF;
	border: 1px solid #A2A2A2;
	padding: 10px;
	text-align: left;
	color: #515151;
}

#bloc-envoi .titre{
	font-weight: bold;
	font-size: 1.5em;
	color: #B7D130;
	margin-top: 0;
	margin-bottom : 10px;
}


#bloc-envoi form textarea{
	width: 200px;
	height: 70px;
}
#bloc-envoi .oblig{
	display: block;
	margin-bottom: 10px;
	font-size: 0.8em;
}
#bloc-envoi #retour_envoi{
	display: block;
	color: #FFFFFF;
	background-color: #515151;
	font-weight: bold;
	padding: 2px 5px;
	text-decoration: none;
	width: 50px;
	text-align: center;
}
#bloc-envoi .erreur input{
	border: 1px solid red;
}
#bloc-envoi .success{
	font-weight: bold;
	margin-top: 20px;
	margin-bottom: 20px;
	font-size: 1.2em;
}

/**************/
/* FORMULAIRES */
/**************/

form fieldset{
	border: 1px solid #5FA7B9;
	margin-top: 10px;
	width: 400px;
}
form fieldset.large{
	width: auto;
}
form fieldset.large label{
	width: 220px;
}
form div.typeradio div{
	float: left;
	clear: none;
}
form div.typeradio div input{
	/*float: left;*/
	width: auto;
}
form div.typeradio div label{
	display: inline;
	float: none;
	width: auto;
}
.formbuilderform fieldset{
	margin-bottom: 10px;
}
form fieldset.vous{
	border: 2px solid #B7D130;
}
form fieldset.vous legend{
	background-color: #B7D130;
}
form fieldset.filleul{
	width: 280px;
	float: left;
	margin-right: 5px;
}
form#form_parrainage fieldset.filleul div label{
	width: 110px;
}
form fieldset legend{
	background-color: #5FA7B9;
	color: #FFFFFF;
	font-weight: bold;
	font-family: inherit;
	font-size: 1.2em;
	padding-left: 2px;
	padding-right: 2px;
}
#form_parrainage div input.typesubmit{
	margin-top: 10px;
}

.erreurs{
	font-weight: bold;
}
#bloc-envoi form div, .login_form div, #newsletter_form div, .formbuilderform div, #form_parrainage div{
	clear: both;
	margin-bottom: 5px;
}
#bloc-envoi form label, #newsletter_form label, .formbuilderform label, #form_parrainage label{
	display: block;
	float: left;
	width: 150px;
	text-align: right;
	padding-top: 2px;
	padding-right: 5px;
}
#newsletter_form label{
	width: 250px;
}
#bloc-envoi form div input, #newsletter_form div input, #form_parrainage div input, #form_parrainage textarea{
	width: 150px;
}
.formbuilderform div input, .formbuilderform textarea{
	width: 200px;
}
input.typesubmit, .login_form input.signin_button, .formbuilderform .fbsubmit{
	background-color: #B7D130;
	color: #FFFFFF;
	font-weight: bold;
	cursor: pointer;
	border: 0;
}
.formbuilderform .fbsubmit, #form_parrainage div .typesubmit{
	width: auto;
	margin-left: 155px;
}
#newsletter_form input.typesubmit{
	margin-left: 255px;
}
div.error input, div.error select, div.error textarea{
	border: 1px solid red;
}
.error_message{
	margin-bottom: 10px;
	font-weight: bold;
}

/**********/
/* STYLES */
/**********/

a{
	font-weight: bold;
	color: #90599D;
}
a.gras_vert{
	color: #9DBA08;
	font-weight: bold;
}
.grand{
	font-size: 1.5em;
}
.txt_vert{
	color: #9DBA08;
}
.txt_violet{
	color: #69367A;
}
h3{
	font-size: 1.5em;
	text-transform: uppercase;
	font-weight: bold;
	color: #9DBA08;
	margin: 15px 0 8px 0;
}
h4{
	font-size: 1.2em;
	text-transform: uppercase;
	margin: 10px 0 8px 0;
}

/*********/
/* UTILS */
/*********/

.left{
	float: left;
	text-align: left;
}

div.clearb{
	clear: both;
	height: 0;
	overflow: hidden;
}

/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

/*.sIFR-hasFlash h1 {
	visibility: hidden;
}*/

.sIFR-hasFlash h2#titrepage {
	visibility: hidden;
	letter-spacing: -9px;
	font-size: 25px;
}

/*.sIFR-hasFlash h3 {
	visibility: hidden;
	letter-spacing: -6px;
	font-size: 25px;
}

.sIFR-hasFlash h4 {
	visibility: hidden;
	letter-spacing: -5px;
	font-size: 21px;
}

.sIFR-hasFlash h5#pullquote {
	letter-spacing: -4px;
	visibility: hidden;
	font-size: 24px;
}*/
/* End of 'Style' */