/* INTEGRATION POLICE LIBEL.TTF --------------------------------------------------------------------------------------------------*/
@font-face {
	font-family: 'LibelSuitRegular';
	src: url('../font/libel-webfont.eot');
	src: local(':)'), url('../font/libel-webfont.woff') format('woff'), url('../font/libel-webfont.ttf') format('truetype'), url('../font/libel-webfont.svg#webfonth1lbOuWD') format('svg');
	font-weight: normal;
	font-style: normal;
}

/* STYLES GLOBAUX --------------------------------------------------------------------------------------------------*/
*{
	margin:0px;
	padding:0px;
}

html {
     overflow: -moz-scrollbars-vertical;
}

.clear{
	clear:both;
}

body{
	text-align:center;
	background-image:url(../img/bg_body.gif);
	background-position:top left;
	background-repeat:repeat;
	font-size:70%;
	background-color:#fff;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}

#global{
	width:1023px;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
}

img.spacer-gif{
	display:none;
	height:0px;
	visibility:hidden;
}

.temps {
	background-image:url("../img/picto_time.gif");
	background-position:left center;
	background-repeat:no-repeat;
	color:#DB630A;
	background-color:#fff;
	font-size:1em;
	margin-top:7px;
	padding-left:14px;
}

.cache{
	position: absolute;
	left: -10000em;
}

#banniere_pub{
	position:relative;
	width:100%;
	text-align:center;
	padding-top:18px;
}


/* SUBHEADER --------------------------------------------------------------------------------------------------*/
#subheader{
	position:relative;
	height:43px;
	width:100%;
	background-image:url(../img/bg_subheader.png);
	background-position:top left;
	background-repeat:no-repeat;
}

#accroche{
	position:absolute;
	left:35px;
	top:24px;
}

#accroche h1{
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.1em;
	color:#fff;
	font-family:Arial, Helvetica, sans-serif;
	margin-bottom:0px;
	position:relative;
	line-height:normal;
	letter-spacing:normal;
	font-weight:bold;
	background-color: #283F59;
}

#liens_haut{
	position:absolute;
	right:145px;
	top:-20px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.1em;
	font-weight:normal;
	font-size:1em;
}

#liens_haut ul{
	background-color:#283f59;
	color:#fff;
}

#liens_haut ul li{
	list-style-stype:none;
	display:inline;
	background-image:none;
	font-size:1em;
	padding-left:0px;
	line-height:14px;
	margin-left:0px;
	background-color:#283f59;
	color:#fff;
}

#liens_haut ul li a{
	color:#fff;
	background-color:#283f59;
	text-decoration:none;
	font-weight:normal;
}

#liens_haut ul li a:hover{
	color:#fff;
	background-color:#283f59;
	text-decoration:underline;
}

#btn_rss{
	position:absolute;
	width:58px;
	right:78px;
	height:43px;
	top:-43px;
}

#btn_rss a{
	width:58px;
	height:43px;
	display:block;
	text-decoration:none;
	background-color:none;
}


/* HEADER --------------------------------------------------------------------------------------------------*/
#header{
	position:relative;
	height:126px;
	width:100%;
	background-image:url(../img/bg_header.png);
	background-position:top left;
	background-repeat:no-repeat;
	z-index:4;
	background-color:#FFF;
}

#logo_tdc{
	position:absolute;
	left:32px;
	top:15px;
	width:135px;
	height:105px;
}

#logo_tdc a{
	display:block;
	width:135px;
	height:105px;
	text-decoration:none;
	border:0px;
}

#logo_tdc a img{
	border:0px;
}

#slogan{
	position:absolute;
	left:200px;
	top:20px;
	height:auto;
	font-size:4.2em;
	font-weight:normal;
	color:#000;
	background-color:#fff;
	padding-left:0px;
	border:0px;
	height:50px;
	line-height:50px;
	background:none;
	font-family: 'LibelSuitRegular', "Trebuchet MS", Arial;
}

#menu{
	position:absolute;
	left:199px;
	-left:200px;
	width:778px;
	top:90px;
	height:40px;
	line-height:40px;
	border-top:1px solid #e6e6e6;
}

