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

@font-face {
	font-family: 'AlexeyBold';
	src: url('fonts/alexey_bold_v2-webfont.eot');
	src: local('☺'), url('../fonts/alexey_bold_v2-webfont.woff') format('woff'), url('../fonts/alexey_bold_v2-webfont.ttf') format('truetype'), url('../fonts/alexey_bold_v2-webfont.svg#webfontXsuaNIvO') format('svg');
	font-weight: normal;
	font-style: normal;
}

.clear {clear: both;}

#tab_carrousel{
	position: absolute;
	right: 10000px;
}

.current {
	color:#AF4375;
}
body
{
	background-color: #001b48;
	margin: 0;
	text-align: left;
	
	font-family: arial;
	font-size: 11px;
	color: #666;
}

#wrapper {
	width: 980px;
	margin: 0 auto 0 auto;
	background-color: #fff;
	padding: 14px 0 0 0;
	
	/* shadow */
		-moz-box-shadow: 0px 0px 10px #000;
		-webkit-box-shadow: 0px 0px 10px #000;
		box-shadow: 0px 0px 10px #000;
		/* For IE 8 */
		-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=10, Direction=135, Color='#000000')";
		/* For IE 5.5 - 7 */
		filter: progid:DXImageTransform.Microsoft.Shadow(Strength=10, Direction=135, Color='#000000');
}

hr {
	background-color:#CCCCCC;
	border:0 none;
	color:#CCCCCC;
	height:1px;
	margin-bottom:4px;
	margin-top:0;
	zoom:1;
}

h1 {
	color: #02368a;
	font-weight: normal;
	margin: 0;
	font-size: 22px;
}
h2 {
	font-weight: normal;
	margin: 0 0 30px 0;
	font-size: 13px;
}
h5 {
	font-size: 12px;
	color: #003788;
	font-weight: normal;
	margin: 0;

}

p {

}

a {
	text-decoration: none;
	color: #1b3c9d;
}
a.pdf {
	display: block;
	float: left;
	height: 18px;
	margin-top: -3px;
	background-image: url(../images/layout/link_pdf.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding: 3px 5px 0 25px;
}
a.mp3 {
	display: block;
	float: left;
	height: 18px;
	margin-top: -3px;
	background-image: url(../images/layout/link_mp3.png);
	background-repeat: no-repeat;
	background-position: -3px -3px;
	padding: 3px 5px 0 25px;
}
img {
	border: 0;
}



/* **************  DIV  ******************/


/* NAV */


#nav {
	float:right;
	height:45px;
	margin-top:2px;
	width:299px;
}
#search {
	float:left;
	width:160px;
	margin:0;
	padding:0;
}
#keyword-search {
	width: 117px;
	height: 20px;
	padding: 0 25px 0 10px;
	background-image: url("../images/layout/bg_fieldsearch.jpg");
	background-repeat: no-repeat;
	border: 0;
	color: #666666;
}
#submit-search {
	background:none repeat scroll center top transparent;
	border:medium none;
	cursor:pointer;
	left:120px;
	position:relative;
	top:-18px;
	width:32px;
}

#nav a {
	
	display: block;
	float: right;
	color: #999;
	text-decoration: none;
	margin: 3px 0 0 7px;
	padding-left: 6px;
	border-left: 1px solid #999;
	font-size: 9px;
}
#nav a.first {border: 0;}
#nav a:hover, #footer a:hover {
	color:#103184;
}

#path {
	font-size:10px;
	margin:13px 0 8px 19px;
}
#path a {
	text-decoration: none;
	color: #013686;
}
#path a:hover {
	text-decoration:underline;
}


/* SECTION_ */

#top {
	height:64px;
	padding:16px 16px 0;
	width:913px;
	position:relative;
	border-top:1px solid #E8ECF2;
	border-left:1px solid #E8ECF2;
	background-color:#FFF;
	margin-left:16px;
	/* shadow */
		-moz-box-shadow: 1px 1px 3px #b3bdd8;
		-webkit-box-shadow: 1px 1px 3px #b3bdd8;
		box-shadow: 1px 1px 3px #b3bdd8;
		/* For IE 8 */
		-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#b3bdd8')";
		/* For IE 5.5 - 7 */
		filter: progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#b3bdd8');
}

#logo {float: left;}
#title {
	float: left;
    /*flash margin-right: 150px;*/
    margin-right: 5px;
    width: 480px;
}

