@font-face {
	font-family: "Candara";
	src: url('css/fonts/candara-webfont.ttf');
} 
/*@font-face{font-family:'Candara';src:url('css/fonts/candara-webfont.eot');src:url('css/fonts/candara-webfont.eot?#iefix') format('embedded-opentype'),url('css/fonts/candara-webfont.woff') format('woff'),url('css/fonts/candara-webfont.ttf') format('truetype'),url('css/fonts/candara-webfont.svg#CandaraRegular') format('svg');font-weight:400;font-style:normal}@font-face{font-family:'Candara';src:url('css/fonts/candarai-webfont.eot');src:url('css/fonts/candarai-webfont.eot?#iefix') format('embedded-opentype'),url('css/fonts/candarai-webfont.woff') format('woff'),url('css/fonts/candarai-webfont.ttf') format('truetype'),url('css/fonts/candarai-webfont.svg#CandaraItalic') format('svg');font-weight:400;font-style:italic}@font-face{font-family:'Candara';src:url('css/fonts/candarab-webfont.eot');src:url('css/fonts/candarab-webfont.eot?#iefix') format('embedded-opentype'),url('css/fonts/candarab-webfont.woff') format('woff'),url('css/fonts/candarab-webfont.ttf') format('truetype'),url('css/fonts/candarab-webfont.svg#CandaraBold') format('svg');font-weight:700;font-style:normal}*/


body
{
	width: 100%;
	margin: 0 auto;
	font-size: 14px;
	font-family: 'Candara';

}
table
{	
	font-size: 14px;
}
td
{
	
	font-size: 14px;
}
img {
	border: 0;
}



#header
{
	width: 100%;
	height:160px;
	font-size: 18px;

}

#header .address strong {
    font-size: 20px;
}

.address{color:#eee;text-align:right;font-size:13px;line-height:16px;letter-spacing:2px}

#header a{color:#fff;text-decoration:none;font-weight:700;font-size:14px}
#header a:hover{color:#f68428}header address strong{color:#fff;font-size:20px}

#logo
{
	width: 990px;
	margin: 0 auto;

}

#content_admin
{
	width: 1190px;
	margin: 0 auto;
	font-size: 14px;

}

#content_prof
{
    width: 1000px;
    margin: 0 auto;
    font-size: 14px;

}
#content_client
{
	width: 790px;
	margin: 0 auto;
	font-size: 14px;
	background-color:#EEEEEE;
	padding: 5px 20px 5px 20px;

}

h1
{
	
    font-size: 18px;
    line-height:16px;
    font-weight: bold;
    color:#003462;
    padding:0px 0px 0px 0px;
    
}
h2
{
	font-size: 16px;
	line-height:16px;
	font-weight: bold;
	color:#003462;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
}

h3
{
	font-size: 12px;
	font-weight: bold;
	color:#717e36;
	padding:0;
}
h4
{
	font-size: 13px;
	font-weight: bold;
	color:#717e36;
	padding:0;
}


h5
{
	font-size: 11px;
	font-weight: normal;
	color:#000000;
	padding:0;
}

.titre
{
	font-size: 18px;
	font-weight: bold;
	color:#c13041;
}

.sous-titre
{
	font-size: 12px;
	font-weight:bold;
	color:#717e36;
}

.date
{
	font-size: 16px;
	font-weight: bold;
	color:#939598;
	text-align:right;
}

a
{
	color:#003462;
	text-decoration: underline;
	
}

a:link
{
	/*color:#717e36;*/
    color:#003462;
	text-decoration: underline;

}

a:hover
{
	color: #717e36;
}

a:visited
{
	color: #003462;
}










#header #nav {
    background: url("images/menu-repeat.png") repeat-x scroll 0 0 transparent;
    display: block;
    height: 54px;
	margin: 0 auto;
    margin-top: 17px;
    position: relative;
    width: 1000px;
    z-index: 10;
}

#header #nav .shadow{display:block;position:absolute;top:54px;left:0;width:1000px;height:23px;background:url(images/menu-ombre.png) no-repeat 0 0}
#header #nav .rubanG{display:block;position:absolute;top:0;left:-63px;width:74px;height:80px;background:url(images/menu-gauche.png) no-repeat 0 0}
#header #nav .rubanD{display:block;position:absolute;top:0;left:998px;width:74px;height:80px;background:url(images/menu-droit.png) no-repeat 0 0}

