body {
	background-color: #edebe5;
	background-image: url(../img/commun/bkg-maincontener.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	font-family: "Tahoma", Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #747474;
}
* {
	margin: 0px;
	padding: 0px;
}
h1 {
	font-family: "Arial Narrow", Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: bold;
	text-transform: uppercase;
	color: #3f8eb6;
	margin-bottom: 7px;
}
h1#h1Connecte {
	font-size: 20px;
	color: #beda00;	
	padding: 5px 0 0 0;
}
h2, h2 a {
	font-family: "Arial Narrow", Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	text-transform: uppercase;
	color: #3f8eb6;
	margin: 0px 0 5px 0;
}
h3 {
	margin: 10px 0 5px 0;
	font-weight: bold;
}
a {
	text-decoration: none;	
}
a img{
	border: 0px solid #FFF;
}
p {
	margin-bottom: 5px;
}
#page2 ul {
	margin: 0 0 5px 15px;
}


/* ======== CONSTRUCTION ======== */

.logo  {
	margin-top: 17px;
}
#logoPrint {
	display: none;
}
#maincontener  {
	width: 1003px;
	margin: 0 auto;
	position: relative;
}
#contener {
	width: 1003px;
	margin: 10px auto 0 auto;
}
#contenu {
	float:left;
	width: 748px;
}
#header  {
	width: 1003px;
	height: 53px;
	background-image: url(../img/commun/bkg-header.gif);
	background-repeat: no-repeat;
	background-position: right top;
}
#langues  {
	/*float: right;
	margin-top: 16px;
	margin-right: 6px;*/
	height: 21px;
	width: 16px;
	text-align: right;

	position:absolute;
	right:6px;
	top:15px;
	z-index:20;
}
* html #langues {margin-right: 3px;} /* hack IE6 */
#page  {
	background: url(../img/commun/bkg-page.gif) repeat-y left top;
	width: 748px;
}
#page2  {
	background: url(../img/commun/bkg-page-bas.gif) no-repeat left bottom;
	padding: 0 8px 8px 8px;
}
#breadcrumb  {
	width: 728px;
	background: url(../img/commun/bkg-page-up.gif) no-repeat left top;
	padding: 6px 10px;
}
#breadcrumb a  {
	color: #747474;
}
#breadcrumb a:hover {
	color: #90ab01;	
}
#animFlash {
	position: absolute;
	z-index: 10;
	height: 100px;
	width: 140px;
	top: 0px;
	right: 0px;
}



/* ======== MENU ======== */

#colMenu {
	float: left;
	width: 249px;
	background-image: url(../img/commun/bkg-colmenu.gif);
	background-repeat: repeat-y;
	background-position: left top;
	margin-right: 6px;
}
#colMenu2 {
	background-image: url(../img/commun/bkg-colmenu-bas.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}
#menu {
	background-image: url(../img/commun/bkg-colmenu-up.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding: 15px 10px 10px 10px;
}
#menu li, #menuFam, #menu .menuFam li, #menu .menuSsFam li {
	list-style-type: none;
	display: inline;
}
#menu h1 {
	margin-top: 10px;
	margin-bottom:0; 
}
#menu li a, #menu h1 a {
	font-family: "Arial Narrow", Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: normal;
	text-transform: uppercase;
	color: #40718f;
	border-bottom: solid 2px #91adbc;
	display: block;
	cursor:pointer;
}
#menu li a:hover, #menu h1 a:hover {
	color: #529ec5;
}
#menu li a.menuActiv, #menu h1 a.menuActiv  {
	border-bottom-width: 5px;
	border-bottom-color: #5384a1;
	font-weight: bold;
}
#menu .ssnav1  a {
	background-color: #ccd5d7;
	font-family: "Arial Narrow", Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-transform: uppercase;
	color: #40718f;
	display: block;
	margin-top: 0px;
	padding: 2px 0 1px 6px;
	border-bottom: dotted 1px #487d9e;
	cursor:pointer;
}
#menu .ssnav1 a:hover, #menu .ssnav1 a.menuFamActiv {
	background-color: #487d9e;
	color: #96d0e9;
	font-weight: bold;	
}