#menu ul li{
	float:left;
	display:inline;
	width:auto;
	height:40px;
	text-align:center;
	background-image:none;
	font-size:1em;
	margin:0px;
	line-height:40px;
}

#menu li .survole{
	display:block;
	color:#000;
	text-decoration:none;
	font-weight:bold;
	padding-left:15px;
	padding-right:15px;
	border-right:1px solid #e6e6e6;
	border-left:1px solid #e6e6e6;
	background-color:#f1f1f1;
}

#menu li.survole a{
	border-right:1px solid #e6e6e6;
	border-left:1px solid #e6e6e6;
	background-color:#f1f1f1;
}

#menu li a{
	display:block;
	color:#000;
	background-color:#fff;
	text-decoration:none;
	font-weight:bold;
	padding-left:15px;
	height:40px;
	padding-right:15px;
	border-right:1px solid #fff;
	border-left:1px solid #fff;
	line-height:40px;
}

#menu li a:hover{
	color:#000;
	text-decoration:none;
	border-right:1px solid #e6e6e6;
	border-left:1px solid #e6e6e6;
	background-color:#f1f1f1;
}

#logo_sceren{
	position:absolute;
	left:877px;
	top:0px;
	width:100px;
	height:61px;
	background-image:url(../img/logo_sceren.gif);
	background-repeat:no-repeat;
	background-position:top left;
}

#logo_sceren a{
	display:block;
	width:100px;
	height:61px;
	text-decoration:none;
	border:0px;
}

#logo_sceren a img{
	border:0px;
}


/* CONTENU --------------------------------------------------------------------------------------------------*/
#contenu{
	height:auto;
	width:100%;
	background-image:url(../img/bg_contenu.png);
	background-position:top left;
	background-repeat:repeat-y;
	text-align:center;
	z-index:3;
}

#contenu2{
	position:relative;
	width:933px;
	height:auto;
	margin-right:auto;
	margin-left:auto;
	text-align:left;
	border-top:1px solid #e6e6e6;
	background-color:#FFF;
	top:5px;
}

#ariane{
	position:relative;
	width:923px;
	margin-left:10px;
	height:auto;
	line-height:20px;
	font-size:1em;
	color:#6e7680;
	background-color:#fff;
	padding-top:5px;
	margin-bottom:5px;
	font-weight:bold;
}

#ariane a{
	color:#6e7680;
	background-color:#fff;
	text-decoration:none;
	font-weight:normal;
}

#ariane a:hover{
	color:#6e7680;
	background-color:#fff;
	text-decoration:underline;
	font-weight:normal;
}

#contenu3{
	position:relative;
	width:923px;
	margin-left:10px;
	height:auto;
	padding-bottom:25px;
	background-color:#FFF;
}

/* COLONNE DE GAUCHE --------------------------------------------------------------------------------------------------*/
#col_g{
	float:left;
	width:225px;
	height:auto;
	margin-right:30px;
	z-index:10;
}

#col_g a{
	background-color:#fff;
}

#col_g h2{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	color:#000;
	background-color:#fff;
	font-size:1em;
	font-weight:bold;
	padding-left:10px;
	height:20px;
	line-height:20px;
	background-image:url(../img/bg_h3_col_g.gif);
	background-repeat:no-repeat;
	background-position:top left;
	margin-top:0px;
	margin-bottom:10px;
	width:180px;
	border:0px;
}

#presentation_tdc{
	position:relative;
	width:100%;
	height:auto;
	margin-bottom:20px;
	color:#46494d;
	background-color:#FFF;
}

#presentation_tdc #image_couverture{
	width:130px;
	border:1px solid #d4d4d4;
	text-align:center;
	padding-bottom:12px;
	margin-bottom:10px;
	background-color:#f0f0f0;
	margin-top:5px;
	margin-left:35px;
}

#presentation_tdc #image_couverture p{
	font-size:0.9em;
	color:#616161;
	background-color:#f0f0f0;
	margin-top:5px;
}

#presentation_tdc img{
	margin-top:-5px;
	width:106px;
	height:150px;
	background-color:#f0f0f0;
}

#presentation_tdc img{
	clear:both;
}

#presentation_tdc p{
	margin-bottom:10px;
}