#header #nav .menu ul{display:block;position:relative;width:1000px;height:54px;padding:0 5px}
#header #nav .menu ul li{display:inline-block;position:relative;float:left;height:54px;margin:0 28px}
#header #nav .menu ul li a{display:block;position:relative;height:54px;color:#fff;font-size:18px}
#header #nav .menu ul li a .left{display:inline-block;position:relative;height:54px;width:4px;float:left;background:url(images/menu-hover-gauche.png) no-repeat 0 -100px}
#header #nav .menu ul li a .right{display:inline-block;position:relative;height:54px;width:4px;float:left;background:url(images/menu-hover-droit.png) no-repeat 0 -100px}
#header #nav .menu ul li a .text{display:inline-block;position:relative;height:35px;float:left;padding:19px 15px 0 15px;background:url(images/menu-hover-repeat.png) repeat-x 0 -100px}
#header #nav .menu ul li a:hover>.left, #header #nav .menu ul li a:hover>.right, #header #nav .menu ul li a:hover>.text{background-position:0 0}
#header #nav .menu ul li ul{display:none;position:absolute;top:54px;left:0;width:260px;background:url(images/bg-sous-menu.jpg);padding:0 20px 12px;height:auto;overflow:hidden;-webkit-border-radius:0 0 5px 5px;-moz-border-radius:0 0 5px 5px;border-radius:0 0 5px 5px;-webkit-box-shadow:0 3px 3px #1a1a1a;-moz-box-shadow:0 3px 3px #1a1a1a;box-shadow:0 3px 3px #1a1a1a;}
#header #nav .menu ul li ul.last{left: -155px;}
#header #nav .menu ul li ul li{display:block;position:relative;width:260px;height:auto;margin:0}
#header #nav .menu ul li ul li a{display:block;position:relative;height:20px;padding:10px 0 3px;border-top:1px solid #cbcbcb;border-bottom:1px solid #fff;font-size:16px;color:#003462;text-decoration:none;font-weight:normal;}
#header #nav .menu ul li ul li a:hover{color:#000;background-color:#ebe9e9;text-decoration:underline}
#header #nav .menu ul li:hover>ul { display:block; }
#header #nav .menu ul li ul .smFirst{margin-top:10px}
#header #nav .menu ul li ul .smLast{margin-bottom:10px}
#header #nav .menu ul li ul .smFirst a{border-top:0 solid #fff}
#header #nav .menu ul li ul .smLast a{border-bottom:0 solid #fff;padding-bottom:10px}
#header #nav .menu ul li.current_page_item a .left, #header #nav .menu ul li.current_page_item a .right, #header #nav .menu ul li.current_page_item a .text{background-position:0 0}
#header #nav .menu ul li.first{margin:0 21px 0 0}
#header #nav .menu ul li.last{margin:0 0 0 0px}










#header #sliderContainer {
	margin: 0 auto;
    width: 1000px;
	z-index:5;
}
#header #sliderContainer .shadow {
	background: url("images/ombreSlider.png") no-repeat scroll 0 0 transparent;
    display: block;
    height: 33px;
    position: relative;
    width: 1000px;
}

#slider {
	-moz-box-shadow:0 0 10px #333333;
	background:url("images/loading.gif") no-repeat scroll 50% 50% #202834;
	width:1000px; /* Change this to your images width */
    height:200px; /* Change this to your images height */
	z-index:5;
}
#slider img {
	position:absolute;
	top:0px;
	left:0px;
	display:none;
}
#slider a {
	border:0 none;
	display:block;
}
/* The Nivo Slider styles */
.nivoSlider {
	position:relative;
	
}
.nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;
}
/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	border:0;
	padding:0;
	margin:0;
	z-index:60;
	display:none;
}
/* The slices in the Slider */
.nivo-slice {
	display:block;
	position:absolute;
	z-index:50;
	height:100%;
}
/* Caption styles */
.nivo-caption {
	display: none !important;
	position:absolute;
	left:0px;
	bottom:0px;
	background:#000;
	color:#fff;
	opacity:0; /* Overridden by captionOpacity setting */
	width:100%;
	z-index:89;
}
.nivo-caption p {
	padding:5px;
	margin:0;
}
.nivo-caption a {
	display:inline !important;
}
.nivo-html-caption {
    display: none !important;
}
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
	position:absolute;
	top:45%;
	z-index:99;
	cursor:pointer;
}
.nivo-prevNav {
	left:0px;
}
.nivo-nextNav {
	right:0px;
}
.nivo-controlNav {
	bottom:-30px;	
	left:47%;
	position:absolute;
	
}
.nivo-controlNav a {
	background:url("images/bullets.png") no-repeat scroll 0 0 transparent;
	border:0 none;
	display:block;
	float:left;
	height:10px;
	margin-right:3px;
	text-indent:-9999px;
	width:10px;
}
.nivo-controlNav a.active {
	background-position:-10px 0;

}
.nivo-controlNav a {
	cursor:pointer;
	position:relative;
	z-index:99;
}
.nivo-controlNav a.active {
	font-weight:bold;
	
}
.nivo-directionNav a {
	background:url("images/arrows.png") no-repeat scroll 0 0 transparent;
	border:0 none;
	display:block;
	height:34px;
	text-indent:-9999px;
	width:32px;
	
}
a.nivo-nextNav {
	background-position:-32px 0;
	right:10px;
}
a.nivo-prevNav {
	left:10px;
}