#menu .menuSsFam, #menu .ssnav2 {
	/*margin: 0px 0px 10px 0px;*/
	height: auto;
}
#menu .menuSsFam li a, #menu .ssnav2 li a {
	background-color: #d0edf3;
	font-size: 11px;
	text-transform: uppercase;
	color: #398bb5;
	display: block;
	margin-top: 0px;
	margin-left: 0px;
	padding: 1px 0 1px 6px;
}
#menu .menuSsFam li a:hover, #menu .menuSsFam li a.menuSsFamActiv, #menu .ssnav2 li a:hover, #menu .ssnav2 li a.menuSsFamActiv  {
	color: #487d9e;
	background-color: #96d0e9;
	font-weight: bold;	
}


/* ======== BLOCS ======== */

#bloc232VisuColD {
	float: left;
	width: 232px;
	margin-left: 15px;
	}
.bloc479 {
	float: left;
	}
#bloc479 {
	float: left;
	width: 479px;
	background: url(../img/blocs/bkg-bloc479.gif) repeat-y left top;
	}
#bloc479bkg, .bloc232bkg, .bloc732bkg {
	padding: 12px;
	position:relative;
}
.bkg-bloc479 {
	background: url(../img/blocs/bkg-bloc479-up.gif) no-repeat left top;
}
.bkg-bloc479Bleu {
	background-image: url(../img/blocs/bkg-bloc479-upbleu.gif);
	background-repeat: no-repeat;
	background-position: right top;
}
#col232 {
	float: left;
	width: 232px;
}
.bloc232NoFloat {
	width: 232px;
	background: url(../img/blocs/bkg-bloc232.gif) repeat-y left top;
}
.bloc232 {
	float: left;
	width: 232px;
	background: url(../img/blocs/bkg-bloc232.gif) repeat-y left top;
}
.bkg-bloc232 {
	background: url(../img/blocs/bkg-bloc232-up.gif) no-repeat left top;
}
.bkg-bloc232Bleu {
	background-image: url(../img/blocs/bkg-bloc232-upbleu.gif);
	background-repeat: no-repeat;
	background-position: right top;
}
.bkg-bloc232Vert {
	background-image: url(../img/blocs/bkg-bloc232-upvert.gif);
	background-repeat: no-repeat;
	background-position: right top;
}
.bkg-bloc232Calendrier {
	background-image: url(../img/blocs/bkg-bloc232calendrier.gif);
	background-repeat: no-repeat;
	background-position: right top;
}
.bloc732 {
	float: left;
	width: 732px;
	background-image: url(../img/blocs/bkg-bloc732.gif);
	background-repeat: repeat-y;
	background-position: left top;
	}
.bkg-bloc732 {
	background: url(../img/blocs/bkg-bloc732-up.gif) no-repeat left top;
}
.bkg-bloc732Bleu {
	background-image: url(../img/blocs/bkg-bloc732-upbleu.gif);
	background-repeat: no-repeat;
	background-position: right top;
}


/* ======== BOX COURS ======== */

#boxNewsletter  {
	background: url(../img/accueil/bkg-newsletter.gif) no-repeat left top;
	height: 71px;
	width: 455px;	
	margin-top: 5px;
	padding: 12px 12px 0 12px;
	color: #edebe5;
}
#boxNewsletter h2  {
	font-family: "Arial Narrow", Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
	color: #edebe5;
	margin-bottom: 2px;
}
#boxNewsletter input  {
	background-color: #edebe5;
	width: 400px;
	padding: 1px 3px;
	border: 1px solid #edebe5;
	font-size: 11px;
	color: #747474;
}

/* ======== BOX COURS ======== */

