body { 
margin : auto;
font-size : 12px;
font-family:"Trebuchet MS", Arial, Kalimati;
background: url(img/common/bg2.png) repeat-x;
background: url(img/common/bg2.png) repeat-x, url(img/common/traits_gris.png) repeat;
background-color: #D9D9D9;
width :  980px;
margin-bottom: 0px;
color : #1C1D1E;
}
/* Tout le texte */
h1, h2, h3,h4{
font-weight:normal;
color: #333333;
}
h1{
font-size : 26px;
border-bottom: 2px solid #18649A;
margin-right : 0px;
margin-top : 0px;
padding-left: 15px;
font-variant : small-caps;
text-shadow : 0 1px 2px #BBBBBB;
}
h2{
display : inline;
font-size : 20px;
margin-top : 15px;
padding-left: 10px;
padding-right: 100px;
border-bottom: 2px solid #228FDD;
font-variant : small-caps;
}
h3{
display : inline;
font-size : 14px;
padding-left: 10px;
padding-right: 10px;
margin-left: 25px;
border-bottom: 2px solid #65B1E7;
}
h4{
text-decoration: underline ;
margin-left: 30px;
}
.corps{
margin-left : 190px;
}
.corps_contenu{
background-color : #FFFFFF;
border-left : 1px solid #BBBBBB;
border-right : 1px solid #BBBBBB;
padding: 20px;
padding-top : 1px;
padding-bottom : 1px;
color : #3D3D3D;
font-size : 1.1em;
}
.corps_contenu p{
line-height : 1.6em;
margin-top : 10px;
margin-bottom : 10px;
}
.liens{
color : #2977EB;
text-decoration: none;
}
.liens:hover{
text-decoration: underline ;
}
abbr{
cursor : help;
}
#en_tete{
margin: auto;
height: 92px;
width : 380px;
background-image: url("img/common/gi2.png");
background-repeat: no-repeat;
background-position:center top; /* En x puis en y pour caller l'image*/
padding : 0px;
padding-top : 0px;
}
/* Menu et sous menus*/
.menu{
float: left;
font-family :"Trebuchet MS", Arial;
margin-top : 5px;
width: 180px;
}
.menu ul{
margin : 0;
padding: 0;
}
.menu li { /* Pour ne pas avoir de puces */
list-style-type: none;
}
.menu_element{
padding : 0;
margin : 0;
line-height : 0px; /* Pour le pas avoir d'espacement entre 2 menus */
}
.menu_element a{
line-height : 16px; /* hauteur des blocs des sous-menus */
}
.menu_element span a{
display : block; /* Rempli avec le lien ! */
cursor : default;
text-transform: uppercase;
text-decoration : none;
font-size : 1.0em;
padding-left:10px;
line-height : 25px; /* Height-1 pour centrer verticalement */
height : 25px;
background-image : url("img/common/sous_menu_2.png");
color : #FFFFFF;
border-bottom : 1px solid #D9D9D9;
margin : 0;
outline : none;
}
.menu_element span a:hover{
background-image : url("img/common/sous_menu_2.png");
}
.menu_sous_element {
margin : 0;
}
.menu_sous_element li {
padding-left : 5px;
padding-right : 5px;
border-bottom : 1px solid rgba(217,217,217,0);
}
.menu_sous_element li a {
display : block;
color : #565656;
font-size : 1.0em;
text-decoration: none;
background : rgba(255,255,255,0.5);
border-left : 5px solid #18649A;
padding-left : 5px;
padding-top : 1px;
padding-bottom : 1px;
outline: none;
}
.menu_sous_element li a:focus{
background : rgba(255,255,255,0.7);
color: #000000;
}
.menu_sous_element li a:hover{
background : rgba(255,255,255,0.7);
color: #000000;
}
.menu_sous_element li a:active{
color : #000000;
border-left : 5px solid #565656;
}
 /* recherche */
.recherche{
margin-top : 20px;
margin-left : 10px;
}
.recherche submit{
margin-left : 40px;
}
 /* publicité */