/*
#selecteur {
	background:url("../images/layout/bg_selecteur.jpg") no-repeat scroll 0 0 transparent;
	float:left;
	height:58px;
	width:231px;	
}
#selecteur p {
	margin:5px;
	text-align:center;
}
#use_wmp {
	background:url("../images/layout/wmp.png") no-repeat scroll 0 0 transparent;
	display:block;
	float:left;
	height:27px;
	margin-left:7px;
	margin-top:0px;
	width:106px;
	clear:none;
}
#use_wmp:hover, #use_wmp.selected {
	background:url("../images/layout/wmp_over.png") no-repeat scroll 0 0 transparent;
}
#use_silverlight {
	background:url("../images/layout/silverlight.png") no-repeat scroll 0 0 transparent;
	display:block;
	float:left;
	height:27px;
	margin-left:7px;
	margin-top:0px;
	width:106px;
	clear:none;
}
#use_silverlight:hover, #use_silverlight.selected {
	background:url("../images/layout/silverlight_over.png") no-repeat scroll 0 0 transparent;
}
#aide {
	float:left;
}
#aide a {
	background:url("../images/layout/bt_aide.jpg") no-repeat scroll 0 0 transparent;
	color:#AF4375;
	display:block;
	height:22px;
	margin-left:5px;
	margin-top:18px;
	padding-left:25px;
	padding-top:8px;
}


 flash*/

#selecteur {
	background:url("../images/layout/bg_selecteur_flash.jpg") no-repeat scroll 0 0 transparent;
	float:left;
	height:58px;
	width:345px;	
}
#selecteur p {
	margin:5px;
	text-align:center;
}
#use_wmp {
	background:url("../images/layout/wmp.png") no-repeat scroll 0 0 transparent;
	display:block;
	float:left;
	height:27px;
	margin-left:7px;
	margin-top:0px;
	width:106px;
	clear:none;
}
#use_wmp:hover, #use_wmp.selected {
	background:url("../images/layout/wmp_over.png") no-repeat scroll 0 0 transparent;
}
#use_flash {
	background:url("../images/layout/flash.png") no-repeat scroll 0 0 transparent;
	display:block;
	float:left;
	height:27px;
	margin-left:7px;
	margin-top:0px;
	width:106px;
	clear:none;
}
#use_flash:hover, #use_flash.selected {
	background:url("../images/layout/flash_over.png") no-repeat scroll 0 0 transparent;
}
#use_silverlight {
	background:url("../images/layout/silverlight.png") no-repeat scroll 0 0 transparent;
	display:block;
	float:left;
	height:27px;
	margin-left:7px;
	margin-top:0px;
	width:106px;
	clear:none;
}
#use_silverlight:hover, #use_silverlight.selected {
	background:url("../images/layout/silverlight_over.png") no-repeat scroll 0 0 transparent;
}
#aide {
	float:left;
}
#aide a {
	background:url("../images/layout/bt_aide.jpg") no-repeat scroll 0 0 transparent;
	color:#AF4375;
	display:block;
	height:22px;
	margin-left:5px;
	margin-top:18px;
	padding-left:25px;
	padding-top:8px;
}

#envoyer_commentaire {
	background:url("../images/layout/bt_envoyer.jpg") no-repeat scroll 0 0 transparent;
	border:medium none;
	float:left;
	height:23px;
	margin-left:10px;
	margin-top:55px;
	width:63px;
}
#envoyer_commentaire.en {
	background-image:url("../images/layout/bt_send.jpg");
}
#content {
	background-image:url("../images/layout/bg_content.jpg");
	background-repeat:no-repeat;
	clear:both;
	height:795px;
	margin-bottom:25px;
	margin-left:16px;
	padding:19px 27px 0 21px;
	width:902px;
}