#boxCoursC  {
	width: 1003px;
	background: url(../img/commun/filet-boxvideo-c.gif) no-repeat right top;
	padding-top: 6px;
}
#boxCoursNC  {
	width: 1003px;
	padding-top: 6px;
	background-image: url(../img/commun/filet-boxvideo-nc.gif);
	background-repeat: no-repeat;
	background-position: right top;
}
#boxCoursColG  {
	float: left;
	width: 252px;
	height: 306px;
}
#boxAccroche  {
	background-color: #bbdef5;
	background: url(../img/commun/bkg-accroche.jpg) no-repeat left top;
	height: 126px;
	padding-top: 18px;
}
#boxAccroche p  {
	margin: 0px 0 5px 10px;
	line-height: 20px;
}
#boxAccroche h1  {
	font-family: "Arial Narrow", Arial, Helvetica, sans-serif;
	font-size: 27px;
	font-weight: bold;
	color: #16649b;
	margin: 0px 0 5px 10px;
}
#boxVideo  {
	float: left;
	width: 490px;
	background-color: #FFFFFF;
	background: url(../img/commun/bkg-video.jpg) no-repeat left top;
	height: 306px;
}

#navCours li  {
	list-style-type: none;	
	background-image: url(../img/commun/bkg-navcours.gif);
	background-position: left top;
	height: 24px;
	padding-top:3px;
}
#navCours li a  {
	display: inline;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	width: 215px;
	padding-left: 10px;
	padding-top:5px;
}
#navCours li a:hover  {
	color: #c6dd2a;
}
#navCours li.navCoursActive  {
	background-image: url(../img/commun/bkg-navcours-on.gif);
	background-position: left top;
}
#navCours li.navCoursActive a:hover  {
	color: #fff;
}
#boxCoursDesc  {
	float: left;
	width: 261px;
	background-image: url(../img/commun/bkg-boxvideodesc.gif);
	background-repeat: repeat-y;
	background-position: left top;
	border-bottom: solid 1px #cacaca;
	height: 305px;
}
.boxCours  {
	background-color: #FFFFFF;
	background-image: url(../img/commun/bkg-boxvideodesc-bas.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	width: 224px;
	padding: 0 15px 0px 20px;
	border-left: solid 1px #cacaca;
	border-right: solid 1px #cacaca;
}
#boxCoursNext h1, #boxProgramme h1, #boxCoursListing h1  {
	font-family: "Arial Narrow", Arial, Helvetica, sans-serif;
	color: #acc500;
	font-size: 16px;
	font-weight: bold;
	text-transform: uppercase;
	padding: 15px 0 2px 0;
}
#boxCoursNext h2, #boxProgramme h2  {
	color: #3f8eb6;
	font-size: 12px;
	font-weight: bold;
}
#boxCoursNext {
	height: 170px;
}
#boxProgramme {
	height: 103px;
}
#boxCoursAccess, .coursDescAccess  {
	float: right;
	width: 50px;
	text-align: center;
}
#boxCoursAccess img  {
	margin-top: 5px;
}
.coursDescAccess img  {
	margin-top: 10px;
}
#coursDescVisus  {
	float: right;
	margin-left: 10px;
	width: 94px;
	position:relative;
}
#coursDescVisus img  {
	padding: 1px;
	margin-bottom: 8px;
	border: solid 1px #fff;
}


/* ======== LISTING COURS ======== */

