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

	CSS ADMITIS ENSEIGNANTS

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

/*** 8 possibilite de background :

bg-www => tout le fond est white (par défaut quand on ne met rien)
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: 12px;
	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;
}


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

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:235px;
}
ul#nav li.discover a:hover, ul#nav li.discover a.active {
	background-position:0 -184px;
}

ul#nav li.register a {
	background-position:-235px -136px;
	width:232px;
}
ul#nav li.register a:hover, ul#nav li.register a.active {
	background-position:-235px -184px;
}

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

ul#nav li.likes a {
	background-position:0 -1710px;
	width:177px;
}
ul#nav li.likes a:hover, ul#nav li.likes a.active {
	background-position:0 -1659px;
}

ul#nav li.activity a {
	background-position:-177px -1710px;
	width:174px;
}
ul#nav li.activity a:hover, ul#nav li.activity a.active {
	background-position:-177px -1659px;
}

ul#nav li.mission a {
	background-position:-351px -1710px;
	width:174px;
}
ul#nav li.mission a:hover, ul#nav li.mission a.active {
	background-position:-351px -1659px;
}

ul#nav li.coupons a {
	background-position:-525px -1710px;
	width:174px;
}
ul#nav li.coupons a:hover, ul#nav li.coupons a.active {
	background-position:-525px -1659px;
}

/*** SECONDARY NAV ***/

ul#secondary-nav {
	position:absolute;
	right:25px;
	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: 118px;
	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:#40beff;
	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;
	background:#FF0000;
}

#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;
}

/*** REGISTER ***/
#register {
	float:left;
	width:233px;
	height:120px;
	margin:0 0 0 9px;
}

#register h2 a {
	text-align:center;
	color:#FFF;
	width:233px;
	height:120px;
	display:block;
	font-size:1.7em;
	text-decoration:none;
	line-height:120px;
	background:url(../images/theme/sprite.png) no-repeat 0 -670px;
}

#register h2 a:hover {
	background:url(../images/theme/sprite.png) no-repeat -500px -670px;
}

/*** CTA's ***/
#ctas {
	background:url(../images/theme/sprite-home.png) no-repeat 0 0;
	width:717px;
	height:130px;
	float: right;
	margin-right: 1px;
}

#ctas h2 {
	margin:10px 0 0 25px;
	font-size:1.6em;
	color:#333;
	height:22px;
	width: 600px;
}

#ctas ol {
	list-style:none;
}

#ctas li {
	width:234px;
	height:80px;
	float:left;
	list-style:none;
}

#ctas li.first {
	margin:0 0 0 3px;
	width: 238px;
}

#ctas li a {
	width:130px;
	height:50px;
	display:block;
	float:left;
	font-size:1.3em;
	color:#999;
	margin:0;
	font-weight:bold;
	text-decoration:none;
	padding:20px 20px 20px 85px;
}

#ctas li.first a {
	width:132px;
}

#ctas li.first a:hover {
	background:url(../images/theme/sprite-home.png) no-repeat -3px -168px;
}

#ctas li.middle a:hover {
	background:url(../images/theme/sprite-home.png) no-repeat -241px -168px;
}
#ctas li.last a:hover {
	background:url(../images/theme/sprite-home.png) no-repeat -475px -168px;
}

/*** FORMULES ***/
#formules {
	float:left;
	width:688px;
	height:254px;
	background:url(../images/theme/sprite-home.png) no-repeat 0 -236px;
	padding:0 16px 16px 16px;
	position:relative;
}

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

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

#formules ul li a {
	padding:22px 0 0 119px;
	width:232px;
	height:86px;
	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:#57baeb;
	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:41px;
	left:6px;
}

#formules ul li.formule2 {
	top:41px;
	left:357px;
}

#formules ul li.formule3 {
	top:148px;
	left:6px;
}

#formules ul li.formule4 {
	top:148px;
	left:357px;
}

#formules ul li.formule1 a:hover {
	background:url(../images/theme/sprite-home.png) no-repeat -1px -1129px;
}
#formules ul li.formule2 a:hover {
	background:url(../images/theme/sprite-home.png) no-repeat -352px -1129px;
}
#formules ul li.formule3 a:hover {
	background:url(../images/theme/sprite-home.png) no-repeat -1px -1236px;
}
#formules ul li.formule4 a:hover {
	background:url(../images/theme/sprite-home.png) no-repeat -352px -1236px;
}

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

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

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

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

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