.pub{
float: left;
margin-top : 20px;
margin-left : 26px;
width: 130px;
height: 250px;
}
/* Menu */
.class_menu{
margin : 0px 0px 10px 0;
}
.class_menu ul{
padding:0;
display: flex;
text-align: center;
justify-content: space-around;
margin : 0;
}
.class_menu li{
display: inline-block;
list-style-type : none;
}
.class_menu li a{
display : block;
text-transform : uppercase;
text-decoration : none;
white-space: nowrap;
line-height : 31px;
color : #333;
font-weight : bold;
margin : 0px 4px;
padding : 0px 9px;
background : #DEDEDE;
background : rgba(71,71,71,0.15);
text-shadow : 0 0 5px #FFF;
border-radius : 3px;
}
.class_menu li a:focus{
color : #1F1F1F;
}
.class_menu li a:hover{
background : rgba(71,71,71,0.3);
color:#1F1F1F;
}
.class_menu li a:active{
color : #EEEEEE;
}


/*  Texte  */
.image{
	display:inline-block;
	text-align:center;
	margin-top:5px;
	margin-right:10px;
	margin-bottom:5px;
}
.image span{
	display:block;
	color:#888888;
}
.image div{
	border:1px solid #D8D5D0;
	border-radius:3px;
	padding:2px;
	display:block;
	float:left;
}



.corps_contenu ul{
list-style-type: none;
padding: 10px 0px 10px 0px;
margin : 0;
line-height:1.4em;
}
.corps_contenu li{
background: url('img/icons/puce.png') no-repeat 0 0.5em;
padding-left: 1em;
}
.info_cle{
margin-left:20px;
padding-left:10px;
border-left:5px solid #228fdd;
}
.encadre_important{
background-color:#e9f4fc;
text-align:center;
border:5px solid #228FDD;
border-radius:3px;
padding:5px 0px;
font-weight:bold;
margin:15px 150px 15px 150px;
}

.warning, .question, .resume{
margin-top : 10px;
margin-bottom : 10px;
padding : 0.5em 0.5em 0.6em 3.4em;
line-height : 1.6em; /* Mettre comme pour <p> */
border-radius : 3px;
} 
.question{
border : 1px solid #C15BFF;
background:#F4E1FF url('img/icons/question.png') no-repeat 10px center;
}
.warning{
border : 1px solid #FFAD5B;
background:#FFF0E1 url('img/icons/warning.png') no-repeat 10px center;
}
.resume{
border : 1px solid #70EB73;
background:#E1FBE2 url('img/icons/cible.png') no-repeat 10px center;
}
.lecture_vid_impossible{
border : 1px solid #D60000;
background:#FFE0E1 url('img/icons/tele_red_cross.png') no-repeat 10px center;
margin-top : 10px;
margin-bottom : 10px;
padding : 2em 1em 2em 7em;
line-height : 1.6em; /* Mettre comme pour <p> */
}
/* Pied de page */
.transversale{
background-image:url('img/common/tvsale.png');
background-repeat:no-repeat;
background-position:0; 
height : 12px;
}
.corps_inf {
background: url("img/common/pdp.png") no-repeat bottom left;
width: 100%;
height: 3px;
font-size: 1px;
}
.pieddepage_gauche, .pieddepage_droit{
color : #333333;
}
.pieddepage_gauche{
float : left;
height : 15px;
width : 300px;
padding : 5px;
padding-left : 15px;
}
.pieddepage_milieu{
float:left;
width:80px;
height:15px;
padding : 5px;
}
.pieddepage_droit{
float : right;
height : 15px;
width : 280px;
padding : 5px;
padding-right : 20px;
text-align : right;
}
/* Livre d'or */
.pages_livredor{
text-align : center;
border-top: 2px solid #18649A;
}
.message_livredor{
margin-left: 15px;
padding-top : 1px;
border-left: 2px solid #228FDD;
}
.message_livredor p{
margin-left: 10px;
}
.message_livredor ul{
padding : 0 0 0 10px;
}
.pseudo_livredor{
font-weight : bold;
padding-left: 10px;
padding-right : 10px;
margin-top : 20px;
border-bottom: 2px solid #18649A;
}
/* Tableaux */
table{
margin-top : 10px;
margin-bottom : 10px;
}
table table{ /* Pas de margin pour les tableaux dans les tableaux */
margin-top : 0px;
margin-bottom : 0px;
}
/* table_grilles */
.table_grilles{
border-collapse: collapse;
margin-left : auto;
margin-right : auto;
}
.table_grilles td{
border : 1px solid #18649A;
background-color : #F5FAFE;
width : 90px;
height : 30px;
text-align : center;
vertical-align : middle;
}
/* table_divers */
.table_divers{
border-collapse: collapse;
margin-left : auto;
margin-right : auto;
}
.table_divers td{
width : 60px;
border : 1px solid #18649A;
background-color : #F5FAFE;
height : 25px;
text-align : center;
vertical-align : middle;
}
.tb_120px td{
width : 120px;
}
.tb_160px td{
width : 160px;
}
.tb_200px td{
width : 200px;
}
.tb_240px td{
width : 240px;
}
/* table_divers_auto */
.table_divers_auto{
border-collapse: collapse;
border : 1px solid #18649A;
background-color : #F5FAFE;
margin-left : auto;
margin-right : auto;
}
.table_divers_auto td{
border : 1px solid #18649A;
width : auto;
height : 25px;
padding-left : 7px;
padding-right : 7px;
text-align : center;
vertical-align : middle;
}
.tab_couleur_1{
color : #000000;
}
.tab_couleur_1_decoration_1{
color : #000000;
font-weight : bold;
text-decoration : underline;
}
.tab_decoration_1{
text-decoration : underline;
}
.grey_text td{
border:none;
background-color:transparent;
color:#777777;
}