.coursVisu  {
	float: left;
	width: 150px;
}
.coursVisu img  {
	padding: 1px;
}
.coursDesc  {
	float: left;
	width: 558px;
}
.coursDesc1  {
	float: left;
	width: 400px;
}
.coursDesc2  {
	float: left;
	width: 150px;
}
.cours  {
	background-attachment: scroll;
	background-image: url(../img/cours/bkg-bascourslisting.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding-bottom: 25px;
	margin-bottom: 5px;
}

/* ======== BOX MENU DIRECT COURS ======== */

#boxCoursListing  {
	height: 273px;
	overflow: auto;
}
#boxCoursListing li  {
	list-style-type: none;	
}
#boxCoursListing a  {
	list-style-type: none;
	text-transform: uppercase;
	display: block;
}
#boxCoursListing ul.coursAccess  ul.coursDuree li  {
	font-size: 12px;
	margin-top: 5px;
	color: #275063;
	border-bottom: dotted 1px #cccccc;
	padding-bottom: 3px;
	display:block;
}
#boxCoursListing ul.coursAccess li strong  {
	font-size: 12px;
	margin-top: 5px;
	color: #275063;
	border-bottom: dotted 1px #cccccc;
	padding-bottom: 3px;
	display:block;
	text-transform:uppercase;
}
#boxCoursListing ul.coursAccess  ul.coursDuree li span.duree {
	font-size: 11px;
	margin-top: 2px;
	margin-left: 0px;
	padding: 0 0 1px 20px;
	color: #3f8eb6;
	background-image: url(../img/png/picto-duree.png);
	background-repeat: no-repeat;
	background-position: 0px -4px;
}
#boxCoursListing ul.coursAccess  ul.coursDuree li span.lieu {
	font-size: 11px;
	margin-top: 2px;
	margin-left: 2px;
	padding-left: 30px;
	color: #90ab01;
	background-image: url(../img/png/picto-lieu.png);
	background-repeat: no-repeat;
	background-position: 0px -1px;
}
#boxCoursListing ul.coursAccess  ul.coursDuree li a  {
	font-size: 11px;
	color: #3f8eb6;
}
#boxCoursListing ul.coursAccess  ul.coursDuree  ul.coursLieu a  {
	color: #acc500;
	border-bottom:1px dotted #CCCCCC;
}
#boxCoursListing ul.coursAccess  ul.coursDuree  {
	font-weight: bold;
	color: #90ab01;
	/*border-bottom: dotted 1px #90ab01;*/
}
ul.coursLieu a.actif, ul.coursDuree a.actif  {
	font-weight: bold;
	color: #FFFFFF;
	background-image: url(../img/png/fleche-coursactif.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding: 5px 0px 5px 20px;
}
#boxCoursListing ul.coursAccess  ul.coursDuree  ul.coursLieu li  {
	margin-top: 0px;
	margin-left: 20px;
	background-image: none;
	padding: 0px;
	border-bottom: none;
}
#boxCoursListing ul.coursAccess a:hover, #boxCoursListing ul.coursDuree a:hover, #boxCoursListing ul.coursLieu a:hover   {
	color: #90ab01;
	/*border-bottom: dotted 1px #90ab01;*/
}
#boxCoursListing ul.coursAccess  ul.coursDuree  ul.coursLieu a:hover  {
	color: #90ab01;
	/*border-bottom: dotted 1px #90ab01;*/
}

/* ======== BOX ABONNEMENT ======== */
#boxAbo {
	background: #beda01 url(../img/commun/bkg-box-abo.gif) no-repeat left bottom;
	padding: 0 0 7px 0;
	margin: 0 0 15px 0;
}


/* ======== BOX CODE PROMO ======== */
#boxCodePromo {
	background: #FFFFFF url(../img/accueil/box-code-promo.jpg) no-repeat;
	padding: 50px 0 10px 11px;
	width: 223px;
	height: 32px;
}
#boxCodePromo input {
	width: 128px;
	border: 1px solid #c7c5bd;
	background-color:transparent;
	color:#FFFFFF;
	font-size:11px;
	padding:1px 3px;
}


/* ======== CALENDRIER ======== */

#calendrier  {
	border: solid 1px #e0e0e0;
	background-color: #FFFFFF;
}
/* + -----------------------------------------------------
	Styles appliqués au Calendrier
+ ----------------------------------------------------- */
/*#calendar {
	width:235px;
}*/
#ap-calendrier {
	border:1px dotted #777777;
	background-color:#f5f5f5;
	padding:5px;
	width:198px;
	height:155px;
	color: #585858;
}
#ap-calendrier a {
	text-decoration:none;
}
#infos-evt {
	padding:10px;
	text-align:justify;
}
#ap-calendrier ul {
	margin:0pt;
	padding:0pt;
}
#ap-libelle {
	padding:0pt;
	width:198px;
}
ul.ap-ligne {
	clear:left;
	/*padding:0pt 5px;*/
	width:198px;
}