#video_num_1000{
	position:relative;
	font-family: "Trebuchet MS", Arial;
	width:225px;
	height:auto;
	margin-bottom:10px;
	color:#46494d;
	background-color:#FFF;
	border-top:1px solid #E6E6E6;
	padding-top:10px;
}

#video_num_1000 h2{
	font-family: "Trebuchet MS", Arial;
	padding:0px;
	background:none;
	letter-spacing:0.01em;
	font-size:1.2em;
	height:auto;
	margin-top:5px;
	margin-bottom:7px;
	/margin-bottom:5px;
	/padding-top:6px;
	/padding-bottom:6px;
	color:#46494d;
	background-color:#FFF;
	width:225px;
	font-weight:bold;
}

#recherche, #newsletter form{
	position:relative;
	width:100%;
	height:auto;
	border-top:1px solid #e6e6e6;
	padding-top:10px;
	margin-top:5px;
	margin-bottom:15px;
}

#recherche label, #newsletter label{
	display:none;
}

#recherche a, #newsletter a{
	color:#666;
	background-color:#FFF;
	text-decoration:none;
	font-weight:normal;
}

#recherche a:hover, #newsletter a:hover{
	color:#666;
	background-color:#FFF;
	text-decoration:underline;
}
#moteur_newsletter fieldset{
	border: none;
}

#moteur_recherche, #moteur_newsletter {
	position:relative;
	width:225px;
	height:22px;
	text-align:left;
	background-image:url(../img/form_champ_texte01.gif);
	background-position:top left;
	background-repeat:no-repeat;
	margin-right:7px;
	margin-top:3px;
}

#moteur_recherche input.rech, #moteur_newsletter .newslet input.box{
	float:left;
	width:138px;
	/width:120px;
	font-size:1em;
	/*les 3 lignes suivantes, cï¿½ets pour ï¿½viter les bordures forcï¿½es sur Chrome et FF au clic */
	outline-color:-moz-use-text-color;
	outline-style:none;
	outline-width:0;
	background:transparent none repeat scroll 0 0;
	border:0 none;
	margin-top:5px;
	/margin-top:4px;
	margin-left:7px;
	margin-right:7px;
}

#moteur_recherche input.button, #moteur_newsletter .newslet button.btn{
	float:right;
	font-size:1em;
	padding-top:1px;
	/padding-top:2px;
	padding-bottom:1px;
	padding-right:5px;
	padding-left:5px;
	width:69px;
}

#sortir_avec_tdc{
	position:relative;
	width:195px;
	-width:225px;
	padding:15px;
	background-image:url(../img/col_g_coin_replie_bleu.gif);
	background-repeat:no-repeat;
	background-position:top right;
	background-color:#e7eef7;
}

#sortir_avec_tdc h2, #sortir_avec_tdc a{
	background-color:#e7eef7;
}

#sortir_avec_tdc img{
	float:left;
	margin-right:8px;
	margin-bottom:4px;
	margin-top:2px;
	border:0px;
	width:50px;
	height:inherit;
}

#sortir_avec_tdc .actu_accueil{
	margin-top:13px;
}

#sortir_avec_tdc .actu_accueil a br{
	display:none;
}
#sortir_avec_tdc .actu_accueil img{
	height:auto;
}

#sortir_avec_tdc #fin_actu{
	border-top:1px dashed #b9bec6;
	margin-top:10px;
	padding-top:10px;
}

#sortir_avec_tdc .texte_act{
	clear:both;
}

#sortir_avec_tdc .texte_act p{
	line-height:16px;
	margin-top:inherit;
}

#pub {
	margin-top:20px;
	padding-left:0px;
}

#prochains_numeros{
	position:relative;
	width:195px;
	-width:225px;
	padding:15px;
	background-image:url(../img/col_g_coin_replie_blanc.gif);
	background-repeat:no-repeat;
	background-position:top right;
	background-color:#f7f3e9;
	margin-top:20px;
}

#prochains_numeros h2, #prochains_numeros a{
	background-color:#f7f3e9;
}

#prochains_numeros img{
	float:left;
	margin-right:8px;
	margin-bottom:2px;
	margin-top:2px;
}

#prochains_numeros p{
	margin-bottom:5px;
}

#prochains_numeros ul li{
	list-style-type:none;
	padding:0px;
	margin:0px;
	line-height:16px;
	margin-bottom:7px;
}