#section {
	display: block;
    margin: 230px auto 40px;
    margin-bottom:0px;
    min-height: 400px;
    overflow: hidden;
    padding: 0 3px;
    position: relative;
    width: 1000px;
}
#section .clear {
	clear: both;
    float: left;
    width: 100%;
}
#section .clear .col2left {
	display: inline-block;
    float: left;
    margin: 0 20px 20px 0;
    position: relative;
    width: 640px;
}
#section .clear .col2left .article {
	background-color: #EEEEEE;
    box-shadow: 0 3px 3px #1A1A1A;
    display: block;
    margin: 0 0 20px;
    min-height: 300px;
    padding: 20px 20px 40px;
    position: relative;
    width: 600px;
}

#section .clear .col2left .article2 {
    background-color: #EEEEEE;
    box-shadow: 0 3px 3px #1A1A1A;
    display: block;
    margin: 0 0 20px;
    min-height: 300px;
    padding: 20px 20px 40px;
    position: relative;
    width: 990px;
}
#section .clear .col2left .article .header {
	display: block;
    height: 60px;
    position: relative;
    width: 600px;
}
#section .clear .col2left .article .header .icone {
	background: url("images/bgIconeBleue.jpg") no-repeat scroll 0 0 transparent;
    display: inline-block;
    float: left;
    height: 60px;
    margin: 0 15px 0 0;
    position: relative;
    width: 60px;
}
#section .clear .col2left .article .header .hgroup {
	display: inline-block;
    float: left;
    font-size: 24px;
    height: 60px;
    position: relative;
    width: 485px;
}
#section .clear .col2left .article .header .hgroup h2 {
	color: #003462;
    letter-spacing: 4px;
    line-height: 30px;
	font-size: 24px;
}
#section .clear .col2left .article .header .hgroup h2 strong {
	color: #000000;
}
#section .clear .col2left hr {
	background-color: #D9D9D9;
	border:0;
    border-top: 1px solid #FFFFFF;
    border-bottom: 1px solid #D9D9D9;
    margin: 20px 0;
	line-height: 1;
	height: 1;
}
#section .clear .col2left .article .content {
	display: block;
    position: relative;
    width: 600px;

}
#section .clear .col2left .article .content p {
	display: block;
    font-size: 14px;
    line-height: 16px;
    position: relative;
	margin: 0;
}
#section .clear .col2left .article .content h3 {
	color: #003462;
    font-size: 20px;
    font-style: italic;
	margin: 0;
}

#section .clear .col2right {
	display: inline-block;
    float: left;
    margin: 0 0 20px;
    position: relative;
    width: 340px;
}
#section .clear .col2right .article {
	background-color: #D2D2D2;
    box-shadow: 0 3px 3px #1A1A1A;
    display: block;
    margin: 0 0 20px;
    min-height: 200px;
    padding: 20px 20px 40px;
    position: relative;
    width: 300px;
}
#section .clear .col2right .article .header {
    display: block;
    height: 60px;
    position: relative;
    width: 300px;
}
#section .clear .col2right .article .header .icone {
    background: url("images/bgIconeBlanche.jpg") no-repeat scroll 0 0 transparent;
    display: inline-block;
    float: left;
    height: 60px;
    margin: 0 15px 0 0;
    position: relative;
    width: 60px;
}
#section .clear .col2right .article .header .hgroup {
    display: inline-block;
    float: left;
    font-size: 24px;
    height: 60px;
    position: relative;
    width: 205px;
}
#section .clear .col2right .article .header .hgroup h2 {
    color: #003462;
    letter-spacing: 4px;
    line-height: 30px;
	font-size: 24px;
}
#section .clear .col2right .article .header .hgroup h2 strong {
    color: #000000;
}
#section .clear .col2right hr {
	background-color: #B5B5B5;
	border:0;
    border-top: 1px solid #FFFFFF;
    border-bottom: 1px solid #B5B5B5;
    margin: 20px 0;
	line-height: 1;
	height: 1;
}
#section .clear .col2right #coursPop .content p, #section .clear .col2right #coursProf .content p {
    color: #003462;
    font-size: 14px;
}
#section .clear .col2right #coursPop .content ul  {
	list-style: none outside none;
	padding: 0;
}
#section .clear .col2right #coursPop .content ul li a, #section .clear .col2right #coursProf .content ul li a {
	background: url("images/note-musique.png") no-repeat scroll 0 0 transparent;
    color: #003462;
    display: block;
    font-size: 14px;
    height: 23px;
    margin-bottom: 10px;
    padding: 5px 0 0 30px;
    position: relative;
    width: 280px;
}