#ap-libelle li, ul.ap-ligne li {
	float:left;
	line-height:18px;
	list-style-type:none;
	margin:1px 1px 0pt 0pt;
	padding:0pt;
	text-align:center;
	width:27px;
	background:#fff none repeat scroll 0%;
}
#ap-libelle li {
	background:url(../img/commun/bg_tab.jpg)  top left;
	color:#443C60;
	list-style-type:none;
}
ul.ap-ligne li.ap-itemCurrentItemExisting{
	color:white;
	background:#beda00 none repeat scroll 0%;
	font-weight:bold;
}
ul.ap-ligne li.ap-itemCurrentItemExistingActu{
	color:white;
	background:#3F8EB6 none repeat scroll 0%;
	font-weight:bold;
}
ul.ap-ligne li.ap-itemCurrentItem{
	color:white;
	background:#647c84 none repeat scroll 0%;
	font-weight:bold;
}
ul.ap-ligne li.ap-itemCurrentItem a, ul.ap-ligne li.ap-itemCurrentItemExisting a, ul.ap-ligne li.ap-itemCurrentItemExistingActu a {
	color:#fff;
}
ul.ap-ligne li.ap-itemExistingItem{
	color: #beda00;
	font-weight:bold;
}
ul.ap-ligne li.ap-itemExistingItem a {
	border:1px solid #BEDA00;
	color:#BEDA00;
	padding:1px 5px;
}
ul.ap-ligne li.ap-itemExistingItemActu{
	color: #3F8EB6;
	font-weight:bold;
}
ul.ap-ligne li.ap-itemExistingItemActu a {
	border:1px solid #3F8EB6;
	color:#3F8EB6;
	padding:1px 5px;
}
li.ap-ligne a {
	color:#666;
}
li.ap-ligne{
	color: #666;
}
.legende {
	padding:2px 0;
	margin:2px 15px;
}
.btnPrev, .btnNext {
	height:20px;
	width:20px;
	cursor:pointer;
	font-weight:bold;
}
.btnPrev{
	background:url(../img/commun/btnPrev.jpg)  top left;
	position:absolute;
	top:0;
	left:0;
}
.btnNext {
	background:url(../img/commun/btnNext.jpg)  top left;
	position:absolute;
	top:0;
	right:0;
}

#actus  {
	margin: 10px 0;
}
#actus p  {
	margin: 0 0 2px 0;
}
#actus h3 {
	margin: 0px 0 2px 0;
	font-weight: bold;
	color: #3f8eb6;
	font-size: 12px;	
}
#actus a {
	color: #40718f;
	text-decoration: none;
}
#actus a:hover {
	color: #90ab01;
	text-decoration: none;
}

.blocActu {
	padding-bottom: 5px;
	border-bottom: 1px #ccc dotted;
	margin-bottom: 5px;
}
.separBlanc {
	height:10px;
	background-color:#FFFFFF;
}
/* ======== CALENDRIER PAGE ======== */