#video {
	clear:both;
	float:left;
	margin-top: 10px;
	margin-left: 0px;
	margin-right:14px;
	width:344px;
	height:20px;
	margin-bottom: 0px;
}
#title_video {
	background-image:url("../images/layout/bg_boxtitle7.jpg");

	background-repeat:no-repeat;
	color:#AF4375;
	font-size: 15px;
	padding-left:10px;
	height:110px;
	width:530px;
	clear: left;
	margin-top: 0px;
}
#title_video.with-subs {
	background-image:url("../images/layout/bg_boxtitle_small.jpg");
	float:left;
	margin:5px 0 0;
	height:80px;
}
#title_video.with-subs h1 {
	padding-top:20px;
}
#title_video.with-subs small h1 {
	padding-top:5px;
}
#title_video h1 {
	padding-top:20px;
	font-size: 17px;
}
#title_video small h1 {
	padding-top:10px;
}
#title_video small {
	font-size:11px;
	width:300px;
}
#title_video.audio {
	background-image:none;
	margin-top:0px;
	height:367px;
}
#title_video.audio h1 {
	padding-top: 0;
}
#title_video span {
	font-size: 20px;
}
#video_viewport {
	height:258px;
	width:540px;
	margin-bottom:85px;
}
#video_viewport.audio {
	height:45px;
	margin-bottom:0px;
	margin-top:10px;
}
#captions {
	background:none repeat scroll 0 0 transparent;
	float:left;
	height:5px;
}
#controls {
	background:url("../images/layout/controls_bg.png") repeat-x scroll 0 0 transparent;
	border-left:1px solid #DDD;
	border-right:1px solid #DDD;
	border-bottom:1px solid #DDD;
	display:none;
	float:left;
	height:28px;
	width:537px;
	margin:0;
}
#controls input[type="button"] {
	cursor:pointer;
}
#video_viewport hr {
	width:100%;
}
#play {
	background:url("../images/layout/controls_play.png") no-repeat scroll 0 0 transparent;
	border:medium none;
	float:left;
	height:13px;
	margin-left:13px;
	margin-top:8px;
	width:13px;
}
#pause {
	background:url("../images/layout/controls_pause.png") no-repeat scroll 0 0 transparent;
	border:medium none;
	display:none;
	float:left;
	height:13px;
	margin-left:13px;
	margin-top:8px;
	width:13px;
}
#sound {
	background:url("../images/layout/controls_sound.png") no-repeat scroll 0 0 transparent;
	border:medium none;
	height:13px;
	margin-left:16px;
	margin-top:9px;
	width:18px;
}
#mute {
	background:url("../images/layout/controls_mute.png") no-repeat scroll 0 0 transparent;
	border:medium none;
	display:none;
	height:13px;
	margin-left:16px;
	margin-top:9px;
	width:18px;
}
#full_screen {
	background:url("../images/layout/controls_fullscreen.png") no-repeat scroll 0 0 transparent;
	border:medium none;
	margin-left:7px;
	height:14px;
	width:14px;
}
#progress_container {
	background:none repeat scroll 0 0 #B6B6B6;
	float:left;
	height:4px;
	margin-left:9px;
	margin-top:8px;
	width:430px;
	cursor:pointer;
}
#progress {
	background:none repeat scroll 0 0 #A83464;
	height:4px;
	width:0%;
	float:left;
}
#time {
	float:left;
	font-size:10px;
	margin-left:10px;
	margin-top:2px;
	width:240px;
}

#slide {
	
	float:left;
	height:430px;
	width:538px;
	visibility: hidden;
}
#slide img { border: 1px solid #cccccc;}
#enlarge {
	display: block;
	float:right;
	color: #727272;
	text-decoration: none;
	background-image: url(../images/layout/bt_enlarge.jpg);
	background-repeat: no-repeat;
	background-position: right center;
	padding-right: 20px;
	margin-top:5px;
	font-weight: bold;
	font-size: 11px;
}
#tab{
	float:left;
	height:165px;
	width:905px;
}
#nav_tab {
	float:left;
	margin:15px 0 0 3px;
	clear: both;
}
#nav_tab a.tab {
	display: block;
	float:left;
	height: 21px;
	padding: 0 5px 0 0;
	background-image: url(../images/layout/tab.png);
	background-position: right -24px;
	background-repeat: no-repeat;
	color: #8a8c8b;
	margin-right: 2px;
}
#nav_tab a.tab span {
	cursor:pointer;
	display: block;
	background-image: url(../images/layout/tab.png);
	background-position: top left;
	background-repeat: no-repeat;
	padding: 5px 19px 0 19px;
	height: 16px;
	width:100px;
}
#nav_tab a:hover.tab, #nav_tab a:hover.tab span {
	color:#a43462;
}
#nav_tab a.on:hover.tab, #nav_tab a.on:hover.tab span {
	color:#fff;
}
#nav_tab a.on {background-image: url(../images/layout/tab_on.png); color: #fff;}
#nav_tab a.on span {background-image: url(../images/layout/tab_on.png); color: #fff;}

#tab .tab_content {
	background-color:#FFFFFF;
	background-image:url("../images/layout/bg_boxtab.jpg");
	background-repeat:repeat-x;
	border:1px solid #DDDDDD;
	margin-left:3px;
	min-height:115px;
	padding:17px 20px;
	width:860px;
}
#tab .disabled {
	display:none;
}

.tab_content h5 {
	width:186px;
}
.clear2 {
display: block;
height: 0;
clear: both;
visibility: hidden;
}


#tab .tab_content textarea {
	border:1px solid #DCDCDC;
	float:left;
	height:75px;
	width:538px;
}
#tab .tab_content #commentaire {
	border:1px solid #DCDCDC;
	float:left;
	height:75px;
	width:538px;
}

#tab .tab_content .champ1 {
	border:1px solid #DCDCDC;
	float:left;
	width:170px;
	margin-right: 11px;
	margin-bottom: 5px;
}
#tab .tab_content .champ2 {
	border:1px solid #DCDCDC;
	float:left;
	width:170px;
	margin-right: 11px;
	margin-bottom: 5px;
}
#tab .tab_content .champ3 {
	border:1px solid #DCDCDC;
	float:left;
	width:170px;
	margin-right: 175px;
	margin-bottom: 5px;
}


