@charset "UTF-8";
/*	------------------

	CSS ADMITIS CLIENT

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

/*** 8 possibilite de background :

bg-www => tout le fond est white (par d�faut)
bg-ggg => tout le fond est grey
bg-gww => header grey - content white - footer white
bg-ggw => header grey - content grey - footer white
bg-gwg => header grey - content white - footer grey

bg-wgg => header white - content grey - footer grey
bg-ggw => header grey - content grey - footer white
bg-wwg => header white - content white - footer grey

***/	
	
	
	
/*** HTML ELEMENTS ***/
p, form, img, h1, h2, h3, h4, h5, h6, ul, ol, li, html, body {
	margin:0;
	padding:0;
}

ul {
	list-style:none;
}

a img {
	border:none;
}

html {
	height:100%;
}

body {
	font:62.5% Arial, Helvetica, sans-serif;
	height:100%;
	background: #fff;
	color: #666;
}
/* couleur de background en fonction de la page */
body.bg-ggg,
body.bg-ggw{
	background: #EDEDED;
}
body.bg-wgg,
body.bg-wgw{
	background: #EDEDED url(../images/theme/body-bg.png) repeat-x 0 -17px;
}
body.bg-gww,
body.bg-gwg{
	background: #fff url(../images/theme/body-bg-g.png) repeat-x 0 -18px;
}



a {
	outline:none;
}

/*** GENERAL STYLE ***/
.hide {
	position:absolute;
	left:-5000px;
}

.clear {
	clear:both;
}

.right{
	float: right;
}
.left{
	float: left;
}
textarea{
	font-family: Arial, Helvetica, sans-serif;	
}
a img{
	border: 0;
}

/*** PAGE ***/

#page {
	width:964px;
	margin:0 auto;
	min-height:100%;
}



/*** HEADER ***/
#header {
	width:964px;
	height:110px;
	position:relative;
}

#header #logo {
	position: absolute;
	left: 29px;
	top: 0;
	width: 189px;
	height: 130px;
}

#header #logo a{
	display: block;
	width:189px;
	height:130px;
	background:url(../images/theme/sprite.png) no-repeat 6px 6px;
	text-decoration:none;
}
#header #logo a span{
	position: absolute;
	left: -20000px;
}

#header p.contact {
	position:absolute;
	left:241px;
	top:10px;
	font-size:1.2em;
	color:#999;
}

#header p.contact strong span {
	color:#94b034;
	font-size:1em;
	display:inline;
}

#header p.contact span {
	font-size:0.9em;
	display:block;
}

#header h1.landing-title {
    position: absolute;
    right: 20px;
    top: 72px;
    font-size: 2.2em;
    font-weight: bold;
    color: #333333;
}

/*** NAV ***/
ul#nav {
	position:absolute;
	top:50px;
	right:24px;
}

ul#nav li {
	float:left;
}

ul#nav li a {
	float:left;
	display:block;
	height:46px;
	background:url(../images/theme/sprite.png) no-repeat;
	outline:none;
}

ul#nav li a span {
	position:absolute;
	left:-5000px;
}

ul#nav li.discover a {
	background-position:0 -136px;
	width:175px;
}
ul#nav li.discover a:hover, ul#nav li.discover a.active {
	background-position:0 -184px;
	width:175px;
}

ul#nav li.formula a {
	background-position:-175px -136px;
	width:167px;
}
ul#nav li.formula a:hover, ul#nav li.formula a.active {
	background-position:-175px -184px;
}

ul#nav li.teacher a {
	background-position:-342px -136px;
	width:188px;
}
ul#nav li.teacher a:hover, ul#nav li.teacher a.active {
	background-position:-342px -184px;
}

ul#nav li.account a {
	background-position:-530px -136px;
	width:171px;
}
ul#nav li.account a:hover, ul#nav li.account a.active {
	background-position:-530px -184px;
}


ul#nav li.profil a {
	background-position:0 -1712px;
	width:177px;
}
ul#nav li.profil a:hover, ul#nav li.profil a.active {
	background-position:0 -1660px;
}

ul#nav li.prestation a {
	background-position:-177px -1712px;
	width:174px;
}
ul#nav li.prestation a:hover, ul#nav li.prestation a.active {
	background-position:-177px -1660px;
}

ul#nav li.commande a {
	background-position:-351px -1712px;
	width:174px;
}
ul#nav li.commande a:hover, ul#nav li.commande a.active {
	background-position:-351px -1660px;
}

ul#nav li.soutien a {
	background-position:-525px -1712px;
	width:177px;
}
ul#nav li.soutien a:hover, ul#nav li.soutien a.active {
	background-position:-525px -1660px;
}

/*** SECONDARY NAV ***/

ul#secondary-nav {
	position:absolute;
	right:19px;
	top:10px;
}

ul#secondary-nav li {
	float:left;
}

ul#secondary-nav li a {
	float:left;
	color:#999;
	display:block;
	font-size:1.2em;
	padding:0 6px 0 8px;
	text-decoration:none;
	font-weight:bold;
	background:url(../images/theme/sprite.png) no-repeat -232px -110px;
}

ul#secondary-nav li a:hover {
	text-decoration:underline;
}

ul#secondary-nav li.first a {
	background:none;
}

/*** THIRD NAV ***/
#third-nav {
	position:absolute;
	left:245px;
	top:10px;
	min-width:205px;
	font-size:1.2em;
	font-weight:bold;
}

#third-nav h2  {
	float: left;
	color:#000;
	font-weight:bold;
	background:url(../images/theme/sprite.png) no-repeat 100% -95px;
	height:15px;
	width: 88px;
	margin: 0 8px 0 0;
	padding: 0;
	font-size:1em;
}
#third-nav a  {
	float:left;
	text-decoration:none;
	color:#999;
	font-size:1em;
	margin: 0 8px 0 0;
	padding: 0 8px 0 0;
	background:url(../images/theme/sprite.png) no-repeat 100% -95px;
}
#third-nav a.last {
	margin: 0;
	padding: 0;
	background:none;
}
#third-nav a:hover  {
	text-decoration:underline;
}
#third-nav span  {
	display: block;
	color:#94b034;
	background:none;
	padding:2px 0 0 0;
	clear: both;
}

/*** PLAYER ***/
#player {
	width:949px;
	height:207px;
	position:relative;
	margin: 0 auto 8px;
}

#player ul li .corner {
	width:949px;
	height:207px;
	position:absolute;
	top:0;
	left:0;
	background:url(../images/theme/sprite-caches.png) no-repeat 0 0;
	z-index:20;
}

/*** en fonction de la couleur background***/
body.bg-ggg #player ul li .corner,
body.bg-ggw #player ul li .corner{
	background-position: 0 -300px;
}
body.bg-wgg #player ul li .corner,
body.bg-wgw #player ul li .corner{
	background-position: 0 -600px;
}
body.bg-gww #player ul li .corner,
body.bg-gwg #player ul li .corner{
	background-position: 0 -900px;
}
#player ul li img {
	position:absolute;
	top:0;
	left:0;
	z-index:10;
}

#player ul li.first img {
	z-index:11;
}

#player ul.pub li a {
	display:block;
	width:949px;
	height:207px;
	position:absolute;
	top:0;
	left:0;
	z-index:30;
}

#player ul.pub li a span {
	position:absolute;
	left:-5000px;
}

#player .player-nav {
	position:absolute;
	right:22px;
	/*bottom:30px;*/
	top:20px;
	z-index:30;
}

#player .player-nav li {
	float:left;
	margin:0 8px 0 0;
}

#player .player-nav li a {
	float:left;
	display:block;
	width:10px;
	height:10px;
	background:url(../images/theme/sprite.png) no-repeat -247px -91px;
}

#player .player-nav li a.current {
	background-position:-232px -91px;
}

#player .player-nav li a span {
	position:absolute;
	left:-5000px;
}

/*** CTA's ***/

#selecteur_accueil {
	width: 202px;
	height: 222px;
	padding: 0 16px;
	float: left;
	margin: 2px 0 0 10px;
	background:url(../images/theme/cadre_selecteur_accueil.png) no-repeat top left;
	font-size: 12px;
}
#selecteur_accueil h2 {
	color:#333;
	font-size: 18px;
	line-height: 22px;
	margin: 12px 0 20px 0;
}
#selecteur_accueil form {
	margin: 0;
	padding: 0;
}
#selecteur_accueil form select {
	background:#FFF;
	border:1px solid #dadada;
	outline:none;
	color:#666;
	padding:2px 3px;
	margin: 10px 0;
}

#selecteur_accueil form p.submit input{
	text-align: center;
	background: url(../images/theme/sprite-bleu-ie6.png) no-repeat 0 -560px;
	width: 152px;
	height: 28px;
	color: #fff;
	border: 0;
	margin: 10px 4px;
	float: right;
	cursor: pointer;
}
#selecteur_accueil form p.submit input:hover{
	background: url(../images/theme/sprite-bleu-ie6.png) no-repeat -250px -560px;
	color: #666;
}

#ctas {
	width: 234px;
	float: left;
	margin: 2px 0 0 10px;
}

#ctas li {
	width:231px;
	margin-bottom: 11px;
}
#ctas li.last {
	margin-bottom: 0;
}

#ctas li a {
	width:178px;
	height:40px;
	display:block;
	background:url(../images/theme/sprite.png) no-repeat -250px -250px;
	font-size:1.6em;
	color:#666;
	font-weight:bold;
	text-decoration:none;
	padding:13px 24px;
}
#ctas li a.one-line {
	line-height:40px;
}

#ctas li a:hover {
	background-position: 0px -250px;
}


/*** FORMULES ***/