#ctas2 h3.teachers a span {
	font-size:1.15em;
}

#ctas2 h3.advantages a {
	top:0;
	left:236px;
	padding:30px 0 0 0;
	height:104px;
	font-size:1.1em;
	text-align:center;
	font-weight:bold;
	color:#666;
}
#ctas2 h3.advantages a:hover {
	background:url(../images/theme/sprite-home.png) no-repeat -236px -420px;
}

#ctas2 h3.advantages a strong {
	color:#333;
	text-decoration:none;
	font-size:1.2em;
	text-align:center;
}

#ctas2 h3.advantages a em {
	display:block;
	color:#57baeb;
	font-style:normal;
	font-size:1.1em;
	line-height:1.5em;
}

#ctas2 h3.how a {
	top:0;
	left:469px;
	padding:25px 0 0 25px;
	height:109px;
	width:213px;
	text-align:left;
	font-size:1.1em;
	text-align:left;
	font-weight:bold;
	color:#666;
}
#ctas2 h3.how a:hover {
	background:url(../images/theme/sprite-home.png) no-repeat -469px -420px;
}

#ctas2 h3.how a strong {
	color:#333;
	text-decoration:none;
	font-size:1.2em;
	text-align:left;
	display:block;
	margin:5px 0 0 85px;
}

#ctas2 h3.how a em {
	margin:12px 0 0 0;
	font-style:normal;
	display:block;
}

#ctas2 h3.how a strong span {
	display:block;
}

/*** NEWSLETTER ***/
#newsletter-box {
	float:left;
	background:url(../images/theme/sprite.png) no-repeat -239px -671px;
	width:226px;
	height:126px;
	padding:0 0 0 20px;
	margin-top: 10px;
}

#newsletter-box h3 {
	float:left;
	display:block;
	color:#57baeb;
	font-size:1.45em;
	font-weight:bold;
	padding:20px 0 0 0;
}

form#newsletter {
	clear:both;
}

form#newsletter p {
	clear:both;
}

form#newsletter h3 {
	color:#57baeb;
	font-size:1.4em;
	margin:8px 0;
	clear:both;
}

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

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:10px 0 0 164px;
	cursor:pointer;
	text-align:left;
	color:#67574c;
}

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

/*** CONTENT ***/
#content {
	/*padding:0 4px 0 8px;*/
	width: 949px;
	margin: 0 auto;
}

/*** ESPACE ENSEIGNANT ***/
#content ul.espace-nav {
	float:left;
}

#content ul.espace-nav li {
	width:225px;
	height:68px;
	margin:0 0 8px 0;
}

#content ul.espace-nav li a {
	width:205px;
	height:54px;
	display:block;
	background:url(../images/theme/sprite.png) no-repeat -250px -250px;
	text-decoration:none;
	font-size:1.6em;
	color:#666;
	font-weight:bold;
	padding:14px 0 0 20px;
}

#content ul.espace-nav li a:hover {
	background:url(../images/theme/sprite.png) no-repeat 0 -250px;
}

#content ul.espace-nav li a span {
	display:block;
}

/*** ESPACE ENSEIGNANT BOX ***/
#content div.box-espace {
	float:right;
	width:721px;
	background:url(../images/theme/box-espace-bg.png) repeat-y 1px 0;
	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:170px;
	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:15px 10px 40px 15px;
}

#content div.box-espace-bottom .box-content h3 {
	font-size:1.6em;
	position:relative;
}

#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 ul li {
	/*background:url(../images/theme/sprite-home.png) no-repeat -720px -52px;*/
	padding:0 0 0 15px;
}

#content div.box-espace-bottom .student {
	margin:0 0 0 6px;
}

#content div.box-espace-bottom .no-line {
	background:none;
}

#content div.box-espace-bottom .box-content a.bleu {
	color:#40beff;
	text-decoration:none;
	font-weight: bold;
}

#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:url(../images/theme/sprite.png) no-repeat -250px -520px;
	color:#40BEFF;
}

/*** POURCENTAGE ***/
div.pourcentOuter {
	width:220px;
	height:30px;
	background:url(../images/theme/sprite.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.png) no-repeat 0 -640px;
}

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