#calendTri {
	color: #FFFFFF;
	background-image: url(../img/calendrier/bkg-blutri.gif);
	height: 32px;
	padding: 6px 0 0 10px;	
	margin: 15px 0;
}
#calendTri form {
	width: 250px;
	margin: 0 0 0 10px;
}
.calNextcours {
	background-image: url(../img/calendrier/bkg-titragnextcours.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 5px;
	margin-bottom: 15px;
}
.calNextcours h3 {
	color: #ffffff;
	font-size: 14px;
	font-weight: bold;
	margin-left: 10px;
}
.calenDate {
	color: #1e699a;
	font-size: 12px;
	font-weight: bold;
	margin-left: 10px;
}
.calenBoxCours {
	width: 455px;
	margin-top: 15px;
	background-image: url(../img/calendrier/bkg-bascourslisting.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding-bottom: 10px;
}
.calenBoxCoursVisu {
	padding-top: 5px;
	float: left;
	width: 160px;
}
.calenBoxCoursDesc  {
	float: left;
	width: 295px;
}
.calendHisto td  {
	padding: 5px 0;
	border-bottom: dotted 1px #bfda01;
}
.calendHisto a  {
	color: #747474;
	font-weight:bold;
}
.calendHisto a:hover  {
	color: #bfda01;
}


/* ======== GESTION CALENDRIER ======== */

#progrJour {
	margin-bottom: 7px;
}
#progrJour p  {
	border-bottom: solid 1px #d9dcd8;
	padding-bottom: 2px;
	margin-bottom: 0px;
}
#progrJour h2  {
	color: #acc500;
	text-transform: none;
	font-size: 20px;
	margin-bottom: 7px;
}
#calendLegend {
	border-left: solid 1px #e0e0e0;
	border-bottom: solid 1px #e0e0e0;
	border-right: solid 1px #e0e0e0;
	padding: 0 5px 5px 5px;
	color:#c0b2b2;
	margin-top: 5px;
}
#calendLegend img {
	margin-right: 3px;
}
#calendGestionDate {
	background-color: #beda00;
	color: #FFFFFF;
	background-image: url(../img/calendrier/bkg-coursdunedate.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding-bottom: 8px;
	line-height: 13px;
}
#calendGestionDate a:hover {
	color: #778c00;
}
.dateCours {
	border-bottom: solid 3px #ffffff;
	padding: 0px 5px 5px 5px;	
}
.dateCours td {
	padding: 2px 0;
}
.dateCours p {
	margin-bottom: 3px;
	padding-bottom: 3px;
	border-bottom: solid 1px #e0ed83;
}
.dateSelect {
	font-size: 12px;
	font-weight: bold;
	background-color: #98b400;
	padding: 5px;
	text-transform:uppercase;
}
#coursSelect select, #coursSelect input {
	font-size: 10px;	
}
#coursSelect {
	padding: 5px 5px 0 5px;
	margin: 5px 0 0px 0;	
}
.boutAjouter {
	font-size: 12px;
	font-family: "Arial Narrow", Arial, Helvetica, sans-serif;
	color:#adc400;
	font-weight: bold;
	margin-top: 20px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 28px;
	display: block;
}
#boxAjoutDate {
	margin-top: 10px;
	background-image: url(../img/calendrier/bkg-ajouterdate.gif);
	height: 65px;
	width: 222px;
	padding: 10px 0 0 10px;
	line-height: 13px;
	font-weight: bold;
	font-size: 10px;
}

/* ======== BOX COMPTE CONNECTE ======== */

#boxCompte  {
	background-color: #beda00;
	background-image: url(../img/commun/bkg-box-compte.gif);
	background-repeat: no-repeat;
	background-position: left top;	
	height:33px;
}
#boxCompte ul  {
	margin-left: 20px;	
}
#boxCompte li  {
	list-style-type: none;
}
#boxCompte li a  {
	color: #fff;
	font-size: 10px;
	font-weight: bold;
	text-transform: uppercase;
	display: block;
}
#boxCompte li a:hover, #boxCompte li a.navCompteActive {
	color: #00214c;
}

/* ======== BOX IDENTIFICATION NON CONNECTE ======== */

#boxCompteId  {
	background-color: #0e274b;
	background-image: url(../img/commun/bkg-box-identification.gif);
	background-repeat: no-repeat;
	background-position: left top;	
	padding-bottom: 5px;
}
#boxCompteId h2  {
	font-family: "Arial Narrow", Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #54a3dc;
	padding-top: 5px;
	margin-left: 20px;
	text-transform: uppercase;
}
#boxCompteId form  {
	margin: 0px 20px 0px 20px;
}
#boxCompteId input  {
	border: solid 1px #2572a7;
	background-color: #0e274b;
	/*color: #2572a7;*/
	color: #FFFFFF;
	padding: 0px 2px;
	width: 65px;
	font-size: 10px;
	margin-right: 5px;
}
#boxCompteId input#btnIdentification  {
	width: 16px;
	height: 16px; 
	margin: 0;
	padding: 0;
	border: none;
}
/* ======== BOX ABONNEMENT ======== */