#formules {
	float:left;
	width:688px;
	height:206px;
	background:url(../images/theme/sprite-home.png) no-repeat 0 0;
	padding:0 16px 16px 16px;
	position:relative;
	margin-top: 2px;
}

#formules h2 {
	color:#999;
	font-size:1.8em;
	line-height:45px;
}

#formules ul li {
	width:351px;
	height:90px;
	position:absolute;
	margin:0;
	z-index:100;
}

#formules ul li a {
	padding:18px 0 0 119px;
	width:232px;
	height:72px;
	display:block;
	text-decoration:none;
	font-weight:bold;
	font-size:1.2em;
	color:#666;
	font-weight:normal;
}

#formules ul li.formule2 a, #formules ul li.formule4 a {
	width:235px;
}

#formules ul li a em {
	font-weight:bold;
	font-size:1.3em;
	color:#AFCE14;
	display:block;
	font-style:normal;
}

#formules ul li a strong {
	color:#333;
	font-weight:bold;
	font-size:1.3em;
	text-transform:uppercase;
	text-decoration:none;
	display:block;
}

#formules ul li.formule1 {
	top:40px;
	left:3px;
}

#formules ul li.formule2 {
	top:40px;
	left:354px;
}

#formules ul li.formule3 {
	top:129px;
	left:3px;
}

#formules ul li.formule4 {
	top:129px;
	left:354px;
}

#formules ul li.formule1 a:hover {
	background:url(../images/theme/sprite-home.png) no-repeat -3px -290px;
}
#formules ul li.formule2 a:hover {
	background:url(../images/theme/sprite-home.png) no-repeat -354px -290px;
}
#formules ul li.formule3 a:hover {
	background:url(../images/theme/sprite-home.png) no-repeat -3px -379px;
}
#formules ul li.formule4 a:hover {
	background:url(../images/theme/sprite-home.png) no-repeat -354px -379px;
}

/*** BOX FORMULE ***/
#main-content ul.box-formules{
	margin: 0;
	padding: 0;
}
#main-content ul.box-formules li{
	float: left;
	display: block;
	background:url(../images/theme/sprite-cadres.png) no-repeat -2400px 0px;
	width: 291px;
	height: 212px;
	padding-top: 10px;
	position: relative;
	margin: 0 18px 15px 0;
}
#main-content ul.box-formules li a.title{
	display: block;
	font-size: 1.9em;
	padding: 10px 0 10px 110px;
	background:url(../images/theme/sprite-puces-f-rouge.png) no-repeat 4px -2200px;
	text-decoration: none;
	color: #333;
	font-weight: bold;
}
#main-content ul.box-formules li.f-bleu a.title{
	background-image:url(../images/theme/sprite-puces-f-bleu.png);
}
#main-content ul.box-formules li.f-rouge a.title{
	background-image:url(../images/theme/sprite-puces-f-rouge.png);
}
#main-content ul.box-formules li.f-orange a.title{
	background-image:url(../images/theme/sprite-puces-f-orange.png);
}
#main-content ul.box-formules li.f-jaune a.title{
	background-image:url(../images/theme/sprite-puces-f-jaune.png);
}
#main-content ul.box-formules li.last{
	margin-right: 0;
}

#main-content ul.box-formules li a.title span{
	display: block;
	color: #afce14;
	font-size: 0.7em;
}
#main-content ul.box-formules li p{
	display: block;
	color: #333;
	font-size: 1.2em;
	font-weight: bold;
	margin: 10px 0 0;
}

#main-content ul.box-formules li ul{
	margin: 0;
	padding: 0;
}

#main-content ul.box-formules li ul li{
	float: none;
	background:url(../images/theme/ico-valid.png) no-repeat 3px 0;
	width: auto;
	height: auto;
	color: #585858;
	padding: 0 0 0 26px;
	margin: 1px 0;
}
#main-content ul.box-formules li a.goto{
	position: absolute;
	bottom: 8px;
	right: 10px;
	width:113px;
	height:30px;
	background:url(../images/theme/sprite.png) no-repeat 0 -520px;
	color:#FFF;
	line-height:28px;
	font-size:1em;
	text-decoration:none;
	text-align:center;
}
#main-content ul.box-formules li a.goto:hover {
	background-position: -250px -520px;
	color:#94B034;
}


/**** LANDING PAGE****/
#main-content ul.ctas7{
	margin: 0;
	padding: 0;
}
#main-content ul.ctas7 li{
	display: block;
	float: left;
	background: none;
	padding: 0;
	font-size: 1.6em;
	margin: 0 6px 5px 0;
}
#main-content ul.ctas7 li.last{
	margin-right: 0;
}
#main-content ul.ctas7 li a{
	display: block;
	float: left;
	width: 140px;
	height: 37px;
	background:url(../images/theme/sprite.png) no-repeat -250px -450px;
	padding: 19px 0 0 12px;
	color: #666;
	text-decoration: none;
	font-weight: bold;
}
#main-content ul.ctas7 li a:hover, #main-content ul.ctas7 li.active a{
	background-position:0 -450px;
}

/*** box foormule landing page ***/

#main-content .multibox{
    margin-bottom: 40px;
}

#main-content ul.box-formules-long{
	margin: 0;
	padding: 0;
}
#main-content ul.box-formules-long li{
	display: block;
	height: 110px;
	width: 627px;
	background: none;
	position: relative;
	padding: 0;
	
}
#main-content ul.box-formules-long li a.link{
	display: block;
	height:110px;
	width: 627px;
	background:url(../images/theme/sprite-home.png) no-repeat 0 -950px;
	color: #666;
	text-decoration: none;
	font-size: 1.1em;
}
#main-content ul.box-formules-long li a.link:hover{
	background:url(../images/theme/sprite-home.png) no-repeat 0 -1070px;
}
#main-content ul.box-formules-long li a.link strong.title{
	display: block;
	height: 77px;
	width: 192px;
	background:url(../images/theme/sprite-puces-f-rouge.png) no-repeat 27px -2178px;
	padding: 28px 0 0 120px;
	font-weight: normal;
}

#main-content ul.box-formules-long li.f-bleu a strong.title{
	background-image:url(../images/theme/sprite-puces-f-bleu.png);
}
#main-content ul.box-formules-long li.f-rouge a strong.title{
	background-image:url(../images/theme/sprite-puces-f-rouge.png);
}
#main-content ul.box-formules-long li.f-orange a strong.title{
	background-image:url(../images/theme/sprite-puces-f-orange.png);
}
#main-content ul.box-formules-long li.f-jaune a strong.title{
	background-image:url(../images/theme/sprite-puces-f-jaune.png);
}

#main-content ul.box-formules-long li strong.title span{
	display: block;
	color: #afce14;
	font-size: 1em;
	font-weight: bold;
}
#main-content ul.box-formules-long li strong.title strong{
	display: block;
	font-size: 1.2em;
	font-weight: bold;
}

#main-content ul.box-formules-long .formule-info{
	position: absolute;
	top: 14px;
	left: 330px;
	background:url(../images/theme/sprite.png) no-repeat -790px -290px;
	height: 78px;
	padding: 4px 0 0 30px;
}
#main-content ul.box-formules-long .formule-info p{
	margin: 0 0 4px 0;
	font-weight: bold;
	font-size: 1.2em;
}
#main-content ul.box-formules-long li ul{
	margin: 0;
	padding: 0;
}
#main-content ul.box-formules-long li ul li{
	float: none;
	background:url(../images/theme/ico-valid.png) no-repeat 3px 0;
	width: auto;
	height: auto;
	color: #585858;
	padding: 0 0 0 27px;
	margin: 1px 0;
}






/*** CTA's 2 ***/

#ctas2 {
	clear:both;
	float:left;
	width:718px;
	height:135px;
	background:url(../images/theme/sprite-home.png) no-repeat 0px -600px;
	position:relative;
	margin: 0 0 0 8px;
}

#ctas2 h3 {
	font-size:1.6em;
}

#ctas2 h3 a {
	display:block;
	width:234px;
	height:135px;
	position:absolute;
	color:#333;
	text-decoration:none;
	font-size:1em;
	text-align:center;
	z-index:20;
}

#ctas2 p {
	position:absolute;
	z-index:10;
}

#ctas2 h3.clients a {
	top:0;
	left:0px;
	padding:44px 0 0 80px;
	width:156px;
	height:90px;
	text-align:center;
}
#ctas2 h3.clients a:hover {
	background:url(../images/theme/sprite-home.png) no-repeat 0 -750px;
}

#ctas2 h3.clients a span {
	font-size:1.1em;
}

#ctas2 h3.commitments a {
	top:0;
	left:235px;
	padding:30px 0 0 0;
	height:104px;
	text-align:center;
	font-weight:bold;
	color:#666;
	text-decoration:none;
}
#ctas2 h3.commitments a:hover {
	background:url(../images/theme/sprite-home.png) no-repeat -235px -750px;
}

#ctas2 h3.commitments a strong {
	color:#666;
	font-size:0.8em;
}

#ctas2 h3.commitments a em {
	display:block;
	color:#AFCE14;
	font-style:normal;
	font-size:1em;
	line-height:1.5em;
}

#ctas2 h3.teachers a {
	top:0;
	left:470px;
	padding:40px 0 0 94px;
	height:94px;
	width:145px;
	text-align:left;
	font-weight:bold;
}
#ctas2 h3.teachers a:hover {
	background:url(../images/theme/sprite-home.png) no-repeat -470px -750px;
}

#ctas2 h3.teachers a strong {
	color:#666;
	text-decoration:none;
	font-size:0.8em;
	text-align:left;
	line-height: 1.15em;
}

/*** PHONE cta ***/
#phone {
	float:left;
	background:url(../images/theme/sprite-home.png) no-repeat -720px -610px;
	width:230px;
	height:130px;
	margin:10px 0 0 0;
}