/*** 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 h1 a{
	color: #333;
	text-decoration: none;
}

#sub-header a.sub-header-cta{
	float: right;
	margin: 8px 0 0 25px;
}
#sub-header ul#sub-nav{
	float: right;
	margin: 1px 0 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:hover, #sub-header ul#sub-nav li a.active {	
	background: url(../images/theme/subnav-bg.png) no-repeat center bottom;	
	color: #40beff;
}
#sub-header ul#sub-nav li a.active {	
	font-weight:bold;
}
#sub-header ul#sub-nav li.last a{
    margin-right: 0;
}

#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;
}

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

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

#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-bleu.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 ol li ul li,
#main-content ul li a, 
#main-content ul li p,
#main-content ol li a, 
#main-content ol li p,
#main-content table a{
	font-size: 1em;
}
#main-content p span.bleu{
	font-size: 1.1em;
	color: #40beff;
	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: #3a9eeb;*/
	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: #3a9eeb;*/
	color: #333333;
	text-decoration: none;
}
#main-content ul.faq li p{
	margin: 8px 0;
}
#main-content ul.faq li p 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: #40beff;
}


/** Liste de type Focus **/
#main-content .focus{
	margin: 10px 0;
}
#main-content .focus h4{
	float: left;
	width: 140px;
	font-size: 1.9em;
	margin: 50px 20px 0 20px;
	text-align: right;
	color: #999999;
}
#main-content .focus ul, 
#main-content .focus ol {
	float: left;
	width: 424px;
}
#main-content .focus li{
	margin: 1px 0;
	padding: 12px 0 12px 42px;
}
#main-content .focus ul li{
	background: url(../images/theme/sprite-puces-bleu.png) no-repeat 0 -195px;
}
#main-content .focus ol li{
	background: url(../images/theme/ico-focus.png) no-repeat 1px 6px;
	list-style-position: inside;
}
#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 6px 18px;
	margin-bottom: 20px;
}

#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: #40beff;
}
#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;*/
	/*font-size: 1.1em;*/
	font-size: 11px;
}
#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,
#main-content form input.text-focus, 
#main-content form select.text-focus,
#main-content form textarea.text-focus{
	border: 1px solid #40beff;
	/*color: #40beff;*/
	color: #3A9EEB;
}
#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;
}



#main-content form h2{
	margin: 2px 0 6px 12px;
}

#main-content form h3 {
	font-size:1.4em;
	margin: 4px 0;
}

#main-content form fieldset {
	border: 0;
	padding: 0;
	margin: 22px 0 12px;
}
#main-content form fieldset.border{	
	width: 555px;
	border: 1px solid #40BEFF;
	padding: 2px 14px;
	margin: 0 0 14px;
}
#main-content form fieldset legend{
	font-size: 1.3em;
	font-weight: bold;
	padding: 0;
	margin: 0;
}
#main-content form fieldset.border legend{
	padding: 0 4px;
}

#main-content form fieldset.border input.text{
	width: 547px;
}
#main-content form fieldset.border textarea.text{
	width: 545px;
}
#main-content form fieldset.border select.text{
	width: 555px;
}

/** 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;
}

#main-content form select.date {
	width: 193px;
}

#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: #40beff;
}
#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;
}




/*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:#40beff;
	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-bleu.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;
}







/*** 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;
}

#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 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-5{
	width : 5%;
}
table .td-8{
	width : 8%;
}
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;
}



/*** 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: #40beff;
}

#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: #40beff;
	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 #40beff;
	border-bottom: 1px solid #40beff;
	background: #F6FCFF;
	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-bleu.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 VERT (sidebar + main-content) ***/

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

#sidebar .encart-vert{	
	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: #40beff;*/
	color: #3A9EEB;
}
#main-content .onglet .head li.active a{
	font-weight: bold;
}

#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: #40beff;*/
	color: #3A9EEB;
}


/*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: 0 12px;
}
#main-content .onglet .body p{
	margin: 0;
	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: 224px;
	padding: 10px;
	/*margin-right: 8px;*/
	margin-left: 70px;
	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: 55px;
	font-weight: bold;
	font-size: 1.2em;
	text-decoration: none;
	padding: 19px 0 0 78px;
	color: #666;
}
#main-content ul.ctas4 li a.ico-devis{
	background: url(../images/theme/sprite-puces-vert.png) no-repeat 0px -1300px;
}
#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-tel{
	background: url(../images/theme/sprite-puces-vert.png) no-repeat 0 -1900px;
}
#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: 114px;
	height: 28px;
	line-height: 28px;
	text-align: center;
	color: #fff;
	text-decoration: none;
	/*background: url(../images/theme/sprite.png) no-repeat 0 -520px;*/
	background: url(../images/theme/bouton-vert.png) no-repeat;
}
#main-content ul.ctas4 li a.goto:hover{
	background: url(../images/theme/sprite.png) no-repeat -250px -520px;
	color: #666;
}