#prochains_numeros ul li span.petit_gris{
	font-size:0.8em;
	color:#616161;
	background-color:#f7f3e9;
}

#sceren_com{
	position:relative;
	color:#9298A0;
	background-color:#fff;
	margin-top:20px;
	padding-left:15px;
	padding-right:15px;
}

#sceren_com a{
	display:block;
	width:99px;
	height:51px;
	border:0px;
	text-decoration:none;
	background-image:url(../img/logo_sceren.com.gif);
	background-position:top left;
	background-repeat:no-repeat;
}


/* COLONNE DE DROITE --------------------------------------------------------------------------------------------------*/
#col_d{
	float:right;
	width:639px;
	z-index:10;
	color:#9298a0;
	background-color:#fff;
}


/* COLONNE DE DROITE - ACCUEIL + NUMERO --------------------------------------------------------------------------------------------------*/
/*.home .faux_h2{
	position:relative;
	height:27px;
	line-height:27px;
	width:100%;
	border-bottom:1px solid #e7e6e6;
	margin-bottom:15px;
}*/

.home{
	background-color:#FFF;
	color:#000;
}

.home h4 {
	background-color:#DBDEE3;
	background-image:url("../img/col_d_bg_h4.jpg");
	background-position:left center;
	background-repeat:no-repeat;
	color:#000000;
	font-size:1.1em;
	font-variant:small-caps;
	font-weight:normal;
	height:13px;
	line-height:11px;
	margin-bottom:12px;
	padding-left:13px;
	padding-right:6px;
	padding-top:2px;
	width:inherit;
}

.home .bloc_contenu, .texte_video .bloc_contenu{
	position:relative;
	width:100%;
	margin-bottom:25px;
}

.home .bloc_cache{
	position:absolute;
	width:100%;
	margin-bottom:25px;
	border-bottom-color:#FFF;
	height:auto;
	top:0px;
	left:0px;
	z-index:1;
}

.home .bloc_cache a{
	background-color:none;
}

.home .bloc_contenu #arobase{
	position:absolute;
	width:43px;
	height:43px;
	background-image:url(../img/titre_sequences_pedagogiques.gif);
	background-position:top left;
	background-repeat:no-repeat;
	top:-7px;
	right:10px;
}

.home .bloc_contenu h1, .texte_video .bloc_contenu h1{
	position:relative;
	font-family: 'LibelSuitRegular', "Trebuchet MS", Arial;
	color:#000;
	font-size:3.4em;
	margin-bottom:10px;
	font-weight:normal;
}

.home .bloc_contenu h2, #ressources_classe h2, #ressources_enseignant h2, #savoir_plus h2, .texte_video .bloc_contenu h2, .texte .bloc_contenu h2, .home .bloc_cache h2{
	position:relative;
	height:27px;
	line-height:27px;
	width:618px;
	-width:638px;
	background-image:url(../img/bg_h2_col_d.gif);
	background-position:top left;
	background-repeat:no-repeat;
	background-color:#355376;
	color:#fff;
	margin:0px;
	padding:0px;
	margin-bottom:15px;
	font-size:0.9em;
	text-transform:uppercase;
	font-weight:bold;
	padding-left:21px;
	border:0px;
	z-index:10;
}

.texte_video .bloc_contenu h2, .texte .bloc_contenu h2{
	margin-bottom:5px;
	font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
	letter-spacing:normal;
}

.home .bloc_contenu #presentation_numero{
	position:relative;
	width:100%;
	height:auto;
	padding-bottom:20px;
}

.home .bloc_contenu #presentation_numero a{
	font-size:0.9em;
	text-decoration:none;
}

.home .bloc_contenu #presentation_numero a:hover{
	text-decoration:underline;
}

.home .bloc_contenu #presentation_numero #couverture_numero{
	float:left;
	width:106px;
	margin-right:15px;
	border:1px solid #5b7a9d;
}

.home .bloc_contenu #presentation_numero #couverture_numero img{
	width:106px;
}

.home .bloc_contenu #presentation_numero #texte_numero{
	float:left;
	width:510px;
	color:#000;
}

.home .bloc_contenu #presentation_numero #texte_numero p{
	font-size:1.2em;
	line-height:1.4em;
}