#phone h3 {
	font-size:1.6em;
}
#phone h3 a {
	display:block;
	width:230px;
	height:109px;
	text-align:center;
	color:#4d4d4d;
	text-decoration:none;
	text-transform:uppercase;
	font-size:1em;
	font-weight:normal;
	padding:16px 0 0 0;
}

#phone h3 a:hover {
	background:url(../images/theme/sprite-home.png) no-repeat -720px -760px;
}

#phone a strong {
	display:block;
	color:#AFCE14;
	text-transform:none;
	font-size:1.3em;
}

#phone a span {
	display:block;
	color:#979797;
	text-transform:none;
	font-size:0.7em;
	font-weight: bold;
}
/*
#phone a span strong {
	font-size:1em;
}*/

/*** NEWSLETTER ***/
form#newsletter {
	margin-top: 6px;
	clear:both;
}

form#newsletter p {
	clear:both;
}

form#newsletter h3 {
	color:#afce14;
	font-size:1.35em;
	margin:8px 0;
	clear:both;
	text-transform: none;
}

form#newsletter label {float:left;font-size:1.2em;padding:4px 4px 0 0;}

form#newsletter input.newsletter {
	background:#FFF;
	border:1px solid #dadada;
	outline:none;
	width:196px;
	height:15px;
	padding:0;
	color:#666;
	padding:2px 3px;
	float:left;
}

form#newsletter input.button-newsletter {
	width:38px;
	height:20px;
	background:url(../images/theme/sprite.png) no-repeat -189px -85px;
	border:none;
	outline:none;
	font-size:0;
	margin:0 15px 0 0;
	float:right;
	cursor:pointer;
	text-align:left;
	color:#67574c;
}

form#newsletter input.button-newsletter:hover {
	background:url(../images/theme/sprite.png) no-repeat -189px -105px;
	color:#a7c30e;
}

/*** CONTENT ***/
#content {
	padding:0 4px 0 8px;
}

/*** ESPACE ***/

/* MON CONSEILLER */

#content #mon-conseiller {
	background:url(../images/theme/sprite-cadres.png) no-repeat -2800px -450px;
	width:185px;
	height:235px;
	padding:12px 20px;
	float:left;
}

#content #mon-conseiller h2 {	
	color:#AFCE14;
	font-size:1.8em;
	text-align:center;
	margin: 0;
}

#content #mon-conseiller img {
	border:1px solid #c1c1c1;
	margin:8px 52px 3px;
}

#content #mon-conseiller h3 {
	color:#333;
	font-size:1.45em;
	text-align:center;
	margin: 0;
}

#content #mon-conseiller p {
	color:#333;
	font-size:1.45em;
	text-align:center;
	margin:2px 0 0 0;
}

#content #mon-conseiller p span {
	color:#AFCE14;
}

#content #mon-conseiller a.goto {
	display:block;
	width:114px;
	height:30px;
	background:url(../images/theme/sprite.png) no-repeat 0 -520px;
	color:#FFF;
	line-height:28px;
	font-size:1.4em;
	text-decoration:none;
	text-align:center;
	margin:5px 0 0 80px;
}
#content #mon-conseiller a.goto:hover {
	background-position: -250px -520px;
	color:#666;
}

/*** MY TOOLS ***/

#content #my-tools-nav {
	float: left;
	margin:14px 0 0 11px;
}

#content #my-tools-nav li {
	float:left;
}

#content #my-tools-nav li a {
	float:left;
	width:162px;
	height:40px;
	display:block;
	background:url(../images/theme/sprite.png) no-repeat -250px -250px;
	font-size:1.6em;
	color:#666;
	font-weight:bold;
	text-decoration:none;
	padding:13px 32px;
	margin:0 18px 0 0;
}
#content #my-tools-nav li a:hover {
	background-position:-0 -250px;
}

#content #my-tools-nav li.last a {
	margin:0;
}

/*** BOX ESPACE ***/

#content div.box-espace {
	float:right;
	width:721px;
	position:relative;
	color:#666;
	padding:0 0 10px 0;
}

#content div.box-espace-top {
	float:right;
	width:716px;
	height:15px;
	background:url(../images/theme/sprite-cadres.png) no-repeat -3100px 0;
}

#content div.box-espace-bottom {
	float:right;
	width:716px;
	min-height:140px;
	position:relative;
	background:url(../images/theme/sprite-cadres.png) no-repeat -3100px 100%;
	
}

#content div.box-espace-bottom .box-content {
	width: 208px;
	z-index: 10;
	float: left;
	padding: 0 10px 40px 15px;
	margin: 0 0 0 3px;
}

#content div.box-espace-bottom .box-content h3 {
	font-size:1.6em;
	position:relative;
	margin: 0;
}
#content div.box-espace-bottom .box-content h3 a {
	text-decoration:none;
	color:#666;
}

#content div.box-espace-bottom .box-content ul {
	font-size:1.3em;
	margin:8px 0 0 0;
}

#content div.box-espace-bottom .box-content p {
	font-size:1.3em;
	margin:8px 0 0 0;
}

#content div.box-espace-bottom .box-content p strong {
	color:#40beff;
}

#content div.box-espace-bottom .box-content p a {
	text-decoration:none;
	color:#666;
}

#content div.box-espace-bottom .box-content ul li {
	background:url(../images/theme/ico-puce-fleches-vert.png) no-repeat 0 6px;
	padding:0 0 0 15px;
}
#content div.box-espace-bottom .box-content ul li a{
	color: #666;
	text-decoration: none;
}
#content div.box-espace-bottom .box-content ul li a:hover{
	text-decoration: underline;
}

#content div.box-espace-bottom .box-content a.goto {
	width:114px;
	height:28px;
	background:url(../images/theme/sprite.png) no-repeat 0 -520px;
	position:absolute;
	bottom:10px;
	z-index:20;
	color:#FFF;
	line-height:28px;
	text-align:center;
	font-size:1.3em;
	text-decoration:none;
	margin:0 0 0 95px;
}

#content div.box-espace-bottom .box-content a.goto:hover {
	background-position:-250px -520px;
	color:#666;
}





/*** PAGE INTERNES ***/

/** sub-header **/
#sub-header{
	background: url(../images/theme/sub-header-bg.png) repeat-x 0 100%;	
	position: relative;
	width: 938px;
	margin-bottom: 22px;
	height: 35px;
}

#page .sub-header-picture{
	height: 225px;
	background: none;
}

#sub-header h1{
	position: absolute;
	top: 0;
	left: 15px;
	font-size: 2.4em;
	font-weight: bold;
	color: #333;
}

#sub-header a.sub-header-cta{
	float: right;
	margin-top: 8px;
}
#sub-header ul#sub-nav{
	float: right;
	margin: 1px 10px 0 0;
	text-align: right;
}
#sub-header ul#sub-nav li{
	display: block;
	float: left;
}
#sub-header ul#sub-nav li a{
	display: block;
	float: left;
	margin-right: 20px;
	color: #000;
	font-size: 1.2em;
	text-decoration: none;
	height: 32px;
	line-height: 32px;
}
#sub-header ul#sub-nav li a.active {
	font-weight: bold;
}
#sub-header ul#sub-nav li a:hover, #sub-header ul#sub-nav li a.active {	
	background: url(../images/theme/subnav-bg.png) no-repeat center bottom;	
	color: #AFCE14;
}

#b-picture{
	clear: both;
	position: relative;
	width: 926px;
	height: 200px;
	margin: 0 0 0 11px;
}
	
#head-picture{
	clear: both;
	position: relative;
	width: 926px;
	height: 207px;
	margin: 0 0 0 11px;
}
.head-picture-cache{
	position: absolute;
	top: 0;
	left: 0;
	width: 928px;
	height: 200px;
	background:url(../images/theme/sprite-caches.png) no-repeat 0 -1140px;
}

/*** en fonction de la couleur background***/
body.bg-ggg .head-picture-cache,
body.bg-ggw .head-picture-cache{
	background-position: 0 -1370px;
}

body.bg-wgg .head-picture-cache,
body.bg-wgw .head-picture-cache{
	background-position: 0 -1820px;
}

body.bg-gwg .head-picture-cache,
body.bg-gww .head-picture-cache{
	background-position: 0 -1600px;
}


/*** CONTENT  INTERNE ***/
#content-interne{
	background: url(../images/theme/content-interne-bg.png) repeat-y 656px 0;
}
body.no-sidebar #content-interne{
	background: none;
}

/*** MAIN  CONTENT ***/
#main-content{
	float: left;
	width: 628px;
	padding: 0 16px 0 12px;
}

body.no-sidebar #main-content{
	width: 927px;
}

#main-content h2{
	font-size: 1.9em;
	font-weight: bold;
	color: #333;
	margin: 18px 0 12px;
}
#main-content h3{
	font-size: 1.6em;
	font-weight: bold;
	color: #666;
	margin: 16px 0 16px;
}
#main-content h4{
	font-size: 1.4em;
	font-weight: bold;
	color: #666;
	margin: 14px 0 12px;
}

#main-content p{
	font-size: 1.3em;
	margin: 12px 0;
	line-height: 130%;
	text-align: justify;
}
#main-content p em{
	color: #999;
}
#main-content a{
	font-size: 1.3em;
	color: #3a9eeb;
	text-decoration: underline;
}
#main-content a:hover{
	text-decoration: none;
}
#main-content p a{
	font-size: 1em;
}

#main-content ul,
#main-content ol{
	margin: 10px 0 10px 20px;
}
#main-content ul li,
#main-content ol li{
	background: url(../images/theme/ico-puce-fleches-vert.png) no-repeat 0 5px;
	font-size: 1.3em;
	margin: 4px 0;
	padding-left: 14px;
}
#main-content ul li ul{
	margin: 7px 0 7px 20px;
}