.centered{
text-align : center;
}
.structure_video{
border-collapse: collapse;
width : 740px;
margin : auto;
text-align : center;
padding : 5px;
}
.title_des_partie td{
border : 1px solid #FFFFFF;
background-color : #5292C7;
height : 30px;
}
.title_des_partie .partie_active{
background-color : #2C5E87;
}
.title_des_partie a{
text-decoration : none;
outline : none;
}
.title_des_partie a span{
display : block;
height : 25px;
line-height : 1.9em;
color : #FFFFFF;
}
.title_des_partie td:hover{
background-color : #2C5E87;
}
.title_des_partie td:active{
background-color : #1E4362;
}
.tab_toutes_vid{
margin : auto;
margin-bottom : 20px;
width : 740px;
}
.tab_toutes_vid td{
text-align : center;
line-height : 1.3em;
}
.tab_toutes_vid td a{
text-decoration : none;
outline : none;
color : #3D3D3D;
}
.tab_toutes_vid .span_1, .tab_toutes_vid .span_1_achetee{
display : block;
width : 180px;
height : 140px;
font-weight : bold;
margin : auto;
}
.tab_toutes_vid .span_1{
background : url('img/common/vid_tab_bg.png') no-repeat top left;
}
.tab_toutes_vid .span_1_achetee{
background : url('img/common/vid_tab_bg_achetee.png') no-repeat top left;
}
.tab_toutes_vid .span_1:hover, .tab_toutes_vid .span_1_achetee:hover{
background-position : bottom left;
}
.tab_toutes_vid .span_1 span, .tab_toutes_vid .span_1_achetee span{
display : block;
font-weight : bold;
height : 40px;
padding : 1px; /* Pour center le texte */
}
.tab_toutes_vid .span_1 span span, .tab_toutes_vid .span_1_achetee span span{
padding:8px 4px 0px 4px;
line-height : 1.1em;
}
.tab_toutes_vid tr{ /* Pour caller les vidéos à gauche */
display:inline;
}

/* Bloc de Documents (GP5, ZIP, MP3) */
.bloc_docs{
height:60px;
border:1px solid #ddd098;
background-color:#f1ecd6;
border-radius:3px;
}

/* Important mail (contre bots) */
.important_mail{
	display:none;
}

/* Telechargement */
.telechargement img{
margin-bottom : 1px;
}
.telechargement:hover{
padding-left:2px;
}
	