.home .bloc_contenu #presentation_numero #texte_numero p#liens_numero{
	font-size:0.9em;
	margin-bottom:10px;
	margin-top:10px;
}

.home .bloc_contenu #presentation_numero #texte_numero p.btn_numero{
	position:relative;
	width:150px;
	height:21px;
	background-image:url(../img/tdc_btn_vide.gif);
	background-position:top left;
	background-repeat:no-repeat;
	font-size:1em;
	line-height:2em;
}

.home .bloc_contenu #presentation_numero #texte_numero p.btn_numero a{
	padding-left:24px;
	display:block;
	color:#000;
}

.home .bloc_contenu #presentation_numero #texte_numero p.btn_numero a:hover{
	color:#3a3939;
	text-decoration:none;
}

.home #contenu_droite{
	float:left;
	width:375px;		
	margin-top:10px;
	background-color:#FFF;
}

.home #contenu_droite .bloc_contenu h2{
	width:354px;
}

.home #contenu_droite .bloc_contenu p{
	color:#000;
	font-size:1em;
	line-height:1.6em;
}

.home #contenu_droite .bloc_contenu ul li{
	margin-left:0px;
	list-style-type:none;
}

.home #contenu_droite .bloc_contenu p.seq_ped_niveau{
	color:#355376;
	font-size:0.9em;
}

.home #contenu_droite .bloc_contenu .lire_suite{
	display:none;
	height:0px;
}

.home #contenu_gauche{
	float:left;
	width:230px;
        padding-left:17px;
	margin-left:16px;
	margin-top:10px;
        border-left:1px dashed #cccccc;
        margin-bottom: 20px;
}

.home #contenu_gauche .bloc_contenu h2{
	width:211px;
	-width:247px;
}

.home #contenu_gauche .bloc_contenu p{
	color:#5d6166;
	font-size:1em;
	line-height:1.6em;
}

.home #contenu_gauche .bloc_contenu p.picto_lien_ext{
	margin-top:0px;
	margin-bottom:5px;
}

.home #sequence .seq_ped_titre{
	line-height:22px;
	height:22px;
}

.home .seq_ped_niveau{
	margin-bottom:5px;
	font-weight:normal;
}

.home #sequence .seq_ped_niveau{
	margin-bottom:20px;
	font-size:1.1em;
	color:#000;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	margin-top:-7px;
}

#bloc_flash{
	position:relative;
	background-color:#fff;
	width:639px;
	height:auto;
	margin-bottom:10px;
}

#bloc_flash #flashcontent{
	width: 639px;
	background-color:#fff;
	height: 279px;
	color:#000;
	z-index:20;
}

/*#bloc_flash #flashcontent h2{
	display:block;
	visibility:visible;
	font-size:1.7em;
	height:20px;
	width:595px;
	margin-left:30px;
	line-height:20px;
	padding-left:32px;
	background-image:url(../img/bg_h2_n+1.gif);
	background-position:top left;
	background-repeat:no-repeat;
	margin-bottom:15px;
	margin-top:15px;
	padding-bottom:7px;
	border-bottom:1px solid #f0f0f0;
}

#bloc_flash #flashcontent h3{
	float:right;
	width:621px;
	margin-top:-15px;
}

#bloc_flash #flashcontent h4{
	width:150px;
	margin-top:15px;
	margin-left:28px;
}

#bloc_flash #flashcontent ul{
	margin-bottom:20px;
	margin-left:10px;
}

#bloc_flash #flashcontent p{
	float:right;
	width:621px;
}

#bloc_flash #flashcontent p, #bloc_flash #flashcontent ul, #bloc_flash #flashcontent h3, #bloc_flash #flashcontent ul li{
	margin-left:15px;
	margin-right:15px;
}*/

#videos{
	position:relative;
	width:639px;
	height:auto;
	margin-top:10px;
}

#ressources_classe{
	float:left;
	width:100%;
	height:auto;
	margin-top:10px;
}

#ressources_classe #sequences_pedago{
	float:left;
	width:277px;
	height:auto;
}

#ressources_classe #sequences_pedago p{
	padding-left:13px;
	-width:auto;
}