#main-content ul li ul li ul li{
	margin: 1px 0;
}
#main-content ul li ul li,
#main-content ul li a, 
#main-content ul li p,
#main-content table a{
	font-size: 1em;
}
#main-content p span.vert{
	font-size: 1.1em;
	color: #94b034;
	font-weight: bold;
}
#main-content img.img-left{
	float: left;
	margin: 0 12px 12px 0;
}

/** Liste de type FAQ **/
#main-content ul.faq{
	margin: 10px 0;
}
#main-content ul.faq li h4{
	font-size: 1em;
	margin: 0;
	color: #333333;
	font-size: 1em;
	padding-left: 12px;
	background: url(../images/theme/ico-puce-fleche-gris.png) no-repeat 2px 5px;
	text-decoration: none;
}
#main-content ul.faq li{
	margin: 12px 0;
	background: none;
	padding: 0;
}
#main-content ul.faq li h4 a{
	color: #333333;
	text-decoration: none;
}
#main-content ul.faq li p{
	margin: 8px 0;
}
#main-content ul.faq li p a, #main-content ul.faq li ul a{
	color: #666666;
}
#main-content ul.faq li ul li,
#main-content ul.faq li ol li{
	margin-top: 2px;
	margin-bottom: 2px;
}
#main-content ul.faq li .totop a {
	font-size: 0.8em;
	font-weight: bold;
	color: #94b034;
}

/** Liste de type Focus **/
#main-content .focus{
	margin: 18px 0;
}
#main-content .focus h4{
	float: left;
	width: 140px;
	font-size: 1.9em;
	margin: 20px 20px 0 20px;
	text-align: right;
}
#main-content .focus ul, 
#main-content .focus ol {
	float: left;
	width: 424px;
	margin: 0;
	padding: 0;
}
#main-content .focus li{
	margin: 1px 0;
	padding: 12px 0 12px 42px;
}
#main-content .focus ul li{
	background: url(../images/theme/sprite-puces-vert.png) no-repeat 0 -195px;
}
#main-content .focus li h1{
	font-size: 1.1em;
	margin: 0 0 6px 0;
	/*color: #94b034;*/
	color: #333333;
}



body.formule-rouge #main-content .focus ul li{
	background: url(../images/theme/sprite-puces-f-rouge.png) no-repeat 0 -195px;
}
body.formule-bleu  #main-content .focus ul li{
	background: url(../images/theme/sprite-puces-f-bleu.png) no-repeat 0 -195px;
}
body.formule-orange  #main-content .focus ul li{
	background: url(../images/theme/sprite-puces-f-orange.png) no-repeat 0 -195px;
}
body.formule-jaune  #main-content .focus ul li{
	background: url(../images/theme/sprite-puces-f-jaune.png) no-repeat 0 -195px;
}




#main-content .focus ol li{
	background: url(../images/theme/sprite-puces-vert.png) no-repeat 1px -2945px;
	list-style-position: inside;
}
body.formule-rouge #main-content .focus ol li{
    background: url(../images/theme/sprite-puces-f-rouge.png) no-repeat 1px -2945px;
}
body.formule-bleu  #main-content .focus ol li{
    background: url(../images/theme/sprite-puces-f-bleu.png) no-repeat 1px -2945px;
}
body.formule-orange  #main-content .focus ol li{
    background: url(../images/theme/sprite-puces-f-orange.png) no-repeat 1px -2945px;
}
body.formule-jaune  #main-content .focus ol li{
    background: url(../images/theme/sprite-puces-f-jaune.png) no-repeat 1px -2945px;
}
#main-content .focus ol li span.num{
	position: absolute;
	top: 7px;
	left: 2px;
	width: 30px;
	font-size: 1.5em;
	font-weight: bold;
	color: #fff;
	text-align: center;
}

#main-content .focus li h4 a{
	color: #3a9eeb;
	font-size: 1em;
	padding-left: 10px;
	text-decoration: none;
}
#main-content .focus li p{
	margin: 8px 0;
}

/*** FORMULAIRE ***/

#main-content .form-bg-top{
	background: url(../images/theme/sprite-cadres.png) no-repeat 0 0;
	height: 12px;
}
#main-content .form-bg-bottom{
	background: url(../images/theme/sprite-cadres.png) no-repeat 0 100%;
	padding: 1px 18px 4px 18px;
}

#main-content form{
	margin: 8px 0;
}
#main-content form label{
	display: block;
}
#main-content form label span, 
#main-content form p.multi-label span span{
	color: #afce14;
}
#main-content form input.text, 
#main-content form select.text,
#main-content form textarea.text{
	/*width: 580px;*/
	border: 1px solid #d6d6d6;
	background: #fff;
	color: #666;
	padding: 3px;
	font-size: 0.9em;
}
#main-content form textarea.text{
	padding: 4px;
	/*width: 578px;
	height: 80px;*/
}
#main-content form input.text:focus, 
#main-content form select.text:focus,
#main-content form textarea.text:focus{
	border: 1px solid #94B034;
	/*color: #94B034;*/
	color: #666;
}
#main-content form select.text{
	/*width: 588px;*/
}
#main-content form p.multi-label label,
#main-content form p.multi-label span span{
	display: inline;
}
#main-content form p.multi-label label{
	margin-right: 20px;
	font-size: 0.9em;
}
#main-content form p.multi-label span{
	display: block;
}
#main-content form p.submit{
	text-align: right;
}
#main-content form p.submit input{
	text-align: center;
	background: url(../images/theme/sprite.png) no-repeat 0 -560px;
	width: 152px;
	height: 28px;
	color: #fff;
	border: 0;
}
#main-content form p.submit input:hover{
	background: url(../images/theme/sprite.png) no-repeat -250px -560px;
	color: #666;
}

/** bouton etapes pr�c�dentes / suivantes **/
#main-content form input.next,
#main-content form input.prev {
	width:155px;
	height:30px;
	background:url(../images/theme/sprite.png) no-repeat 0px -560px;
	color:#FFF;
	line-height:28px;
	text-align:center;
	font-size: 1.1em;
	text-decoration:none;
	display:block;
	float:right;
	margin:5px 0 0 0;
	border:none;
	padding:0 0 4px 0;
	cursor:pointer;
}

#main-content form input.prev  {
	float:left;
}

#main-content form input.next:hover ,
#content form input.prev:hover {
	background:url(../images/theme/sprite.png) no-repeat -250px -560px;
	color:#666;
}

form .erreur_formulaire {
	color: #CC3333;
}

#main-content form table.tab-form {
	width: 586px;
	border-collapse: collapse;
	margin: 12px 0 12px 1px;
	background: #fff;
}
#main-content form table.tab-form th{
	background: #FAFAFA url(../images/theme/table-th-bg.png) repeat-x 0 100%;
	border: 1px solid #CACACA;
	height: 33px;
	padding: 2px;
}
#main-content form table.tab-form td{
	border: 1px solid #CACACA;
	padding: 8px 2px;
	vertical-align: top;
}
#main-content a.del-cross{	
	background: #FAFAFA url(../images/theme/ico-del-cross.png) no-repeat 2px 3px;
	padding-left: 8px;
	text-decoration: none;
}
#main-content a.del-cross:hover{	
	background-position: 2px -12px;
}
a.del-cross span{	
	position: absolute;
	left: -10000px;
}

#main-content .recap-demi1{
	float: left;
	width: 300px;
	margin-right: 20px;
}
#main-content .recap-demi2{
	float: left;
	width: 260px;
}
#main-content ul.recap{
	padding: 0;
	margin: 4px 0 10px;
}

#main-content ul.recap li{
	background: none;
	padding: 1px 0;
	color: #666;
	margin: 0;
	font-size: 1.2em;
	min-height: 1%;
	_height: 1%;
}
#main-content  ul.recap li span{
	color: #94B034;
}
#main-content p.recap-modif {	
	text-align: right;
}
#main-content p.recap-modif  a{
	display: block;
	width: 114px;
	height: 28px;
	line-height: 28px;
	background: url(../images/theme/sprite.png) no-repeat 0 -520px;
	text-align: center;
	color: #fff;
	text-decoration: none;
	margin-bottom: 5px;
}

#main-content  p.recap-modif a:hover{
	background-position: -250px -520px;
	color: #666;
}



/*** TABLE ***/
#main-content .table-bg-top{	
	background: url(../images/theme/sprite-cadres.png) no-repeat -700px 0;
	height: 12px;
}
#main-content .table-bg-bottom{
	background: url(../images/theme/sprite-cadres.png) no-repeat -700px 100%;
	padding: 0 3px 2px 2px;
	width: 626px;
}

#main-content table.tab{
	width: 100%;
	border-collapse: collapse;
	font-size: 1.2em;
}

#main-content .table-bg-bottom table.tab{
	width: 623px;
}
#main-content table.tab th{
	color: #999;
	font-weight: bold;
	padding: 14px 0;
	font-size: 1.1em;
}
#main-content table.tab th.little{
	padding: 2px 0 6px;
}
#main-content table.tab td{
	color: #999;
	padding: 10px;
	border: 1px solid #cacaca;
	background: url(../images/theme/table-td-bg.png) repeat-x 0 100%;
}
#main-content table.tab tr.last td{
	border: 0;
	background: none;
}


#main-content table.tab tr.last td.border-right{
	border-right: 1px solid #cacaca;
}
table .td-10{
	width : 10%;
}
table .td-15{
	width : 15%;
}
table .td-25{
	width : 25%;
}
table .td-30{
	width : 30%;
}
table .td-45{
	width : 45%;
}
table .td-55{
	width : 55%;
}