.coursPop ul  {
	list-style: none outside none;
	padding: 0;
}
.coursPop  ul li{

	/*background: url("images/note-musique.png") no-repeat scroll 0 0 transparent;*/
    color: #003462;
    display: block;
    font-size: 14px;   
    margin-bottom: 10px;
    padding: 5px 0 0 30px;
    position: relative;
    width: 280px;
}




#footer {
    display: block;
    height: 310px;
    position: relative;
    width: 100%;
}

#footer a
{
    color:#717e36;
    text-decoration: underline;
    
}

#footer a:link
{
    /*color:#717e36;*/
    color:#717e36;
    text-decoration: underline;

}

#footer a:hover
{
    color: #ffffff;
}

#footer a:visited
{
    color: #717e36;
}


#footer .bandeNoire {
    background-color: #000000;
    display: block;
    height: 310px;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
#footer .content {
    display: block;
    height: 310px;
    margin: auto;
    position: relative;
    width: 1000px;
}
#footer .content h2 {
    background: url("images/bgTitreFooter.jpg") repeat-x scroll 0 0 transparent;
    color: #FFFFFF;
    display: block;
    font-size: 25px;
    height: 28px;
    left: 0;
    padding: 11px 15px;
    position: absolute;
    top: -20px;
	line-height: 25px;
}
#footer .content .nav {
    display: inline-block;
    float: left;
    position: relative;
}
#footer .content .nav ul {
    display: inline-block;
    float: left;
    height: 200px;
    margin: 60px 0 0;
    position: relative;
    width: 990px;
	list-style: none outside none;
	padding: 0;
}
#footer .content .nav ul li {
    color: #FFFFFF;
    display: inline-block;
    height: 25px;
    /*margin: 0 10px;*/
    position: relative;
    width: 180px;
}
#footer .content .nav ul li a {
    color: #FFFFFF;
    display: inline-block;
    font-size: 15px;
    position: relative;
    text-decoration:none;
}
#footer .content .nav ul li a:hover {
    color: #FFFFFF;
    display: inline-block;
    font-size: 15px;
    position: relative;
    text-decoration:underline;
}
#footer .content .info {
    color: #FFFFFF;
    display: inline-block;
    float: right;
    height: 25px;
    margin: 0 10px;
    position: relative;
    width: 330px;
}
#footer .content .info .logo {
    display: block;
    margin: 105px 0 10px;
    position: relative;
    text-align: right;
    width: 330px;
}
#footer .content .info .address {
    color: #EEEEEE;
    display: block;
    font-size: 14px;
    letter-spacing: 2px;
    line-height: 24px;
    position: relative;
    text-align: right;
    width: 330px;
	font-style:italic;
}
#footer .content .info .address a {
    color: #FFFFFF;
    font-size: 16px;
    font-weight: 700;
    text-decoration: none;
}




/*******************************
/**   MON compte
/********************************/
#boxMonCompte
{
    border:solid #CECCC6 1px;
    text-align:left;
    font-size:14px;
    color:#333;
    width:245px;
    height:420px;
    margin: 0px 0px 15px 10px;
    padding: 20px;
    float:left;

    
}
#boxMonCompte p{
width: 245px;
clear: left;
margin: 0;
text-align:left;
padding-left: 0px; /*width of left column containing the label elements*/
}

#boxMonCompte label { 
float: left;
width: 80px; /*width of labels. Should be smaller than left column */
/*font-wei0ght:bold;*/
padding:4px;
/*margin-left:-105px;*/
}

#boxNouveauCompte
{
    border:solid #CECCC6 1px;
    text-align:left;
    font-size:14px;
    color:#333;
    width:245px;
    height:480px;
    margin: 0px 0px 15px 10px;
    padding: 20px;
    float:left;


    
}
#boxInfoCompte
{
    border:solid #CECCC6 1px;
    text-align:left;
    font-size:14px;
    color:#333;
    width:245px;
    height:240px;
    margin: 0px 0px 15px 10px;
    padding: 20px;
    float:left;


    
}
#boxNouveauCompte p{
width: 245px;
clear: left;
margin: 0;
}

.big{
font-size:14px;
color:#003462;
font-weight:bold;
}



button.inscription 
{
    font-size:20px;
    font-weight:bold;
    color:#004684;
    cursor:pointer;
    text-transform: uppercase;
}