#ressources_classe #sequences_pedago li{
	padding-left:13px;
	list-style-type:none;
	-width:auto;
	margin-bottom:3px;
	line-height:18px;
}

#ressources_classe #langues_ligne{
	float:left;
	width:308px;
	padding-left:30px;
	height:auto;
	border-left:1px dotted #CCCEC6;
}

#ressources_classe #langues_ligne p{
	padding-left:13px;
}

#ressources_classe #langues_ligne li{
	padding-left:13px;
	list-style-type:none;
}

#ressources_enseignant{
	float:left;
	width:100%;
	height:auto;
	margin-top:20px;
        clear:both;
}

#ressources_enseignant  #interview{
	float:left;
	width:277px;
	height:auto;
	border-right:1px dotted #CCCEC6;
	padding-top:0px;
}

#ressources_enseignant  #article_online{
	float:left;
	width:308px;
	padding-left:30px;
	height:auto;
	padding-top:0px;
}

#ressources_enseignant #article_online p{
	padding-left:13px;
	-width:auto
}

#ressources_enseignant #article_online li{
	padding-left:13px;
	list-style-type:none;
	-width:auto
}

#savoir_plus{
	float:left;
	width:100%;
	height:auto;
	margin-top:20px;
        /margin-top:0px;
        clear:both;
}

#savoir_plus p{
	margin-top:-5px;
}

#savoir_plus .afficher{
	margin-top:15px;
}


/* COLONNE DE DROITE - SEQUENCE --------------------------------------------------------------------------------------------------*/
#sequence{
	color:#000;
}

#sequence h3{
	color:#000;
	font-family: 'LibelSuitRegular', "Trebuchet MS", Arial;
	font-size:2.4em;
	font-weight:normal;
	height:auto;
	line-height:30px;
	border-top:1px solid #F0F0F0;
}

/*#sequence h4{
	color:#000;
	font-size:1.1em;
	background:none;
	margin:0px;
	padding:0px;
	margin-bottom:10px;
	margin-top:20px;
}*/

#sequence h5{
	color:#000;
	width:624px;
	padding-left:15px;
	height:23px;
	font-weight:bold;
	font-size:1.5em;
	background-color:#f1f1f1;
	margin:0px;
	margin-bottom:10px;
	margin-top:10px;
}

#sequence .auteur{
	position:relative;
	margin-top:-9px;
	padding-bottom:5px;
}

#sequence #sommaire_doc{
	margin-bottom:30px;
}

#sequence #sommaire_doc p{
	font-size:1em;
	line-height:14px;
}

#sequence #sommaire_doc .seq_ped_titre{
	border:0px;
	margin:0px;
}

#sequence .analyse_doc{
	border-bottom:1px dashed #cccccc;
}

#sequence .analyse_doc p{
	margin-bottom:15px;
}

#sequence .titre_sur_la_toile{
	font-weight:bold;
	font-size:1.1em;
	padding-top:4px;
}

#sequence .texte_sur_la_toile{
	padding-bottom:15px;
	border-bottom:1px dashed #cccccc;
	margin-bottom:10px;
}


#sequence .picto_lien_ext{
	margin-top:-7px;
	margin-bottom:12px;
}


/* COLONNE DE DROITE -  N+1 & ACTUS--------------------------------------------------------------------------------------------------*/
.texte{
	-float:left;
	color:#000;
	width:639px;
}

.texte h2, .texte_video h2{
	font-family: 'LibelSuitRegular', "Trebuchet MS", Arial;
	letter-spacing:0.02em;
}

.texte .ligne{
	float:left;
	clear:both;
	color:#000;
	width:603px;
	padding-bottom:10px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}

.texte .col01{
	float:left;
	width:100px;
	text-align:right;
	padding-right:8px;
	font-weight:bold;
	color:#3F638C;
}

.texte .col02{
	float:left;
	width:400px;
	text-align:left;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}

.texte .col02 #nom, .texte .col02 #prenom, .texte .col02 #mel,.texte .col02 select, .texte .col02 textarea{
	font-size:1em;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}

.texte ul{
	margin-bottom:15px;
}

.texte ul li{
	height:auto;
	width:615px;
	line-height:18px;
	padding-left:20px;
	background-image:url(../img/bg_li_n+1.gif);
	background-position:top left;
	background-repeat:no-repeat;
	margin-bottom:5px;
	font-size:1.1em;
	list-style-type:none;
}