#tab #tab_chapters ul {
    margin-top: 0;
    padding-left: 15px;
    list-style-type: none;
}
#tab #tab_chapters ul li {clear:both; line-height: 18px;}
#tab #tab_chapters li {
   	background-image: url("../images/layout/bullet.png");
    background-position: 0 50%;
    background-repeat: no-repeat;
    height: 16px;
    padding-left: 15px;
}
#tab #tab_chapters li.current,
#tab #tab_chapters li.over {
	background-image: url("../images/layout/bullet_over.png");
}
#tab #tab_chapters li.current a,
#tab #tab_chapters a:hover {
	color:#a43462;
}
#tab #tab_chapters a{
	cursor:pointer;
}
#tab_documents div {

	margin-bottom:12px;;
}
#slide_list {
	width:770px;
	float:left;
}
#slide_list ul{
	width:815px;
}
#slide_list a {
	display:block;
	float:left;
	margin-left:4px;
	margin-right:10px;
	margin-top:2px;
	height:87px;
	width:116px;
}
#slide_list a.on img {border: 2px solid #a43462; margin-top: 0; margin-left:0;}
#ctrl_rwd, #ctrl_fwd {
	float:left;
	margin-top:34px;
}
#ctrl_rwd  {margin-right: 25px;}
#ctrl_fwd {margin-left: 32px;}

#slide_list a .slide_number {
	background-color:#A32E62;
	border:1px solid #FFFFFF;
	color:#FFFFFF;
	display:block;
	height:15px;
	margin-left:2px;
	padding-top:3px;
	position:absolute;
	text-align:center;
	top:4px;
	width:18px;
}
#slide_list li {
	list-style-type:none;
}
#confirmation_message {
	display:none;
	margin:20px 0;
}
#zoom_previous, #zoom_next {
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
	background-color:#EDEDED;
	color:#636363;
	cursor:pointer;
	float:left;
	font-size:20px;
	height:20px;
	padding:10px;
	position:relative;
	top:100px;
	width:55px;
	z-index:10;
}
#zoom_previous {
	left:-10px;
}
#zoom_next {
	left:500px;
}
#footer {
	height: 21px;
	width: 964px;
	padding-right: 16px;
	text-align: right;
	background-image: url(../images/layout/bg_footer.jpg);
	background-repeat: repeat-x;
	padding-top: 8px;
	color: #666666;
	font-size: 10px;
}
#footer a {
	color: #666666;
	text-decoration: none;
	padding-right: 5px;
	margin-right: 5px;
	border-right: 1px solid #666666;
}

/*
 * SimpleModal Basic Modal Dialog
 * http://www.ericmmartin.com/projects/simplemodal/
 * http://code.google.com/p/simplemodal/
 *
 * Copyright (c) 2010 Eric Martin - http://ericmmartin.com
 *
 * Licensed under the MIT license:
 *   http://www.opensource.org/licenses/mit-license.php
 *
 * Revision: $Id: basic.css 242 2010-03-14 00:55:02Z emartin24 $
 *
 */

#basic-modal-content {display:none;}

/* Overlay */
#simplemodal-overlay {background-image: url("../images/layout/noir.png"); cursor:pointer;}

/* Container */
#simplemodal-container {height:480px; width:640px; color:#bbb; background-color:#FFF; border:4px solid #999; padding:12px;}
#simplemodal-container img {height:100%;position:relative;width:100%;}
#simplemodal-container code {background:#141414; border-left:3px solid #65B43D; color:#bbb; display:block; margin-bottom:12px; padding:4px 6px 6px;}
#simplemodal-container a {color:#ddd;}
#simplemodal-container a.modalCloseImg {background:url("../images/layout/x.png") no-repeat; width:25px; height:29px; display:inline; z-index:3200; position:absolute; top:-15px; right:-16px; cursor:pointer;}
#simplemodal-container #basic-modal-content {padding:8px;}



/*  jCarrousel */

.jcarousel-clip-horizontal {
width: 100%;
}

.jcarousel-item {
height: 95px;
width: 130px;
}

/* remove dotted outline - FireFox*/
input[type="submit"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner {   
    border : 0px;
} 
/* remove dotted outline - IE */
input[type="submit"]:focus, input[type="button"]:focus {     
    outline : none; 
}

.alpha {
	width: 48%;
	float: right;
padding-left: 0px;
  margin-left: 0px;

}
.beta {
	float: left;
	width: 48%;
	padding-left: 0px;
  margin-left: 0px;
}

.twitaxa {
	float: right;
	width: 340px;
	height: 100px;
	padding-top: 10px;
}