/* main.css -- main.css -- main.css -- main.css */
html, body, div, span, applet, object, iframe,

h1, h2, h3, h4, h5, h6, p, blockquote, pre,

a, abbr, acronym, address, big, cite, code,

del, dfn, em, font, img, ins, kbd, q, s, samp,

small, strike, strong, sub, sup, tt, var,

b, u, i, center,

dl, dt, dd, ol, ul, li,

fieldset, form, label, legend,

table, caption, tbody, tfoot, thead, tr, th, td {

	margin: 0;

	padding: 0;

	border: 0;

	outline: 0;

	font-size: 100%;

	vertical-align: baseline;

	background: transparent;

}

body { font-family:Arial; }
body.page {color: #404040; margin:0 auto; text-align:center; background: url(/images/bg_principal.jpg) top repeat-x #fff; font-family:Arial; font-size:12px; line-height:18px;}

h1 { font-size:18px; margin:10px 0; line-height:18px;}
h2 { font-size:15px;}
h3 { font-size:13px;}
h4 { font-size:12px;}

hr { width:100%; height:1px; background: #69c2d6; border:none; clear:both;}

ul { padding-left:10px;}
li{ margin: 5px 0 0 25px; padding:0;}
p { margin:20px 0;}
a { color:#0ea2d9; text-decoration:underline;}
a:hover { text-decoration:underline;}

table.vide { border:none;}
table.vide th { background:none; paddin:0; border:none;}
table.vide td { padding:0; border:none;}
table.vide img {float:none;}

table {border-bottom:2px solid #69c2d6; border-top:1px solid #69c2d6; border-collapse: collapse;}
table th { background:#f6f6f6; padding:4px 2px; border:1px dotted #69c2d6;}
table td { padding:4px 2px; border:1px dotted #69c2d6;}

.lire_plus { float:left; font-size: 12px; line-height: 18px; color: #0ea2d9;  margin-bottom: 15px; text-decoration: none;}
.lire_plus:hover { text-decoration:none; }
.lire_plus h3 { display:inline; font-size: 12px; line-height: 18px; color: #0ea2d9; text-decoration: none;}
.lire_plus:hover h3 { text-decoration:underline; }

.bouton_orange {
	background: #ffa838;
	padding: 2px 4px;
	color:#fff;
	border : 1px solid #ffa838;
	-moz-border-radius:5px;
	border-radius:5px;
}
.bouton_orange a {
	text-decoration:none;
	color:#fff;	
}
.bouton_orange a:hover {
	background: #ffa838;
	color:#fff;
	text-decoration:underline;
	width:auto;	
}	

.clear { clear:both;}

#menu_top { width:951px; height:36px; margin:0 auto;}
#menu_top ul {float:right; margin:10px 0 0 0; color:#fff; font-size:10pt; position:static; left:0;}
#menu_top ul li { list-style-type:none; display:inline; margin:0 2px;}
#menu_top ul li a { color:#fff; text-decoration:none; margin:2px;}
#menu_top ul li a:hover { color:#0d425f;}
#content { background: url(/images/bg_accueil.jpg) repeat-x 0 0 transparent; }

#bandeau { width:951px; height:285px; background: url(/images/banniere_chquebec.jpg) no-repeat; margin: 0 auto; position:relative; z-index:1; text-align:center;}
#bandeau .inscription { float:right; margin-right:31px; margin-top:220px; width:139px; height:50px; color:#0d425f; line-height:12px; vertical-align:bottom;}
#bandeau .inscription a { color:#fff; text-decoration:none; background: url(/images/shape_inscription.png) no-repeat; width:139px; height:34px; display:block; font-size:16px; margin:5px; text-transform:uppercase; line-height:34px;}
#bandeau .inscription a:hover { text-decoration:underline;}

#bandeau .partage { float:right; margin-right:31px; margin-top:20px; width:auto; height:30px;}
#bandeau .partage img { float:right; margin-right:0;}

#enveloppe_grand_menu { width:100%; height:151px; background:url(/images/bg_grand_menu.jpg) top repeat-x;}

#grand_menu { width:951px; height:151px; margin:0 auto; text-align:left; line-height:16px;}
#grand_menu .section { float:left; width: 190px; padding: 25px; padding-left:15px; height:99px; background: url(/images/separateur_grand_menu.gif) right no-repeat; color:#2d414b; font-size: 14px;}
#grand_menu .section h3 { color:#fff; font-style:italic; font-size:18px; line-height:24px;}
#grand_menu .section h2 { color:#fff; font-style:italic; font-size:24px; line-height:24px;}
#grand_menu .section p { margin:10px 0;}
#grand_menu .section a { float:right; color:#fff; text-decoration:none; font-style:italic; float:right;}
#grand_menu .section ul { list-style:none; margin:5px 10px; padding:0; text-align:left; line-height:20px;}
#grand_menu .section ul li {list-style:none;}
#grand_menu .section ul li a {float:none;}   


#enveloppe_contenu { width:951px; margin:20px auto; text-align:left; min-height:200px;}

#wrap { color: #404040; margin: 20px; }
#wrap img {float:left; margin:4px 10px 0 0;}
.marge { color: #404040; margin: 20px; }
.marge img {float:left; margin:4px 10px 0 0;}


.colonne_gauche_accueil { float:left; width:340px;}
.colonne_centre_accueil { float:left; width:300px; margin-left:10px; padding-bottom:20px;}
.colonne_droite_accueil { float:left; width:250px; margin-left:10px; padding-bottom:20px;}


.info_supplementaire { background:#f6f6f6; border:1px solid #e9e9e9; mox-border-radius:5px; border-radius:5px; padding:20px; width:auto; height:auto; margin:10px 0;}

.info_supplementaire form { margin:10px 0;}
.info_supplementaire p { margin:10px 0;}
.info_supplementaire input { width:200px; font-size:11px;}
.info_supplementaire .bt { width:80px; float:right;}

.cours { float:right; margin:20px 0; background: #0d425f;  width:auto; height:auto; padding:2px 6px; font-weight:bold; color:#0d425f; text-align:center;}
.cours a { color:#fff; text-decoration:none; display:block; font-size:12px;}
.cours a:hover { text-decoration:underline; }

.cours_gratuits { margin:20px 0; background: #0d425f;  width:auto; height:auto; padding:2px 6px; font-weight:bold; color:#0d425f; text-align:center;}
.cours_gratuits a { color:#fff; text-decoration:none; display:block; font-size:12px;}
.cours_gratuits a:hover { text-decoration:underline; }

.partager { float:right; position:relative; top:-45px;}

.colonne_gauche { float:left; width:440px;}
.colonne_droite { float:left; width:440px; margin-left:20px; padding-bottom:20px;}

.boite_demi {float:left; width:50%;}
.boite_1tiers {float:left; width:30%;}
.boite_2tiers {float:left; width:70%;}

table.inscription { width:100%; margin:10px 0; border-collapse:collapse; border-bottom: 2px solid #69c2d6;}
table.inscription td { padding:5px 0; border:0; border-bottom: 1px dotted #69c2d6;}
table.inscription th { padding:5px 0; text-align:left; font-size:14px; border:0; border-bottom: 3px double #69c2d6;}
table.inscription input { margin-right:10px;}

table.fiche_inscription { width:600px; margin:10px auto; border-collapse:collapse; border-bottom: 2px solid #69c2d6; border-top: 3px double #69c2d6;}
table.fiche_inscription td { padding:5px 2px; border:0; border-bottom: 1px dotted #69c2d6;}
table.fiche_inscription th { padding:5px 2px; text-align:left; font-size:14px; border:0; border-bottom: 3px double #69c2d6;}
table.fiche_inscription input { margin-right:10px; width:300px;}
table.fiche_inscription select { margin-right:10px;}
table.fiche_inscription input.capt { width:150px;}

#footer { clear:both; margin:0; width:100%; height: 280px; background:#6bc3d7; position:relative; bottom:0; color:#fff; text-align:left;}
#footer .contenu { width:950px; margin:0 auto; height:280px;}
#footer .contenu .sec { width:auto; float:left; margin-left:20px; margin-top:20px;}
#footer a { color:#fff; text-decoration:none;} 
#footer a:hover { text-decoration:underline;}
#footer h3 { color:#fff;}

#footer .contenu .copy { float:right; font-size:11px; margin-bottom:5px; margin-top:20px;}
#footer .contenu .auteur { float:left; text-align:right; font-size:11px; margin-bottom:5px; margin-top:20px;}

.player{ margin:0 0 25px 0;}
/* END main.css -- END main.css -- END main.css */






/* mega_menu.css -- mega_menu.css -- mega_menu.css -- mega_menu.css */
.container {
	width: 951px;
	height:46px;
	padding: 0;
	margin: 0 auto;
	position:relative;
	z-index:10;
}

.container img { border:none;}

#nav_wrapper {
	clear: left;
	width:951px;
	height:46px;
	background: url(/images/bg_menu.jpg) no-repeat;
}

span#menu_end {
	display:block;
	float:left;
	height:46px;
	width:5px;
}

span#menu_start {
	display:block;
	float:left;
	height:46px;
	width:52px;
}
ul#topnav {
	margin: 0; padding: 0;
	float:left;
	list-style: none;
	font-size: 12px;
	font-weight:bold;
}
ul#topnav li {	
	float: left;
	margin: 0; padding: 0;
	position: relative;
	background: url(/images/separateur_menu2.jpg) no-repeat right top;	
}

ul#topnav li#last-li {
	background: none;
}
ul#topnav li#last-li a span.single_wrapper {
	float:left;
	margin:6px 5px 6px 5px;
	padding:0 5px;
}

ul#topnav li.liSub a, ul#topnav li a {
	color: #fff;
	float: left;
	height: 46px;
	line-height: 34px;
	padding: 0;
	text-decoration: none;
	text-shadow: 0 0 2px #0d425f;
	z-index: 200;
}

span#menu_start a {
	width: 52px; height: 46px;
	text-indent: -9999px;
	padding:0; margin:0;
}
span#menu_start a:hover  { background-position: left -46px; }
span#menu_start a:active { background-position: left -92px; }

span#menu_start a {	display:block; line-height: 46px; }

ul#topnav li .sub {
	width:600px;
	opacity: 0; display: none;
	position: absolute;	
	top: 46px; left: 5px;
	background: #FFFFFF;
	background-color: #f8f8f8\9; /* le  \9  est un hack pour cibler IE8, IE7 et IE6 */ 
	border-bottom: 1px solid #cbcbcb\9;
	border-left: 1px solid #cbcbcb\9;
	border-right: 1px solid #cbcbcb\9;
	padding: 10px 10px 10px;
	float: left;
	text-align:left;
	font-size:12px;
	font-weight:normal;
	border-bottom-right-radius:		    10px;
	-moz-border-radius-bottomright:     10px;
	-khtml-border-radius-bottomright:   10px;
	-webkit-border-bottom-right-radius: 10px;
		
	border-bottom-left-radius:		    10px;
	-moz-border-radius-bottomleft:      10px;
	-khtml-border-radius-bottomleft: 	10px;
	-webkit-border-bottom-left-radius:  10px;
	
	box-shadow:0px 0px 5px #5a5a5a;
	-moz-box-shadow:0px 0px 5px #5a5a5a;
	-webkit-box-shadow:0px 0px 5px #5a5a5a;
	display: none;
	z-index: -10;
}
ul#topnav li .row {clear: both; float: left; width: 100%; margin-bottom: 10px; }
ul#topnav li .sub ul{
	list-style: none;
	margin: 0; padding: 0;
	width: 250px;
	float: left;
}
ul#topnav .sub ul li {
	width: 100%;
	color: #fff;
	background: none;
	color:#666;
}
ul#topnav .sub ul li h2 {
	padding: 0;  margin: 0;
	font-size: 14px;
	font-weight: bold;	
}
ul#topnav .sub ul li h2 a, ul#topnav .sub ul li h2 a:hover {
	padding: 5px 0;
	background-image: none;
	color: #666;
}
ul#topnav .sub ul li h2 a:hover {
	background-image: none;
	color:#ffa838;
}
ul#topnav .sub ul li a {
	float: none; 
	text-indent: 0;
	height: auto;
	background: url(/images/navlist_arrow.gif) no-repeat 0px 10px;
	padding: 0 0 0 10px;
	margin: 0 10px;
	display: block;
	text-decoration: none;
	color: #666;
	font-size:12px;
	text-shadow: none;
	border-bottom: 1px solid #e6e6d8;
	text-transform: none;
	line-height:27px;
}
ul#topnav .sub ul li a:hover {
	color: #ffa838;
	background: url(/images/navlist_arrow_hover.gif) no-repeat 0px 10px;
	text-decoration: none;
}

span.dd_action {
	height:6px;
	padding:0 0 0 5px;
	width:9px;
}

span.single_wrapper {
	float:left;
	margin:6px 6px;
	padding:0 10px;
}

span.single_wrapper:hover, li.current a span.single_wrapper {
	background: white;
	color: #0d425f;
	
	/* -- CSS3 stuff -- */
	
	text-shadow: none;
	
	filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr=#FFFFFFFF, endColorstr=#FFe5e5e5);
	background-image: -moz-linear-gradient(	top, #FFFFFF, #e5e5e5);
	background-image: -webkit-gradient( linear,	left top, left bottom, from(#FFFFFF), to(#e5e5e5));
	
	border-radius: 	       7px; /* Propriété CSS3 générale et pour Opera */
	-moz-border-radius:    7px; /* Propriété CSS3 pour Firefox */
	-khtml-border-radius:  7px; /* Propriété CSS3 pour navigateurs KHTML */
	-webkit-border-radius: 7px; /* Propriété CSS3 pour navigateurs Webkit */
	
	box-shadow:         0px 0px 2px #343333; /* Propriété CSS3 */
	-webkit-box-shadow: 0px 0px 2px #343333; /* Propriété CSS3 pour Firefox */
	-moz-box-shadow:    0px 0px 2px #343333; /* Propriété CSS3 pour navigateurs Webkit */
}

span.single_wrapper:active {
	background: white;	
	color: #0d425f;
	
	/* -- CSS3 stuff -- */
	
	text-shadow: none;
	
	filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr=#FFe5e5e5, endColorstr=#FFFFFFFF);
	background-image: -moz-linear-gradient(	top, #e5e5e5, #FFFFFF);
	background-image: -webkit-gradient( linear, left top, left bottom, from(#e5e5e5), to(#FFFFFF));
	
	border-radius:         7px;
	-moz-border-radius:    7px;
	-khtml-border-radius:  7px;
	-webkit-border-radius: 7px;
	
	box-shadow:         0px 0px 2px #343333;
	-webkit-box-shadow: 0px 0px 2px #343333;
	-moz-box-shadow:    0px 0px 2px #343333;
}

span.dd_wrapper {
	float:left;
	margin:6px 5px 0;
	padding:0 4px 5px 4px;
}

li.liSub a:hover span.dd_wrapper, li.liSub:hover a span.dd_wrapper {
	z-index:      100;
	background:   white;
	color: 		  #0d425f;
	border-top:   1px solid #e5e5e5;	
	border-right: 1px solid #989898;
	padding:	  0 4px 5px 4px;	
	
	/* -- CSS3 stuff -- */
	
	text-shadow: none;
	
	filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr=#dfdfdf, endColorstr=#f8f8f8); /* Pour IE */
	background-image: -moz-linear-gradient(	top, #e5e5e5, #FFFFFF); /* Pour Firefox */
	background-image: -webkit-gradient( linear,	left top, left bottom, from(#e5e5e5), to(#FFFFFF)); /* Pour Webkit */

	border-top-right-radius:		 7px;
	-moz-border-radius-topleft: 	 7px;
	-webkit-border-top-left-radius:  7px;
	-khtml-border-radius-topleft: 	 7px;
	
	border-top-left-radius:		     7px;
	-moz-border-radius-topright: 	 7px;
	-webkit-border-top-right-radius: 7px;
	-khtml-border-radius-topright: 	 7px;
}

/* END mega_menu.css -- END mega_menu.css -- END mega_menu.css */






/* skin.css -- skin.css -- skin.css -- skin.css */

.jcarousel-skin-tango a { color:#404040; text-decoration:none;}
.jcarousel-skin-tango a:hover { text-decoration:underline;}
.top_carroussel { width:910px; height:10px; background: url(/images/top_carroussel.gif) no-repeat;}
.bottom_carroussel { width:910px; height:10px; background: url(/images/bottom_carroussel.gif) no-repeat; margin-bottom:20px;}

.jcarousel-skin-tango .jcarousel-container {
    background: url(/images/bg_carroussel.gif) repeat-y;
	width:910px;
	line-height:16px;
}

.jcarousel-skin-tango .jcarousel-direction-rtl {
	direction: rtl;
}

.jcarousel-skin-tango .jcarousel-container-horizontal {
    width: 830px;
    padding: 10px 40px;
}

/*
.jcarousel-skin-tango .jcarousel-container-vertical {
    width: 75px;
    height: 245px;
    padding: 40px 20px;
}
*/
.jcarousel-skin-tango .jcarousel-clip-horizontal {
    width:  830px;
    height: auto;
}
/*
.jcarousel-skin-tango .jcarousel-clip-vertical {
    width:  75px;
    height: 245px;
}
*/
.jcarousel-skin-tango .jcarousel-item {
    width: 200px;
    height: auto;
}

.jcarousel-skin-tango .jcarousel-item-horizontal {
	margin-left: 0;
    margin-right: 11px;
}

.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-item-horizontal {
	margin-left: 11px;
    margin-right: 0;
}
/*
.jcarousel-skin-tango .jcarousel-item-vertical {
    margin-bottom: 10px;
}
*/
.jcarousel-skin-tango .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}

/**
 *  Horizontal Buttons
 */
.jcarousel-skin-tango .jcarousel-next-horizontal {
    position: absolute;
    top: 43px;
    right: 5px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(/images/next-horizontal.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-next-horizontal {
    left: 5px;
    right: auto;
    background-image: url(/images/prev-horizontal.png);
}

.jcarousel-skin-tango .jcarousel-next-horizontal:hover {
    background-position: -32px 0;
}

.jcarousel-skin-tango .jcarousel-next-horizontal:active {
    background-position: -64px 0;
}

.jcarousel-skin-tango .jcarousel-next-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal {
    position: absolute;
    top: 43px;
    left: 5px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(/images/prev-horizontal.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-prev-horizontal {
    left: auto;
    right: 5px;
    background-image: url(/images/next-horizontal.png);
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:hover {
    background-position: -32px 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:active {
    background-position: -64px 0;
}

.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}

/**
 *  Vertical Buttons
 */
.jcarousel-skin-tango .jcarousel-next-vertical {
    position: absolute;
    bottom: 5px;
    left: 43px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(/images/next-vertical.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-next-vertical:hover {
    background-position: 0 -32px;
}

.jcarousel-skin-tango .jcarousel-next-vertical:active {
    background-position: 0 -64px;
}

.jcarousel-skin-tango .jcarousel-next-disabled-vertical,
.jcarousel-skin-tango .jcarousel-next-disabled-vertical:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-vertical:active {
    cursor: default;
    background-position: 0 -96px;
}

.jcarousel-skin-tango .jcarousel-prev-vertical {
    position: absolute;
    top: 5px;
    left: 43px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(/images/prev-vertical.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-prev-vertical:hover {
    background-position: 0 -32px;
}

.jcarousel-skin-tango .jcarousel-prev-vertical:active {
    background-position: 0 -64px;
}

.jcarousel-skin-tango .jcarousel-prev-disabled-vertical,
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:active {
    cursor: default;
    background-position: 0 -96px;
}

/* END skin.css -- END skin.css -- END skin.css */


.adobepre {
   background:url(/images/icone_presenter.png) left no-repeat; text-indent:70px; font-weight:bold;
}