#main-content table.tab_espace{
	width: 100%;
	border-collapse: collapse;
	font-size: 1.2em;
	background: url(../images/theme/tab_espace.png) no-repeat;
}
#main-content table.tab_espace th{
	color: #666;
	font-weight: bold;
	padding: 10px 4px;
	font-size: 1.1em;
	border-right: 1px solid #cacaca;
}
#main-content table.tab_espace td{
	color: #666;
	padding: 4px;
	border: 1px solid #cacaca;
	background: #fff url(../images/theme/table-td-bg.png) repeat-x 0 100%;
}
#main-content table.tab_espace tr.odd td{
	color: #666;
	padding: 4px;
	border: 1px solid #cacaca;
	background: #f9f9f9 url(../images/theme/table-td-bg-odd.png) repeat-x 0 100%;
}
#main-content table.tab_espace td p{
	font-size: 1.1em;
	padding: 4px 0px;
}

/*** table dans onglet ***/
#main-content .onglet .table-bg-top{	
	background-position: -1700px 0;
}
#main-content .onglet .table-bg-bottom{
	background-position: -1700px 100%;
}

#main-content .onglet .table-bg-bottom table.tab{
	width: 613px;
}




/*** PAGINATION ***/

#main-content .pagination{
	text-align: right;
	margin: 4px 0 14px;
	font-size: 1.2em;
}
#main-content .pagination ul{
	display: inline;
	margin: 0;
}
#main-content .pagination ul li{
	display: inline;
	margin: 0;
	background: none;
	padding: 0 1px;
}
#main-content .pagination a,
#main-content .pagination ul li{
	font-size: 1em;
	color: #666;
}
#main-content .pagination ul li a{
	text-decoration: none;
}
#main-content .pagination a:hover,
#main-content .pagination a.active{
	color: #94b034;
}

#main-content .pagination ul li.prev-page{
	background: url(../images/theme/sprite.png) no-repeat 100% -12px;
	padding-right: 8px;
	margin-right: 4px;
}
#main-content .pagination ul li.next-page{
	background: url(../images/theme/sprite.png) no-repeat -799px -12px;
	padding-left: 8px;
	margin-left: 4px;
}
#main-content .pagination ul li.next-page a,
#main-content .pagination ul li.prev-page a{
	color: #94b034;
	text-decoration: underline;
}
#main-content .pagination ul li.next-page a:hover,
#main-content .pagination ul li.prev-page a:hover{
	text-decoration: none;
}

/*** ENCART (sidebar + main-content) ***/

.encart{
	margin: 22px 30px;
	border-top: 1px solid #94B034;
	border-bottom: 1px solid #94B034;
	background: #F6F8D9;
	padding: 5px 18px;
}
#main-content p.encart-title,
#sidebar p.encart-title{
	font-size: 1.6em;
	font-weight: bold;
	padding-left: 30px;
	margin: 0;
	padding: 8px 0 8px 48px;
	background: url(../images/theme/sprite-puces-vert.png) no-repeat 0 0;
}
#sidebar p.encart-title{
	padding: 0 0 8px 48px;
	background-position: 0 3px;
}
#main-content .encart p,
#sidebar .encart p{
	margin: 8px 0;
}

#sidebar .encart{	
	margin: 18px 0;
}


/*** ENCART  BLEU(sidebar + main-content) ***/

.encart-bleu{
	margin: 22px 30px;
	border-top: 1px solid #40beff;
	border-bottom: 1px solid #40beff;
	background: #F6FCFF;
	padding: 5px 18px;
}
#main-content p.encart-bleu-title,
#sidebar p.encart-bleu-title{
	font-size: 1.6em;
	font-weight: bold;
	margin: 0;
	padding: 8px 0 8px 0;
}
#sidebar p.encart-bleu-title{
	padding: 0 0 8px 0;
}
#main-content .encart-bleu p,
#sidebar .encart-bleu p{
	margin: 8px 0;
}

#sidebar .encart-bleu{	
	margin: 18px 0;
}

/*** ONGLETS ***/
#main-content .onglet{
	margin-bottom: 24px;
}
#main-content .onglet ul{
	margin: 0;
	height: 37px;
	border-bottom: 1px solid #E1E1E1;
}
#main-content .onglet .head li{
	float: left;
	background: none;
	padding: 0;
	margin: 0 0 0 2px;
}
#main-content .onglet .head li a{
	display: block;
	float: left;
	background: url(../images/theme/sprite.png) no-repeat 0 -950px;
	height: 38px;
	padding: 0 0 0 15px;
	font-size: 1em;
	text-align: center;
	text-decoration: none;
	color: #666;
}
#main-content .onglet .head li a span{	
	display: block;
	background: url(../images/theme/sprite.png) no-repeat 100% -950px;
    height: 38px;
	padding: 0 15px 0 0;
	line-height: 38px;
}

#main-content .onglet .head li a:hover,
#main-content .onglet .head li.active a{
	background: url(../images/theme/sprite.png) no-repeat 0 -1000px;
	color: #94b034;
}
#main-content .onglet .head li.active a{
	font-weight: bold;
}

body.formule-rouge #main-content .onglet .head li a:hover,
body.formule-rouge #main-content .onglet .head li.active a{
	color: #b82c3e;
}

body.formule-bleu #main-content .onglet .head li a:hover,
body.formule-bleu #main-content .onglet .head li.active a{
	color: #2f84cc;
}

body.formule-orange #main-content .onglet .head li a:hover,
body.formule-orange #main-content .onglet .head li.active a{
	color: #ff7a03;
}

body.formule-jaune #main-content .onglet .head li a:hover,
body.formule-jaune #main-content .onglet .head li.active a{
	color: #ffcc00;
}

#main-content .onglet .head li a:hover span,
#main-content .onglet .head li.active a span{
	background: url(../images/theme/sprite.png) no-repeat 100% -1000px;
	/*color: #94b034;*/
}


/*onglet sur fond gris*/
body.bg-ggg #content-interne .onglet .head li a,
body.bg-ggw #content-interne .onglet .head li a,
body.bg-wgg #content-interne .onglet .head li a,
body.bg-wgw #content-interne .onglet .head li a{
	background-position: 0 -1350px;
}
body.bg-ggg #content-interne .onglet .head li a span,
body.bg-ggw #content-interne .onglet .head li a span,
body.bg-wgg #content-interne .onglet .head li a span,
body.bg-wgw #content-interne .onglet .head li a span{
	background-position: 100% -1350px;
}
body.bg-ggg #content-interne .onglet .head li a:hover,
body.bg-ggw #content-interne .onglet .head li a:hover,
body.bg-wgg #content-interne .onglet .head li a:hover,
body.bg-wgw #content-interne .onglet .head li a:hover,
body.bg-ggg #content-interne .onglet .head li.active a,
body.bg-ggw #content-interne .onglet .head li.active a,
body.bg-wgg #content-interne .onglet .head li.active a,
body.bg-wgw #content-interne .onglet .head li.active a{
	background-position: 0 -1400px;
}
body.bg-ggg #content-interne .onglet .head li a:hover span,
body.bg-ggw #content-interne .onglet .head li a:hover span,
body.bg-wgg #content-interne .onglet .head li a:hover span,
body.bg-wgw #content-interne .onglet .head li a:hover span,
body.bg-ggg #content-interne .onglet .head li.active a span,
body.bg-ggw #content-interne .onglet .head li.active a span,
body.bg-wgg #content-interne .onglet .head li.active a span,
body.bg-wgw #content-interne .onglet .head li.active a span{
	background-position: 100% -1400px;
}


#main-content .onglet .body{
	clear: both;
	background: url(../images/theme/sprite.png) repeat-x 0 -1850px;
	margin: 0;
	padding: 12px 5px;
}
#main-content .onglet .body p{
	margin: 0 0 0 8px;
	/*padding: 8px 0;*/
}



/*** CTA3 ***/
#main-content ul.ctas3{
	margin: 12px 0;
}
#main-content ul.ctas3 li{
	display: block;
	float: left;
	font-size: 1em;
	background: none;
	padding: 0;
}
#main-content ul.ctas3 li a{
	display: block;
	float: left;
	width: 164px;
	height: 52px;
	padding: 14px 20px 0;
	margin-right: 8px;
	text-align: left;
	font-weight: bold;
	font-size: 1.6em;
	text-decoration: none;
	color: #666;
	background: url(../images/theme/sprite.png) no-repeat -250px -350px;
}
#main-content ul.ctas3 li a:hover{
	background: url(../images/theme/sprite.png) no-repeat 0px -350px;
}
#main-content ul.ctas3 li a.last{
	margin-right: 0;
}

/*** CTA4 ***/
#main-content ul.ctas4{
	margin: 0;
}
#main-content ul.ctas4 li{
	display: block;
	float: left;
	width: 184px;
	height: 222px;
	padding: 12px 10px 10px;
	margin-right: 8px;
	background: url(../images/theme/sprite-cadres.png) no-repeat -2800px 0px;
	position: relative;
}
#main-content ul.ctas4 li a.title{
	display: block;
	width: 100px;
	height: 52px;
	font-weight: bold;
	font-size: 1.2em;
	text-decoration: none;
	padding: 22px 0 0 78px;
	color: #666;
}
#main-content ul.ctas4 li a.ico-tel{
	background: url(../images/theme/sprite-puces-vert.png) no-repeat 0px -1900px;
}
#main-content ul.ctas4 li a.ico-cal{
	background: url(../images/theme/sprite-puces-vert.png) no-repeat 0 -1600px;
}
#main-content ul.ctas4 li a.ico-devis{
	background: url(../images/theme/sprite-puces-vert.png) no-repeat 0 -1300px;
}
#main-content ul.ctas4 li a.ico-telbleu{
	background: url(../images/theme/sprite-puces-f-bleu.png) no-repeat 0px -1900px;
}
#main-content ul.ctas4 li a.ico-tel2{
	background: url(../images/theme/_puce_tel_bleu.png) no-repeat 0 -5px;
}
#main-content ul.ctas4 li a.ico-chercher{
	background: url(../images/theme/_puce_chercher.png) no-repeat 0 -5px;
}
#main-content ul.ctas4 li a.ico-mail{
	background: url(../images/theme/_puce_mail_bleu.png) no-repeat 0 -5px;
}