.boxAbonnement  {
	background-color: #FFFFFF;
	width: 261px;
	position:relative;
}
.boxAbonnement ul {
	padding-left: 20px;
	padding-bottom: 5px;
	border-left: solid 1px #cacaca;
	border-right: solid 1px #cacaca;
}
.boxAbonnement li  {
	list-style-type: none;
	font-family: "Arial Narrow", Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #408bb4;
	background-image: url(../img/png/puce-vert.png);
	background-repeat: no-repeat;
	background-position: left 3px;
	padding-left: 15px;
}
#boxInscription {
	font-family: "Arial Narrow", Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #ffffff;
	background-color: #beda01;
	border-left: solid 1px #cacaca;
	border-right: solid 1px #cacaca;
	background-image: none;
	height: 56px;
}
#boxInscription a {
	margin-top: 0px;
	margin-bottom: 0px;
	font-size: 15px;
}
.boxTestVideo {
	float:left;
	width: 218px;
	margin-left: 2px;
}

/* ======== PARTENAIRES ======== */

#boxPartners {
	background-image: url(../img/commun/bkg-partner-up.gif);
	background-repeat: no-repeat;
	background-position: top;
	padding-top: 10px;
	margin: 10px 0;
	background-color: #dcd9d9;
	font-size: 10px;
	line-height: 10px;
}
#boxPartners2 {
	border-right: solid 1px #dcd9d9;
	border-left: solid 1px #dcd9d9;
	padding: 0 10px 5px 10px;
}
#boxPartners h2 {
	font-family: "Arial Narrow", Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #b3b2b2;
	float: left;
	width: 110px;	
}
.logoPartner {
	float: left;
	padding: 0px 15px;
	border-left: dotted 1px #cccccc;
	text-align: center;
	margin: 5px 0;
	width: 113px;
}
.logoPartner img {
	margin: 5px 0;
}
.separPartner {
	float: left;
	width: 110px;	
}
#boxPartners a {
	color: #747474;
}
#boxPartners a:hover {
	color: #40718f;
}

/* ======== CREDITS ======== */
.creditVisu {
	float:left;
	width: 100px; 
	margin:0 20px 0 0;
}
.creditTxt {
	float:left;
	width: 588px;
}
.creditSepar {
	clear:both;
	margin: 0 0 10px 0;
}


/* ======== FOOTER ======== */

#footer {
	background-image: url(../img/commun/bkg-footer.gif);
	background-repeat: no-repeat;
	background-position: left top;
	margin-bottom: 20px;
	padding-top: 25px;
}
#footer a {
	color: #747474;
}
#footer a:hover {
	color: #40718f;
}

/* ======== DIVERS ======== */

.clear  {
	clear: both;
}
.left  {
	float: left;
}
.right  {
	float: right;
}
.cap  {
	text-transform: uppercase;
}
.noCap  {
	text-transform: none;
}
.marginLeft15  {
	margin-left: 15px;
}
.marginLeft21  {
	margin-left: 21px;
}
.marginLeft28  {
	margin-left: 28px;
}
.marginRight15  {
	margin-right: 15px;
}
.txtGris18AN  {
	font-family: "Arial Narrow", Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #747474;
}
.txtBleu18AN  {
	font-family: "Arial Narrow", Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #145d96;
}
.txtBlanc25AN  {
	font-family: "Arial Narrow", Arial, Helvetica, sans-serif;
	font-size: 25px;
	color: #fff;
}
.txtVert14Tahoma  {
	font-size: 14px;
	color: #a0b701;
	line-height: 14px;
}
.txt10  {
	font-size: 10px;
}
.txt12  {
	font-size: 12px;
}
.txt14  {
	font-size: 14px;
}
.txt12AN {
	font-size: 12px;
	font-family: "Arial Narrow", Arial, Helvetica, sans-serif;
}
.coulBleuCyan  {
	color: #3f8eb6;
}
.coulBleuCiel  {
	color: #64afeb;
}
.coulBleuFonce  {
	color: #275063;
}
.coulBleuMarine  {
	color: #0e274b;
}
.coulBleuGris {
	color: #657c84;
}
.coulBlanc  {
	color: #ffffff;
}
.coulVert  {
	color: #acc500;
}
.coulKaki  {
	color: #778c00;
}
.encadreGrisVisu  {
	border: solid 1px #d6d6d6;
	padding: 1px;
	background-color:#fff;
	margin-bottom: 5px;
}
.soulignDottedBlu  {
	border-bottom: dotted 1px #55A1C7;
	padding: 3px;
	margin-bottom: 5px;
}
.soulignDottedGris  {
	border-bottom: dotted 1px #747474;
	padding: 3px;
	margin-bottom: 5px;
}
.bkgVert  {
	background-color:#beda01;
}
.upper {
	text-transform:uppercase;
}