.telechargement-pdf img{
border : none;
}
/* Fenetres téléscopiques */
.fen_cachee_master{
color : #2977EB;
text-decoration: underline;
}
.fen_cachee_master:hover{
cursor : pointer;
}
/* Bloc de connexion */
.bloc_cnx{
float : right;
width : 190px;
height : 51px;
margin-top : 10px;
margin-right : 20px;
background-color : #0078B3;
color : #FFFFFF;
border-radius:3px;
}
.user_name{
float : left;
margin : 6px 0 0 10px;
font-size : 0.9em;
padding-top : 0px;
width : 100px;
}
.btn_logon{
float : right;
width : 16px;
height : 16px;
margin-top : 16px;
margin-right : 28px;
background-image : url('img/icons/log_on.png');
background-position : top;
}
.btn_logon:hover{
background-position : bottom;
}
.btn_logon span{
width : 16px;
height : 16px;
display : block;
}
.btn_logoff{
float : right;
width : 16px;
height : 16px;
margin-top : 5px;
margin-right : 7px;
background-image : url('img/icons/log_off.png');
background-position : top;
}
.btn_logoff:hover{
background-position : bottom;
}
.btn_logoff span{
width : 16px;
height : 16px;
display : block;
}
.user_stuff{
margin-top : 26px;
height : 25px;
background-color : #008bce;
border-radius:0 0 3px 3px;
}
.mes_vid{
margin : 0px 0 0 5px;
height : 18px;
padding-top : 6px;
padding-left : 22px;
background-image : url('img/icons/vid_icon.png');
background-repeat : no-repeat;
background-position : 0px 4px;
}
.mes_vid a{
text-decoration : none;
color : #000000;
}
.mes_vid a:hover{
text-decoration : underline;
}
/* Documents pour videos */
.vid_doc_div{
border : 1px solid #AAAAAA;
background-color : #F8F8F8;
margin-left : 30px;
margin-right : 30px;
}
.vid_doc_titre_partie{
background-color : #CCCCCC;
height:20px;
line-height : 1.4em;
margin : 5px;
padding-left : 20px;
font-weight : bold;
}
.vid_doc_docs_pdf, .vid_doc_docs_mp3, .vid_doc_docs_gp5, .vid_doc_docs_zip{
background-repeat : no-repeat;
margin-left:40px;
padding-left:20px;
margin-bottom:5px;
}
.vid_doc_docs_pdf a, .vid_doc_docs_mp3 a, .vid_doc_docs_gp5 a, .vid_doc_docs_zip a{
color : #3D3D3D;
text-decoration : none;
}
.vid_doc_docs_pdf a:hover, .vid_doc_docs_mp3 a:hover, .vid_doc_docs_gp5 a:hover, .vid_doc_docs_zip a:hover{
text-decoration : underline;
}
.vid_doc_docs_pdf{
background-image : url('img/icons/pdf2.png');
}
.vid_doc_docs_mp3{
background-image : url('img/icons/sound.png');
}
.vid_doc_docs_gp5{
background-image : url('img/icons/gp5.png');
}
.vid_doc_docs_zip{
background-image : url('img/icons/zip.png');
}
/* Achat video */
.btn_acheter_paypal{
height:50px;
width:170px;
margin-left:285px;
margin-top:5px;
}
.derniers_commentaires{
text-decoration:none;
}
.derniers_commentaires:hover{
text-decoration: underline ;
}

.mini_fb, .mini_tw, .mini_yt{
float:left;
height:16px;
width:22px;
}

.mini_fb{
background-image : url('img/icons/mini_fb.png');
background-repeat : no-repeat;
background-position : 0px 2px;
}
.mini_fb:hover{
background-position : 0px 0px;
}
.mini_tw{
background-image : url('img/icons/mini_tw.png');
background-repeat : no-repeat;
background-position : 0px 2px;
}
.mini_tw:hover{
background-position : 0px 0px;
}
.mini_yt{
background-image : url('img/icons/mini_yt.png');
background-repeat : no-repeat;
background-position : 0px 2px;
}
.mini_yt:hover{
background-position : 0px 0px;
}


.facebook_iframe{
border:0;
border:none;
overflow:hidden;
width:120px;
height:21px;
padding-left:35px;
padding-top:5px;
allowtransparency:true;
}
.twitter-follow-button{
border:0;
width: 160px;
height:20px;
margin-top:5px;
margin-left:5px;
allowtransparency:true;
}