body.formule-rouge #main-content ul.ctas4 li a.ico-tel,
body.formule-rouge #main-content ul.ctas4 li a.ico-cal,
body.formule-rouge #main-content ul.ctas4 li a.ico-devis{
	background-image: url(../images/theme/sprite-puces-f-rouge.png);
}
body.formule-bleu #main-content ul.ctas4 li a.ico-tel,
body.formule-bleu #main-content ul.ctas4 li a.ico-cal,
body.formule-bleu #main-content ul.ctas4 li a.ico-devis{
	background-image: url(../images/theme/sprite-puces-f-bleu.png);
}
body.formule-orange #main-content ul.ctas4 li a.ico-tel,
body.formule-orange #main-content ul.ctas4 li a.ico-cal,
body.formule-orange #main-content ul.ctas4 li a.ico-devis{
	background-image: url(../images/theme/sprite-puces-f-orange.png);
}
body.formule-jaune #main-content ul.ctas4 li a.ico-tel,
body.formule-jaune #main-content ul.ctas4 li a.ico-cal,
body.formule-jaune #main-content ul.ctas4 li a.ico-devis{
	background-image: url(../images/theme/sprite-puces-f-jaune.png);
}



#main-content ul.ctas4 li.last{
	margin-right: 0;
}
#main-content ul.ctas4 li p{
	margin: 6px 4px;
	text-align: left;
}
#main-content ul.ctas4 li a.goto{
	display: block;
	position: absolute;
	bottom: 12px;
	left: 11px;
	width: 112px;
	height: 28px;
	line-height: 26px;
	text-align: center;
	color: #fff;
	text-decoration: none;
	background: url(../images/theme/sprite.png) no-repeat 0 -520px;
}

body.formule-rouge #main-content ul.ctas4 li a.goto{
	background: url(../images/theme/sprite-puces-f-rouge.png) no-repeat 0 -2500px;
}
body.formule-bleu #main-content ul.ctas4 li a.goto,#main-content ul.ctas4 li.fbleu a.goto{
	background: url(../images/theme/sprite-puces-f-bleu.png) no-repeat 0 -2500px;
}
body.formule-orange #main-content ul.ctas4 li a.goto{
	background: url(../images/theme/sprite-puces-f-orange.png) no-repeat 0 -2500px;
}
body.formule-jaune #main-content ul.ctas4 li a.goto{
	background: url(../images/theme/sprite-puces-f-jaune.png) no-repeat 0 -2500px;
	color: #aaa;
}


#main-content ul.ctas4 li a.goto:hover{
	background: url(../images/theme/sprite.png) no-repeat -250px -520px;
	color: #666;
}
body.formule-bleu #main-content ul.ctas4 li a.goto:hover{
	background: url(../images/theme/sprite.png) no-repeat -250px -520px;
	color: #2f84cc;
}
body.formule-orange #main-content ul.ctas4 li a.goto:hover{
	background: url(../images/theme/sprite.png) no-repeat -250px -520px;
	color: #ff7a03;
}
body.formule-jaune #main-content ul.ctas4 li a.goto:hover{
	background: url(../images/theme/sprite.png) no-repeat -250px -520px;
	color: #f7e234;
}
body.formule-rouge #main-content ul.ctas4 li a.goto:hover{
	background: url(../images/theme/sprite.png) no-repeat -250px -520px;
	color: #b82c3e;
}


/** Sidebar **/
#sidebar{
	float: left;
	width: 236px;
	padding: 0 44px 0 28px;
}
#sidebar h1{
	font-size: 1.9em;
	font-weight: bold;
	color: #333;
	margin: 18px 0 12px;
}
#sidebar h2{
	font-size: 1.6em;
	font-weight: bold;
	color: #666;
	margin: 18px 0 12px;
}
#sidebar p{
	font-size: 1.2em;
	line-height: 130%;
	margin: 8px 0;
}
#sidebar a{
	font-size: 1.2em;
	color: #3A9EEB;
}
#sidebar a:hover{
	text-decoration: none;
}
#sidebar p a,
#sidebar li a{
	font-size: 1em;
}

#sidebar li{
	padding: 2px 0;
}

/*** SIDENAV ***/
#sidebar ul#side-nav{
	margin: 8px 0 8px -30px;
}
#sidebar ul#side-nav li{
	padding: 0;
}
#sidebar ul#side-nav li a{
	font-size: 1.2em;
	font-weight: bold;
	display: block;
	width: 229px;
	height: 28px;
	line-height: 28px;
	padding: 0 0 0 30px;
	color: #666;
	text-decoration: none;
}
#sidebar ul#side-nav li a:hover,
#sidebar ul#side-nav li a.active{	
	background: url(../images/theme/sprite.png) no-repeat -500px -620px;
}

/*** SIDEBAR TABLE ***/
#sidebar .table-bg-top{
	width: 238px;
	background: url(../images/theme/sprite-cadres.png) no-repeat -1400px 0;
	height: 12px;
}
#sidebar .table-bg-bottom{
	width: 238px;
	background: url(../images/theme/sprite-cadres.png) no-repeat -1400px 100%;
	padding-bottom: 2px;
}
#sidebar table.tab{
	width: 233px;
	border-collapse: collapse;
	font-size: 1.2em;
	margin: 0 0 0 2px;
}
#sidebar table.tab th{
	color: #999;
	font-weight: bold;
	padding: 4px 0 8px 0;
	font-size: 1.1em;
}
#sidebar table.tab td{
	color: #999;
	padding: 6px;
	border: 1px solid #cacaca;
	background: url(../images/theme/table-td-bg.png) repeat-x 0 100%;
}
#sidebar table.tab tr.last td{
	border: 0;
	padding-bottom: 8px;
	background: none;
}
#sidebar table.tab tr.last td.border-right{
	border-right: 1px solid #cacaca;
}

/*** SIDEBAR LISTES  ***/
#sidebar  ul li,
#sidebar  ol li{
	font-size: 1.2em;
	margin: 3px 0;
}
#sidebar  ul.puce-fleches li{
	background: url(../images/theme/sprite-puces-gris.png) no-repeat 0 -400px;
	padding: 3px 0 5px 34px;	
}

body.formule-rouge #sidebar ul.puce-fleches li{
	background: url(../images/theme/sprite-puces-f-rouge.png) no-repeat 0 -2650px;
}
body.formule-bleu  #sidebar ul.puce-fleches li{
	background: url(../images/theme/sprite-puces-f-bleu.png) no-repeat 0 -2650px;
}
body.formule-orange  #sidebar ul.puce-fleches li{
	background: url(../images/theme/sprite-puces-f-orange.png) no-repeat 0 -2650px;
}
body.formule-jaune  #sidebar ul.puce-fleches li{
	background: url(../images/theme/sprite-puces-f-jaune.png) no-repeat 0 -2650px;
}


#sidebar  ul.puce-fleches li a{
	font-size: 1.1em;
}
#sidebar  ul li a, #sidebar  ol li a{
	color: #3A9EEB;
}

#sidebar  ol.deco-num li{
	list-style-position: inside;
	background: url(../images/theme/sprite-puces-gris.png) no-repeat 0 -1000px;
	padding: 3px 0 6px 34px;	
}


#sidebar ol.deco-num li span.num{
	position: absolute;
	top: 2px;
	left: 2px;
	width: 24px;
	font-size: 1.3em;
	font-weight: bold;
	color: #94b034;
	text-align: center;
}

body.formule-rouge #sidebar ol.deco-num li span.num{
	color: #b82c3e;
}
body.formule-bleu  #sidebar ol.deco-num li span.num{
	color: #2f84cc;
}
body.formule-orange  #sidebar ol.deco-num li span.num{
	color: #ff7a03;
}
body.formule-jaune  #sidebar ol.deco-num li span.num{
	color: #f7e234;
}


#sidebar  ol.deco-num-vert li{
	background: url(../images/theme/sprite-puces-vert.png) no-repeat 0 -1000px;
}
#sidebar ol.deco-num-vert li span.num{
	color: #fff;
}

/*** SIDEBAR CTAs  ***/
#sidebar  ul.ctas5 li{
	display: block;
	width: 204px;
	height: 65px;
}
#sidebar  ul.ctas5 li a{
	display: block;
	width: 209px;
	height: 72px;
	background: url(../images/theme/sprite.png) no-repeat -250px -250px;
	font-size: 1.4em;
	font-weight: bold;
	color: #666;
	text-decoration: none;
	padding: 13px 0 0 15px;
}
#sidebar  ul.ctas5 li a:hover{
	background: url(../images/theme/sprite.png) no-repeat 0 -250px;
}

#sidebar  ul.ctas5 li a.middle-cta{
	padding-top: 0;
	line-height: 66px;
}


#sidebar  ul.ctas6 li{
	text-align: center;
}
#sidebar  ul.ctas6 li a{
	width: 200px;
	font-size: 1.2em;
}


/*** SIDEBAR form***/
#sidebar  form select.text,
#sidebar  form input.text{
	width: 206px;
	height: 18px;
	padding: 3px 9px;
	border: 0;
}
#sidebar  form select.text{
	height: 22px;
	width: 226px;
}
#sidebar  form input.text,
#sidebar  form select.text{
	background: url(../images/theme/sprite.png) no-repeat -500px -250px;
}
#sidebar form input.text:focus,
#sidebar form input.text-focus,
#sidebar form select.text:focus,
#sidebar form select.text-focus{
	background: url(../images/theme/sprite.png) no-repeat -500px -280px;
}