/* ======== BOUTONS / LIENS ======== */

.btn{
	background: 			 	url(../img/png/bkg-boutbig.png) no-repeat;
	background-position: 		right;
	/*height:	 			 	33px;*/
	font-family: "Arial Narrow", Arial, Helvetica, sans-serif;
	color: 			 			#acc500;
	font-size: 			 		11px;
	font-weight: 			 	bold;
	line-height:  			 	33px;
	float: 			 			left;
	padding:  			 		0 15px 0 0;
	margin:  			 		15px 0 0 0;
	text-transform: uppercase;
	}	

.startBtn{
	background: 			 	url(../img/png/bkg-boutbig.png) no-repeat;
	background-position: 		left;
	height:  			 		33px;
	width:  			 		30px;
	float:  			 		left;
	margin:  			 		0px 0px 0 0;
	}
a.btn:hover, a.lienPuceVert:hover, a.lienPuceBleu:hover, a.lienPuceBleuBig:hover, a.lienPuceVertBig:hover, a.lienPuceVert:hover, a.lienPuceVertBig:hover {
	color: #90ab01;
}	
a.lienPuceVert {
	color: #acc500;
	background: url(../img/png/puce-vert.png) no-repeat left center;
	display: block;
	padding-left: 15px;
}
a.lienPuceBleu {
	color: #40718f;
	background: url(../img/png/puce-bleu.png) no-repeat left center;
	display: block;
	padding-left: 15px;
}
a.lienPuceBleuMarine {
	color: #0e274b;
	background: url(../img/png/puce-bleu.png) no-repeat left center;
	display: block;
	padding-left: 15px;
}
a.lienPuceBleuMarineBig {
	font-size: 13px;
	color: #0e274b;
	background: url(../img/png/puce-bleu.png) no-repeat left center;
	display: block;
	padding-left: 15px;
}
a.lienPuceVertBig {
	font-size: 13px;
	color: #acc500;
	background: url(../img/png/puce-vert.png) no-repeat left center;
	display: block;
	padding-left: 15px;
}
a.lienPuceBleuBig {
	font-size: 13px;
	color: #40718f;
	background: url(../img/png/puce-bleu.png) no-repeat left center;
	display: block;
	padding-left: 15px;
}

/* ======== FORMULAIRES ======== */

.formContact input, .formContact textarea, .formContact select  {
	font-family: "Tahoma", Arial, Helvetica, sans-serif;
	width: 300px;
	border-top: solid 1px #edebe5;
	border-left: solid 1px #dcdad5;
	border-right: solid 1px #dcdad5;
	border-bottom: solid 1px #a2a39f;
	background-color: #e5e4d9;
	padding: 1px 4px 3px 4px;
	margin-right: 5px;
	color: #747474;
	font-size: 12px;
}
.formContact hr {
	border: none 0;
	margin:10px 0;
	border-top: 1px dotted #B3D311;
	width: 100%;
	height: 1px;
}

.fValidator-msg  {
	color: #90ab01;
	display:block;
}
.fValidator-msg2  {
	color: #FFFFFF;
}
input.go  {
	height: 33px;
	width: 69px;
	padding: 0;
	margin: 0;
	border: none;	
}
input.valider  {
	height: 33px;
	width: 86px;
	padding: 0;
	margin: 0;
	border: none;	
}
#msg {
	border-bottom: 2px solid #B3D311;
	font-weight: bold;
	padding: 0 0 5px 0;
	margin: 5px 0;
}