.texte ul li.liste_item{
   list-style-type: none;
   list-style-image: none;
   background-image: none;
   padding-left: 0px;
   padding-top:5px;
   margin-left:0px;
   margin-bottom:5px;
}

.texte ul li.liste_item p{
   font-size:1em;
}

.texte ul li.liste_item p.titre {
    font-size: 1.3em;
}

.texte ol{
	margin-bottom:15px;
	color:#3F638C;
}

.texte ol li{
	height:auto;
	line-height:18px;
	margin-left:50px;
	margin-bottom:5px;
	font-size:1.1em;
	color:#000;
}

.texte ul li.commander_en_ligne1{
	background-image:url(../img/back_commander.gif);
	background-repeat:no-repeat;
	background-position:top left;
	width:142px;
	/width:142px;
	/width:162px;
	height:19px;
	/height:19px;
	-height:21px;
	color:#3f638c;
	font-weight:bold;
	padding:2px 0px 0px 20px;
	margin:0px 0px 0px 20px;
	list-style:none;
}

.texte li.puce_noire{
	background:none;
	list-style:disc;
	line-height:normal;
	margin:0px 0px 0px 15px;
	padding:0px;
	width:auto;
}

.liste_item{
	position:relative;
	width:639px;
	height:auto;
	border-bottom:1px solid #f0f0f0;
	margin-bottom:12px;
	padding-bottom:7px;
}

.liste_item img{
	border:0px;
	width:57px;
	height:auto;
	float:left;
	margin-right:10px;
        margin-top:5px;
}

.liste_item p{
	margin-bottom:1px;
}

.liste_item .petit_gris{
	font-size:0.9em;
	color:#666;
}

.liste_item p.titre{
	font-size:1.3em;
	margin-bottom:5px;
        margin-top:7px;
}

.liste_item2{
	position:relative;
	width:639px;
	height:auto;
	border-bottom:1px solid #f0f0f0;
	margin-bottom:7px;
	padding-bottom:7px;
	margin-top:-10px;
}

.liste_item2 img{
	border:0px;
	width:57px;
	height:auto;
	float:left;
	margin-right:10px;
	margin-top:20px;
}

.liste_item2 p{
	margin-bottom:1px;
}

.liste_item2 .petit_gris{
	font-size:0.9em;
}


/* FOOTER --------------------------------------------------------------------------------------------------*/
#footer{
	position:relative;
	height:79px;
	width:100%;
	margin-bottom:18px;
	background-image:url(../img/bg_footer.gif);
	background-position:top left;
	background-repeat:no-repeat;
	z-index:1;
}

#lien_haut_page{
	position:absolute;
	text-align:right;
	right:45px;
	top:-15px;
	height:16px;
	line-height:16px;
	font-size:0.9em;
	font-weight:normal;
	padding-left:15px;
	background-image:url(../img/picto_lien_haut_page.gif);
	background-position:top left;
	background-repeat:no-repeat;
}

#lien_haut_page a{
	font-weight:normal;
}

#copyright{
	position:absolute;
	width:200px;
	height:20px;
	color:#8db0d9;
	background-color:#1f2226;
	bottom:30px;
	left:90px;
}

#liens_bas{
	position:absolute;
	width:305px;
	height:20px;
	color:#666;
	bottom:33px;
	right:70px;
	text-align:center;
}

#liens_bas li{
	display:inline;
	list-style-type:none;
	padding-left:0px;
	background-image:none;
	font-size:1em;
	line-height:14px;
}

#liens_bas li a{
	color:#666;
	text-decoration:none;
	font-weight:normal;
}

#liens_bas li a:hover{
	color:#666;
	text-decoration:underline;
}

#fin_ombre_droite{
	position:absolute;
	right:11px;
	bottom:79px;
	height:137px;
	width:13px;
	background-image:url(../img/contenu_fin_ombre_droite.gif);
	backgroundrepeat:no-repeat;
	background-position:top left;
}

#fin_ombre_gauche{
	position:absolute;
	left:11px;
	bottom:79px;
	height:137px;
	width:13px;
	background-image:url(../img/contenu_fin_ombre_gauche.gif);
	backgroundrepeat:no-repeat;
	background-position:top left;
}