#sidebar  form .box-textarea label{
	font-size: 1.2em;
}
#sidebar  form .textarea{
	clear:both;
	background: url(../images/theme/sprite.png) no-repeat -500px -370px;
	height: 90px;
	width: 206px;
	padding: 9px;
}
#sidebar  form .textarea:focus,
#sidebar  form .textarea-focus{
	background: url(../images/theme/sprite.png) no-repeat -500px -480px;
}

#sidebar  form textarea.text{
	background: transparent;
	height: 80px;
	width: 200px;
	border: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
}
#sidebar  form p.submit{
	text-align: right;
	width: 220px;
}
#sidebar  form p.submit input{
	background: url(../images/theme/sprite.png) no-repeat -500px -590px;
	height: 20px;
	width: 62px;
	border: 0;
	font-size: 0.001em;
	padding: 12px 0 0 0;
	color: #6F5D52;
}
#sidebar  form p.submit input:hover{
	background: url(../images/theme/sprite.png) no-repeat -600px -590px;
	color: #BACB47;
}


/*Copyright (c) 2009 Scott Darby*/
/*==================================
remove default focus style
====================================*/
:focus {outline:none;}

.js ul.newList {left:-9999px;}

/*==================================
red curvy example
====================================*/
#sidebar  ul.newList * {margin:0; padding:0;}
#sidebar  ul.newList {margin:0; padding:0; list-style:none; color:#000; width:224px; background:#fff; position:absolute;  border:1px solid #ccc; top:22px; left:0; overflow:auto; z-index:9999;}
#sidebar  .newListSelected {width:220px; color:#000; height:21px; padding:3px 0 0 6px; margin-bottom: 6px; float:left; background:url(../images/theme/sprite.png) no-repeat -500px -310px;}
#sidebar  .newListSelected span {width:220px; display:block;}
#sidebar  ul.newList li {padding:3px 8px; font-size: 1em;}
#sidebar  .selectedTxt {width:188px; overflow:hidden; height:15px; padding:1px 23px 0 6px;}
#sidebar  .hiLite {background:#94B034!important; color:#fff!important;}
#sidebar  .newListHover {background:#94B034!important; color:#000!important; cursor:default;}
#sidebar  .newListSelHover, #sidebar  .newListSelFocus {background-position:-500px -340px; cursor:default;}
#sidebar  .newListOptionTitle {font-weight:bold;}
#sidebar  .newListOptionTitle ul {margin:3px 0 0;}
#sidebar  .newListOptionTitle li {font-weight:normal; border-left:1px solid #ccc;}



/*** g�n�ral ***/


.sepa{
	clear: both;
	background: url(../images/theme/sprite.png) repeat-x 0 -1800px;
	height: 5px;
	margin: 18px 0;
}
span.vert{
	color: #94b034;
}
.rouge{
	color: #b82c3e;
}
.jaune{
	color: #f7e234;
}
.orange{
	color: #ff7a03;
}
.bleu{
	color: #2f84cc;
}

.important{
	color: #94b034;
}
body.formule-rouge .important{
	color: #b82c3e;
}
body.formule-bleu .important{
	color: #2f84cc;
}
body.formule-orange .important{
	color: #ff7a03;
}
body.formule-jaune .important{
	color: #ffcc00;
}


/****** link-btn ******

link-btn et link-btn-gd sont des boutons extensibles.
link-btn-gd est plus grand en hauteur que link-btn

Ils prennent par d�faut la couleur du fond (gris ou blanc).
Si le bouton doit toujours etre sur un fond blanc (exemple dans un tableau). Il faut utiliser link-btn-white ou link-btn-gd-white.

********************/


/* btn petit en hauteur */
a.link-btn,
a.link-btn-white{
	display: block;
	background: url(../images/theme/sprite.png) no-repeat 0 -800px;
	height: 22px;
	padding: 0 0 0 25px;
	font-size: 1.3em;
	text-align: center;
}
a.link-btn,
#main-content a.link-btn,
#sidebar a.link-btn,
a.link-btn-white,
#content-interne a.link-btn-white{
	color: #fff;
	text-decoration: none;
}
a.link-btn:hover,
#main-content a.link-btn:hover,
#sidebar a.link-btn:hover,
a.link-btn-white:hover,
#content-interne a.link-btn-white:hover{
	background-position: 0 -825px;
	color: #666;
}
a.link-btn span,
a.link-btn-white span{
	display: block;
	background: url(../images/theme/sprite.png) no-repeat 100% -800px;
    height: 22px;
	padding: 0 25px 0 0;
	line-height: 20px;
}
a.link-btn:hover span,
a.link-btn-white:hover span{
	background-position: 100% -825px;
}

/*specification en fonction du fond*/

/*btn sur fond gris*/
body.bg-ggg #content-interne a.link-btn,
body.bg-ggw #content-interne a.link-btn,
body.bg-wgg #content-interne a.link-btn,
body.bg-wgw #content-interne a.link-btn,
body.bg-ggg #sub-header a.link-btn,
body.bg-ggw #sub-header a.link-btn,
body.bg-gww #sub-header a.link-btn,
body.bg-gwg #sub-header a.link-btn{
	background-position: 0 -1200px;
}
body.bg-ggg #content-interne a.link-btn span,
body.bg-ggw #content-interne a.link-btn span,
body.bg-wgg #content-interne a.link-btn span,
body.bg-wgw #content-interne a.link-btn span,
body.bg-ggg #sub-header a.link-btn span,
body.bg-ggw #sub-header a.link-btn span,
body.bg-gww #sub-header a.link-btn span,
body.bg-gwg #sub-header a.link-btn span{
	background-position: 100% -1200px;
}
body.bg-ggg #content-interne a.link-btn:hover,
body.bg-ggw #content-interne a.link-btn:hover,
body.bg-wgg #content-interne a.link-btn:hover,
body.bg-wgw #content-interne a.link-btn:hover,
body.bg-ggg #sub-header a.link-btn:hover,
body.bg-ggw #sub-header a.link-btn:hover,
body.bg-gww #sub-header a.link-btn:hover,
body.bg-gwg #sub-header a.link-btn:hover{
	background-position: 0 -1225px;
}
body.bg-ggg #content-interne a.link-btn:hover span,
body.bg-ggw #content-interne a.link-btn:hover span,
body.bg-wgg #content-interne a.link-btn:hover span,
body.bg-wgw #content-interne a.link-btn:hover span,
body.bg-ggg #sub-header a.link-btn:hover span,
body.bg-ggw #sub-header a.link-btn:hover span,
body.bg-gww #sub-header a.link-btn:hover span,
body.bg-gwg #sub-header a.link-btn:hover span{
	background-position: 100% -1225px;
}


/* btn grand en hauteur */
a.link-btn-gd,
a.link-btn-gd-white{
	display: block;
	background: url(../images/theme/sprite.png) no-repeat 0 -850px;
	height: 30px;
	padding: 0 0 0 25px;
	font-size: 1.4em;
	text-align: center;
}
a.link-btn-gd,
#main-content a.link-btn-gd,
#sidebar a.link-btn-gd,
a.link-btn-gd-white,
#content-interne a.link-btn-gd-white{
	color: #fff;
	text-decoration: none;
}
a.link-btn-gd:hover,
#main-content a.link-btn-gd:hover,
#sidebar a.link-btn-gd:hover,
a.link-btn-gd-white:hover,
#content-interne a.link-btn-gd-white:hover{
	background-position: 0 -880px;
	color: #666;
}
a.link-btn-gd span,
a.link-btn-gd-white span{
	display: block;
	background: url(../images/theme/sprite.png) no-repeat 100% -850px;
    height: 30px;
	padding: 0 25px 0 0;
	line-height: 28px;
}
a.link-btn-gd:hover span,
a.link-btn-gd-white:hover span{
	background-position: 100% -880px;
}

/*specification en fonction du fond*/

/*btn sur fond gris*/
body.bg-ggg #content-interne a.link-btn-gd,
body.bg-ggw #content-interne a.link-btn-gd,
body.bg-wgg #content-interne a.link-btn-gd,
body.bg-wgw #content-interne a.link-btn-gd{
	background-position: 0 -1250px;
}
body.bg-ggg #content-interne a.link-btn-gd span,
body.bg-ggw #content-interne a.link-btn-gd span,
body.bg-wgg #content-interne a.link-btn-gd span,
body.bg-wgw #content-interne a.link-btn-gd span{
	background-position: 100% -1250px;
}
body.bg-ggg #content-interne a.link-btn-gd:hover,
body.bg-ggw #content-interne a.link-btn-gd:hover,
body.bg-wgg #content-interne a.link-btn-gd:hover,
body.bg-wgw #content-interne a.link-btn-gd:hover{
	background-position: 0 -1280px;
}
body.bg-ggg #content-interne a.link-btn-gd:hover span,
body.bg-ggw #content-interne a.link-btn-gd:hover span,
body.bg-wgg #content-interne a.link-btn-gd:hover span,
body.bg-wgw #content-interne a.link-btn-gd:hover span{
	background-position: 100% -1280px;
}


/*taille de bouton*/
a.btn-1{
	width: 80px;
}
a.btn-2{
	width: 100px;
	padding: 0 0 0 10px;
}
a.btn-2 span{
	padding: 0 10px 0 0;
}
a.btn-3 span{
	color: #7E825E;
}



/*** BREADCRUMP ***/
ul#breadcrump {
	border:1px solid #e0e0e0;
	height:28px;
	width:927px;
	clear:both;
	margin: 15px 0 15px 12px;
}