/** 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;	
}
#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: #40beff;
	text-align: center;
}

#sidebar  ol.deco-num-bleu li{
	background: url(../images/theme/sprite-puces-bleu.png) no-repeat 0 -1000px;
}
#sidebar ol.deco-num-bleu 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: 90px;
	width: 206px;
	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: 25px;
	width: 62px;
	border: 0;
	font-size: 0.1em;
	padding: 25px 0 0 0;
	color: #fff;
}
#sidebar  form p.submit input:hover{
	background: url(../images/theme/sprite.png) no-repeat -600px -590px;
}

body.bg-ggg #sidebar form p.submit input,
body.bg-wgw #sidebar form p.submit input,
body.bg-wgg #sidebar form p.submit input,
body.bg-ggw #sidebar form p.submit input{
    color: #EDEDED;
}


/*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:#40beff!important; color:#fff!important;}
#sidebar  .newListHover {background:#40beff!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.bleu{
	color: #40beff;
}

/****** 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;
}
a.btn-4 {
	margin-bottom: 12px;
}


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

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:54px;
	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 ***/
#spacer-footer {
	clear:both;
	height:205px;
}

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

#footer {
	clear:both;
	color:#999;
	height:205px;
	margin:-205px 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;
}
body.espace #footer {
	clear:both;
	height: 250px;
	margin: -250px 0 0 0;
}

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

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

	/* FOOTER-CONTENT */
	#footer-content {
		float:left;
		width:573px;
	}
	
	#footer-content p.intro {
		color:#999;
		font-size:1.3em;
		text-align:justify;
		float:left;
		width:573px;
		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 {
		height:6px;
		background:url(../images/theme/sprite.png) no-repeat 0 -1600px;
		clear:both;
		margin:10px 0;
	}
	
	#footer-content h3 {
		font-size:1.4em;
		clear:both;
	}
	
	#footer-content ul {
		font-size:1.3em;
		width:573px;
	}
	
	#footer-content ul.inline {
		margin:10px 0 0 0;
	}
	
	#footer-content ul.inline li {
		float:left;
	}
	
	#footer-content ul.inline li a {
		float:left;
		background:url(../images/theme/sprite.png) no-repeat right top;
		padding:0 20px 0 0;
		color:#999;
		text-decoration:none;
	}
	
	#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 ACCESS ***/
	#footer .access {
		clear:both;
		background:url(../images/theme/access-border.png) repeat-y -4px 0;
	}

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

	#footer .access .access-list h4 {
		font-size:1.4em;
	}
	#footer .access .access-list h4 a {
		color:#999;
		text-decoration:none;
	}

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

	#footer .access .access-list ul li {
		font-size:1.2em;
		width:115px;
		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 -2px -130px;
		clear: both;
		margin: 10px 5px 10px 3px;
	}
	
	
	
	
	
	/*** 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 {
		background:none;
	}
	
	#footer-sidebar h3 {
		font-size:1.5em;
	}
	
	#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;
		width:100px;
		margin:2px 0 0 0;
	}
	
	#footer-sidebar a.teacher-website:hover {
		text-decoration:none;
	}
	
	#footer-sidebar p.refreshed {
		font-size:1.1em;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		color:#007dbe;
		float:right;
		margin:10px 5px 0 0;
	}
	
	#footer-sidebar p.refreshed a {
		color:#007dbe;
		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:10px 5px 0 0;
	}
	
	body.espace #footer-sidebar p.footer-link {
		margin: 0 5px 0 0;
	}
	
	#footer-sidebar p.footer-link a {
		color:#999;
		text-decoration:none;
	}
	
	#footer-sidebar p.footer-link a:hover {
		text-decoration:underline;
	}
	
	
/**** RAJOUTS ****/
	
	form .erreur_formulaire {
		color: #CC3333;
	}
	form .champ_coupon .erreur_formulaire {
		display: inline;
		padding-left: 10px;
		font-size: 11px;
	}