#tache_gauche{
	position:absolute;
	left:-52px;
	bottom:0px;
	height:358px;
	width:63px;
	background-image:url(../img/footer_tache_gauche.png);-repeat:no-repeat;
	background-position:top left;
}

#tache_droite{
	position:absolute;
	left:1012px;
	bottom:0px;
	height:305px;
	width:87px;
	background-image:url(../img/footer_tache_droite.png);
	background-repeat:no-repeat;
	background-position:top left;
}

/* VIDEOS ACCUEIL + NAV VIDEOS --------------------------------------------------------------------------------------------------*/
/* !!!!  OLD VIDEOS ACCUEIL + NAV VIDEOS --------------------------------------------------------------------------------------------------*/
#videos3{
	position:relative;
	width:277px;
        height:auto;
}

#videos2{
	position:relative;
	height:auto;
	padding-top:15px;
	padding-bottom:10px;
	/padding-bottom:0px;
	background-color:#f5f5f5;
	width:639px;
	margin-top:-15px;
}

#videos2 .btn_gauche, #videos3 .btn_gauche{
	float:left;
	width:45px;
	height:45px;
	margin-top:50px;
	background-image:url(../img/btn_video_gauche.gif);
	background-repeat:no-repeat;
	background-position:top left;
	margin-left:35px;
}

#videos2 .btn_droite, #videos3 .btn_droite{
	float:left;
	width:45px;
	height:45px;
	margin-top:50px;
	background-image:url(../img/btn_video_droite.gif);
	background-repeat:no-repeat;
	background-position:top left;
}

#videos2  ul, #videos3 ul{
	float:left;
}

#videos2 li.une_video2{
	float:left;
	width:200px;
	height:auto;
	margin-left:20px;
	-margin-left:12px;
	margin-right:20px;
	display:list;
	list-style-type:none;
}

#videos3 li.une_video2{
	float:left;
	width:200px;
	height:auto;
	display:list;
	list-style-type:none;
}

.une_video2{
	position:relative;
}

.une_video2 a{
	position:relative;
	width:200px;
	border:0px;
	margin-bottom:4px;
	text-decoration:none;
}

.une_video2 a:hover{
	text-decoration:none;
}

.une_video2 img{
	width:200px;
	border:0px;
}

.une_video2 p{
	float:left;
	clear:both;
	width:100%;
	font-size:0.9em;
	color:#395a7f;
	margin-bottom:inherit;
	line-height:14px;
}

.une_video2 p.time{
	position:relative;
	top:-24px;
	width:37px;
	height:19px;
	padding-left:27px;
	background-image:url(../img/btn_play_video.gif);
	background-position:top left;
	background-repeat:no-repeat;
	background-color:#000;
	clear:both;
	color:#fff;
	height:19px;
	line-height:19px;
}

#videos3 .une_video2 p.time{
    position:absolute;
    top:-6px;
    /top:131px;
    z-index:90;
}
#videos3 .une_video2 img{
   z-index:1;
}

.une_video2 p.nom_video{
	margin-top:-24px;
}

.une_video2 p.interviewe{
	color:#000;
	font-weight:normal;
	margin-top:-6px;
	font-size:0.8em;
}

/* BOUTONS NOIRS HOME --------------------------------------------------------------------------------------------------*/
.lire_suite{
	display:block;
	width:64px;
	height:16px;
	border:0px;
	text-decoration:none;
	background-image:url(../img/btn_lire_la_suite.gif);
	background-repeat:no-repeat;
	background-position:top left;
	margin-top:10px;
}

.afficher{
	display:block;
	width:49px;
	height:16px;
	border:0px;
	text-decoration:none;
	background-image:url(../img/btn_afficher.gif);
	background-repeat:no-repeat;
	background-position:top left;
}

/* ajout colonnes égales */

.home #contenu_droite.colonnes_egales  {
    width: 300px;
}

.home #contenu_droite.colonnes_egales .bloc_contenu h2 {
    width: 279px;
}

.home #contenu_gauche.colonnes_egales {
    width: 305px;    
}

.home #contenu_gauche.colonnes_egales .bloc_contenu h2 {
    width: 285px;
}