ul#breadcrump li {
	float:left;
	height:28px;
}

ul#breadcrump li a {
	display:block;
	float:left;
	height:28px;
	background:url(../images/theme/sprite.png) no-repeat 100% -58px;
	padding:0 16px 0 8px;
	font-size:1.3em;
	text-decoration:none;
	color:#808080;
	line-height:28px;
}

ul#breadcrump li a:hover {
	text-decoration:underline;
}

ul#breadcrump li a span {
	position:absolute;
	left:-5000px;
}

ul#breadcrump li.home a {
	background:url(../images/theme/sprite.png) no-repeat -390px -30px;
	width:56px;
	padding:0;
}

ul#breadcrump li.home a:hover {
	background:url(../images/theme/sprite.png) no-repeat -390px -58px;
}

ul#breadcrump li.last a {
	background:url(../images/theme/sprite.png) no-repeat 100% -30px;
}



/*** FOOTER ***/
#footer {
	clear:both;
	color:#999;
	/*height:341px;*/
	margin:-341px 0 0 0;
	background: #fff;
}

/* couleur de background en fonction de la page */
body.bg-ggg #footer,
body.bg-wgg #footer,
body.bg-wwg #footer,
body.bg-gwg #footer {
	background: #ededed;
}




#spacer-footer {
	clear:both;
	height:341px;
}

body.espace #spacer-footer {
	height: 250px;
}

body.espace #footer {
	height: 250px;
	margin: -250px 0 0 0;
}

body.landing #spacer-footer {
	height: 146px;
}

body.landing #footer {
	height: 146px;
	margin: -146px 0 0 0;
}

#footer-wrapper {
	padding:12px 0 7px 0;
	width:940px;
	margin:0 auto;
}

body.espace #footer-wrapper {
	padding:0;
}





/*** ACCESS ***/
#footer .access {
	clear:both;
	background:url(../images/theme/access-border.png) repeat-y -4px 0;
	margin-bottom: 10px;
}

#footer .access .access-list {
	float:left;
	width:6;
	padding:0 11px;
	color:#999;
}

#footer .access .access-list h4 {
	font-size:1.4em;
}

#footer .access .access-list ul {	
	margin:12px 0 0 0;
}

#footer .access .access-list ul li {
	font-size:1.2em;
	width:166px;
	margin:0 0 10px 0;
}

#footer .access .access-list ul li a {
	text-decoration:none;
	color:#999;
}

#footer .access .access-list ul li a:hover {
	text-decoration:underline;
}

#footer div.hr {
	height: 6px;
	background: url(../images/theme/sprite.png) repeat-x 0 -129px;
	clear: both;
	/*margin: 10px 1px 10px 2px;*/
	margin:10px 0;
}



	/* FOOTER-CONTENT */
	#footer-content {
		width:573px;
		float:left;
	}
	
	body.landing #footer-content{		
		width: 927px;
	}
	
	#footer-content p.intro {
		color:#999;
		font-size:1.3em;
		text-align:justify;
		line-height:140%;
	}
	
	#footer-content p.intro strong, #footer-content p.intro a {
		font-weight:normal;
		color:#000;
		text-decoration:none;
	}
	
	#footer-content div.hr {
		/*margin:10px 0;*/
	}
	
	#footer-content h3 {
		font-size:1.3em;
		width:573px;
		clear:both;
		text-transform: uppercase;
	}
	
	#footer-content ul {
		width:573px;
	}
	
	#footer-content ul.inline {
		margin:10px 0 0 0;
	}
	
	#footer-content ul.inline li {
		display: block;
		float: left;
		font-size: 1.2em;
	}
	
	#footer-content ul.inline li a {
		display: block;
		float: left;
		background:url(../images/theme/sprite.png) no-repeat 100% 2px;
		padding:0 20px 0 0;
		color:#999;
		text-decoration:none;
		font-size: 1em;
	}
	
	#footer-content ul.inline li a:hover {
		text-decoration:underline;
	}
	
	#footer-content ul.inline li.last a {
		padding:0 10px 0 0;
		background:none;
	}

	/*** FOOTER - SIDEBAR ***/
	
	#footer-sidebar {
		width:330px;
		float:right;
		padding:0 0 0 20px;
		color:#999;
		background:url(../images/theme/sprite.png) no-repeat -790px -250px;
	}
	body.espace #footer-sidebar,
	body.landing #footer-sidebar {
		background:none;
	}
	
	#footer-sidebar h3 {
		font-size:1.3em;
		text-transform: uppercase;
	}
	
	#footer-sidebar ul.rapid-access {
		margin:10px 0 0 0;
		width:330px;
	}
	
	#footer-sidebar ul.rapid-access li {
		float:left;
		margin:0 0 14px 0;
	}
	
	#footer-sidebar ul.rapid-access li a {
		float:left;
		font-size:1.2em;
		text-decoration:none;
		color:#999;
		width:148px;
		padding:0 0 0 17px;
		background:url(../images/theme/sprite.png) no-repeat -280px -89px;
	}
	
	#footer-sidebar ul.rapid-access li a:hover {
		text-decoration:underline;
	}
	
	#footer-sidebar a.teacher-website {
		display:block;
		height:17px;
		line-height:17px;
		background:url(../images/theme/sprite.png) no-repeat -444px -108px;
		padding:0 0 0 23px;
		text-decoration:underline;
		color:#333;
		font-size:1.2em;
		clear:both;
		font-weight:bold;
		margin:10px 0 0 0;
		width:100px;
	}
	#footer-sidebar a.teacher-website:hover {
		text-decoration:none;
	}
	
	#footer-sidebar a.facebook, #footer-sidebar a.twitter, #footer-sidebar a.blog {
		display:inline-block;
		height:17px;
		line-height:17px;
		background:url(../images/facebook.gif) no-repeat left center;
		padding:0 0 0 20px;
		text-decoration:underline;
		color:#999;
		font-size:1.2em;
		clear:both;
		margin:10px 20px 0 0;
		width:60px;
		text-decoration:none;
	}
	#footer-sidebar a.twitter {background:url(../images/twitter.gif) no-repeat left center;}
	#footer-sidebar a.blog {background:url(../images/rss.gif) no-repeat left center;}
	#footer-sidebar a.facebook:hover, #footer-sidebar a.twitter:hover, #footer-sidebar a.blog:hover {
		text-decoration:underline;
	}
	
	#footer-sidebar p.refreshed {
		font-size:1.1em;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		color:#a1ad00;
		float:right;
		margin:10px 5px 0 0;
	}
	
	body.espace #footer-sidebar p.refreshed {
		margin:10px 0 0 0;
	}
	body.landing #footer-sidebar p.refreshed {
		margin:0;
	}
	
	#footer-sidebar p.refreshed a {
		color:#a1ad00;
		text-decoration:none;
	}
	
	#footer-sidebar p.refreshed a:hover {
		text-decoration:underline;
	}
	
	#footer-sidebar p.footer-link {
		font-size:1.1em;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		color:#999;
		float:right;
		margin:5px 5px 0 0;
	}
	
	body.espace #footer-sidebar p.footer-link {
		margin:5px 0 0 0;
	}
	
	#footer-sidebar p.footer-link a {
		color:#999;
		text-decoration:none;
	}
	
	#footer-sidebar p.footer-link a:hover {
		text-decoration:underline;
	}
	
	
	
	
	/*step*/
	#sub-header .step {
		height:35px;
		float:right;
	}
	#sub-header .step li {
		float:left;
		margin:0 5px 0 0;
	}	
	#sub-header .step li.last {
		margin:0;
	}
	#sub-header .step li a {
		float:left;
		display:block;
		height:35px;
		text-decoration:none;
		color:#94b034;
		font-weight:bold;
		font-size:1.3em;
		background:url(../images/theme/sprite-puces-gris.png) no-repeat 0 -2200px;
	}
	#sub-header .step li.active a,
	#sub-header .step li a:hover {
		background:url(../images/theme/sprite-puces-vert.png) no-repeat 0 -2200px;
	}

	#sub-header .step li a span.step-num {
		float:left;
		display:block;
		width:34px;
		color:#fff;
		font-weight:bold;
		font-size:1.7em;
		text-align: center;
		padding-top: 2px;
	}
	#sub-header .step li.active a span.step-title{
		position: static;
		float:left;
		display:block;
		padding: 9px 0 0 3px;
	}
	#sub-header .step li a span.step-title {
		position:absolute;
		left:-10000px;
	}
	
	
	
	
	
/*** PLAN DU SITE ***/
#main-content ul.plan_site{
	margin: 0;
}
#main-content ul.plan_site li{
	display: block;
	float: left;
	width: 184px;
	height: 222px;
	padding: 12px 10px 10px;
	margin-right: 8px;
	background: url(../images/theme/sprite-cadres.png) no-repeat -2800px 0px;
	position: relative;
}
#main-content ul.plan_site li a{
	text-decoration: none;
	color: #666;
}
#main-content ul.plan_site li h1{
	font-size:1.1em;
	margin: 0 0 10px 4px;
}

#main-content ul.plan_site li.last{
	margin-right: 0;
}
#main-content ul.plan_site li p{
	margin: 6px 4px;
	text-align: left;
}




/*** POURCENTAGE ***/
div.pourcentOuter {
	width:220px;
	height:30px;
	background:url(../images/theme/sprite-bleu.png) no-repeat -250px -640px;
	position:relative;
	left:-7px;
	margin:4px 0 8px 0;
}

div.pourcentInner {
	width:1%;
	height:30px;
	background:url(../images/theme/sprite-bleu.png) no-repeat 0 -640px;
}

p.wrapourcent strong {
	display:block;
	text-align:center;
	font-size:1.3em;
}