/*________ RECAP DES COULEURS _____________*/
/*
noir du menu :  070b12
noir latéral gauche : 010806

bleu clair sonorisation : 0056ff
bleu foncé sonorisation : 0046da

rouge clair eclairage : ff164e
rouge foncé eclairage :da1242

vert clair flights : a0c600
vert foncé flights : 86a600

orange clair accessoires : ffa700
orange foncé accessoires : ed9000

violet clair : 8934fd
violet foncé : 5413ad

gris clair : a1adc4
gris foncé : 7b859b

*/

/*_____________ GENERAL _____________*/
html,body{
  	font-family: verdana,Arial, Times, Helvetica;
    color : #0062AB;
    margin:0px;
    padding:0px;
    font-size : 11px;
    text-align:center;
    line-height : 1.2;
	background-color:#E8F5FF;
}

.body_light{
	background-color:white;
}

div,p,form,table,ul,li,ol ,button{
    margin:0px;
    padding:0px;
    font-size : 12px;
}

img {
 	border : 0px;
}

.img_middle {vertical-align:middle;}

li {
    list-style-position:inside;
    list-style-type:none;
	/*height:15px;*/
}

/*_________ BLOC PRINCIPAUX _____________*/
#conteneur{ 
    width:950px;
    margin:0px;
    padding:0px;
    margin-top : 0px;
    margin-right : auto;
    margin-left:auto;
    text-align:left;
	background-color:#56BAFF;
	background:url(/images/bg_general.jpg);
	background-repeat:no-repeat;
	background-position:left bottom;	
}
#conteneur_background{ 
    background-image:url(/images/fond.gif);
	background-repeat:repeat;
	background-color:white;
	margin-right : auto;
    margin-left:auto;
	width:1200px;   
	/*background-position : left bottom;*/
}

#footer_background{
    background:url(/images/fond2.gif);
    background-repeat:no-repeat;
	height:125px;
	margin-right : auto;
    margin-left:auto;
	width:1200px;   
}

#colonne_principale{
width:695px;
/*background-color:#ffffff;
min-height:772px;*/
/*background:url(/images/back_boxes.jpg);
background-position:bottom;*/
background-repeat:no-repeat;
}

#colonne_gauche{
    float:left;
    padding-top:0px;
    width:255px;
    min-height : 300px;
    color : #0062AB;
	/*background-color:#6Ec3fa;*/
}


#colonne_droite{
float:left;
width:695px;
/*background-color : #ffffff;*/
background-color:transparent;
background:url(/images/bg_top.jpg);
background-repeat:no-repeat;
background-position:right top;
}

#container{
	background-color:#FFFFFF;
}

#container2{
	padding-top :10px;
    padding-left:5px;
	padding-right:10px;
	background:url(/images/back.png);
    background-repeat:repeat-y;
	background-color:#7ac9fe;
	/*min-height:571px;*/
	min-height:650px;
	-height:650px;
}

#container2{
	min-height:1180px;
}

.footer{
	font-size:8px;
    text-align:center;
  /*  background:url(/images/footer.jpg);*/
    background-repeat:no-repeat;
	width:695px;
	/*height:78px;*/
	padding-bottom : 10px;
}

.footer_container{
    background:url(/images/bas.png);
    background-position:bottom left;
    background-repeat:no-repeat;
	width:695px;
	height:21px;
	background-color:#FFFFFF;
}

.footer a {text-decoration:underline; color:#ffffff;}

.clear_left {
    clear:left;
}
.clear_both{
    clear:both;
}

.float_left {
    float:left;
    margin-left : 10px;
}

#colonne_principale2 {
     width : 695px;
     min-height:1230px;
}

#colonne_principale_top2 {
    background:url(/images/colonne_principale_top2.png);
    background-repeat:no-repeat;
    background-position :top right;    
    height : 18px;
    width : 695px;
	/*background-color:#FFFFFF;*/
	background-color:transparent;
}

/*___________ TABLEAU _____________*/

table {
    border : none;
    border-spacing: 0px;
    
}

th , .tri{
    background-color:#0062AB;
    color : #ffffff;
    font-weight : bold;
    font-size : 12px;
    padding : 2px;
    text-align:center;
    text-decoration:none;
    margin:0px;
    /*height : 20px;*/
}
td {
    color : #3c2b2c;
    margin:0px;
    padding:2px;
}

th, td {
border:none;
}

.opx td{
   padding:0px;
}

/*___________ PUCES _____________*/

ul {
    list-style-type:disc;
    color : #b34b73;;
}

#contenu_principal ul{
    list-style-position : inside;
    line-height : 1.2;
}

#contenu_principal ol{
    list-style-position : inside;
}


ol {
    color : #b34b73;
    font-weight:bold;
}


/*___________ POLICES _____________*/
h1,h2,h3,h4 {
    margin:0px;
}

h1 {
    color : #0062AB;
    font-weight : bold;
    font-size : 19px;
    text-transform : uppercase;
    letter-spacing:0.4px; 
    margin-bottom : 10px;
	margin-left : 10px;
	background-image:url(/images/biz.png);
    background-repeat:no-repeat;
	background-position:top left;
    padding-left:45px;
    /*height:25px;*/
}

h2 { 
    font-size : 16px;
	color:#0062AB;
	font-weight:bold;
	margin-bottom : 10px;
}


h3 {
    font-size : 13px;
    font-weight : bold;
	text-align: justify;
	color:#0062AB;
	margin-bottom:3px;
}

#content_news h3 a,#content_news h3 a:hover,#content_news h3 a:visited{
    font-size : 12px;
    font-weight : bold;
	text-align: justify;
	color:#0062AB;
	text-decoration:none;
}

h4 {
    font-size : 12px;
    font-weight : bold;
	text-align: center;
	color:#0062AB;
}

.tri{
    display:list-item;
    list-style-position:inside;
    list-style-image : url(/images/tri.png);
}

hr {
    border : 1px solid #681139;
    margin:20px;
}

.erreur {
    margin-top:5px;
    margin-bottom : 10px;
    color : red;
    font-weight : bold;
}

.petit_blanc {
    font-size :11px;
    color : #ffffff;
}

a.petit_bleu,a.petit_bleu:hover {
    font-size :11px;
    color:#0058FF;
    text-decoration:none;
}

a.petit_bleu:hover {
    text-decoration:underline;
}

.petit {
font-size :12px;
}

.bold {
    font-weight : bold;
}

.citation {
    font-style: italic;
}

.noir {
    color : #000000;
    font-weight : normal;
}

.big {
    font-size : 16px;
}

.message{
	color : green;
	font-weight:bold;
}
.menu_gauche_cat a {
	color:#ffffff;
}

.noir { color: #070b12;}
.bleu { color: #0046da;}
.rouge { color: #da1242;}
.vert { color: #86a600;}
.orange { color: #ed9000;}
.violet { color: #5413ad;}
.gris { color: #7b859b;}
.marron {color:#734423;}

/*___________ LIENS_____________*/
a {
   color : #000000;
	/*font:tahoma;*/
    text-decoration:hover;
	cursor:pointer;
}

a:hover {
    color : #000000;
    text-decoration:hover;
	cursor:pointer;
}


/*___________ AUTRES PAGES ___________*/
.mdp_oublie {
	margin-top : 5px;
    margin-left : 5px;
     margin-right: 5px;
	float:right;
}   

.mdp_oublie a {
	color:#257cff;
}   

.mdp_oublie a:hover {
	color:white;
}   

/*_______________MENU TELECHARGEMENT________________*/
.menu_telechargement{
	float:left;
	font-size:11px;
	color:white;
	text-align:center;
	width:99px;
	height:18px;
	margin-left:0px;
	margin-right:4px;
	margin-bottom:10px;
	padding-top:5px;
	background-image:url(/images/charte/barre-menu_telechargement_off.gif)
}

.menu_telechargement_on{
	float:left;
	font-size:11px;
	color:white;
	text-align:center;
	width:99px;
	height:18px;
	margin-left:0px;
	margin-right:4px;
	margin-bottom:10px;
	padding-top:5px;
	background-image:url(/images/charte/barre-menu_telechargement_on.gif)
}

.menu_telechargement:hover{
	float:left;
	font-size:11px;
	color:white;
	text-align:center;
	width:99px;
	height:18px;
	margin-left:0px;
	margin-right:4px;
	margin-bottom:10px;
	padding-top:5px;
	background-image:url(/images/charte/barre-menu_telechargement_on.gif)
}

.barre_grise_telechargement{
	height:30px;
	width:717px;
	background-color: #bfbfbf;
	color:white;
	margin-right:2px;
	margin-right:12px;
	font-weight:bold;
}

.barre_grise_telechargement_intitule{
width:150px; 
float:left;
margin-left:15px; 
color:black; 
margin-top:8px; 
margin-right:15px;
}

.barre_grise_telechargement_titre{
height:25px;
	width:701px;
	background-color: #bfbfbf;
	color:white;
	font-size:14px;
	color:#257CFF;
	margin-right:12px;
	font-weight:bold;
	padding:5px 0px 0px 15px;
}

/*___________ FORMULAIRES _____________*/
label{
    font-size:12px;
    font-weight:bold;
    width:180px;
    cursor:pointer;
    display: inline;
    float: left;    
   margin:1px;
}


input,select,textarea  {
    border : 1px solid #010806;
    color:#7B859B;
    padding-left : 3px;
    margin:1px;
}

input[type=submit] , input[type=button]{
    background-color:#0062AB;
    border : 1px solid #OO3963;
    color : #ffffff;
    padding : 2px;
    text-align:center;
    cursor:pointer; 
}

input[type=submit]:hover {
    background-color:#ffffff;
    color : #010806;
}

input[type=checkbox] ,input[type=radio] {
border:none;
}

button {
/*    background-color:transparent;
    border:none;*/
    cursor : pointer;
}

.bouton_none{
    background-color:transparent;
    border:none;
}

#header button{
  background-color:transparent;
  border:none;
}

#logo {
 width: 255px; 
 height: 170px; 
 display: block;
}

#flash_a{
width: 695px; 
}

#flash_b{
width: 695px; 
}

#lang{
background-image:url(/images/cadre_lang.png);
background-repeat:no-repeat;
background-position:left bottom;
height:56px;
width:66px;
float:left;
margin-top:-7px;
margin-right:44px;
}

#header{
background-image:url(/images/tops.jpg);
background-repeat:no-repeat;
height:49px;
width:575px;
float:left;
padding-left:120px;
padding-top:7px;
color:#ffffff;
font-size:11px;
font-weight:normal;
}

#header label {
color:#ffffff;
font-size:11px;
font-weight:normal;
float:none;
display:inline;
}

#header p{
margin-top:3px;
float:left;
width:405px;
}

#header a,#header a:hover,#header a:visited {
color:#ffffff;
font-size:11px;
font-weight:normal;
background-color:transparent;
background-image:none;
}

.liens_header{
float:right;
padding-right:10px;
width:205px;
}

.err_header{
float:right;
padding-top:2px;
padding-right:30px;
width:200px;
}

.id_header{
float:left;
padding-top:5px;
width:200px;
}

#bande_header{
background-image:url(/images/top2.jpg);
background-repeat:no-repeat;
height:22px;
width:695px;
float:left;
color:#ffffff;
font-size:11px;
font-weight:normal;
}

#menu ul{
display:inline;
}

#menu li{
float:left;
list-style-position:outside;
height:45px;
}

.searchfield{
border:1px solid #62A1D1;
color:#62A1D1;
padding:0px;
width:127px;
}

#top_news{
background:url(/images/box_ta.jpg);
background-repeat:no-repeat;
height:44px;
width:255px;
}

#gauche_news{
width:255px;
height:279px;
font-weight:bold;
}

#content_news{
background:url(/images/boxa_bg.jpg);
background-repeat:no-repeat;
height:234px;
text-align:right;
padding-left:10px;
padding-right:20px;
}

#content_news a,#content_news a:hover,#content_news a:visited{
color:#5f9700;
}

.news{
text-align:left;
height:55px;
font-size:10px;
margin-bottom:3px;
}

#top_mon_compte{
background:url(/images/head_mon_compte.jpg);
background-repeat:no-repeat;
height:45px;
width:255px;
background-color:#6Ec3fa;
}

#top_outils_vod{
background:url(/images/head_outils_vod.jpg);
background-repeat:no-repeat;
height:45px;
width:255px;
background-color:#6Ec3fa;
}

#top_live_show{
background:url(/images/head_live_show.jpg);
background-repeat:no-repeat;
height:45px;
width:255px;
background-color:#6Ec3fa;
}

#top_rencontre{
background:url(/images/head_rencontre.jpg);
background-repeat:no-repeat;
height:45px;
width:255px;
background-color:#6Ec3fa;
}

#top_boutique{
background:url(/images/head_boutique.jpg);
background-repeat:no-repeat;
height:45px;
width:255px;
background-color:#6Ec3fa;
}

#top_mobile{
background:url(/images/head_mobile.jpg);
background-repeat:no-repeat;
height:45px;
width:255px;
background-color:#6Ec3fa;
}

#top_services{
background:url(/images/head_services.jpg);
background-repeat:no-repeat;
height:45px;
width:255px;
background-color:#6Ec3fa;
}

#content_menu_gauche{
background:url(/images/backgnd_col_connecte.jpg);
background-repeat:repeat-y;
}

#bottom_menu_gauche{
height:20px;
background:url(/images/bottom_col_connecte.jpg);
background-repeat:no-repeat;
}

#gauche_menu{
width:255px;
min-height:590px;
}

#gauche_menu li{
    padding: 2px 0px 2px 25px;
	margin: 0px 10px;
	color:#0062AB;
}

#gauche_menu a,#gauche_menu a:visited, #gauche_menu a:focus, #gauche_menu a:active{
font-weight:bold;
text-decoration:none;
font-size : 13px;
color:#0062AB;
}

#gauche_menu a:hover{
font-weight:bold;
text-decoration:none;
font-size : 13px;
color:#5F9700;
}

#gauche_menu li:hover, #gauche_menu li:focus, #gauche_menu li:active{
background:url(/images/fleche_menu.gif);
background-repeat:no-repeat;
}

#top_chat{
background:url(/images/box_tb.jpg);
background-repeat:no-repeat;
height:32px;
width:245px;
text-align:right;
padding-top:12px;
padding-right:10px;
font-size : 9px;
}

#gauche_chat{
width:255px;
height:294px;
}

#content_chat{
background:url(/images/boxb_bg.jpg);
background-repeat:no-repeat;
height:250px;
padding-top:5px;
padding-right:92px;
padding-left:10px;
font-weight:bold;
font-size : 11px;
}

#content_chat a,#content_chat a:hover,#content_chat a:visited{
color:#5f9700;
}

#gauche_infos{
background-image:url(/images/links_bg.png);
background-repeat:no-repeat;
height:91px;
width:255px;
}

#gauche_infos a,#gauche_infos a:hover,#gauche_infos a:visited{
color:#FFFFFF;
font-size:12px;
font-weight:bold;
text-decoration:none;
}

#gauche_infos ul{
list-style-type:none;
padding:11px 0 0;
}

#gauche_infos li{
padding:5px 0 5px 50px;
}

.copy{
float:left;
padding:16px 0 9px 135px;
}

.tdres{
float:left;
padding:16px 0 0 150px;
}

#boxes{
width:695px;
padding-top:5px;
height:153px;
}

#boxes a,#boxes a:hover,#boxes a:visited{
color:#0062AB;
font-size:10px;
font-weight:bold;
text-decoration:none;
}

#box1{
float:left;
width:141px;
background-image:url(/images/box1.jpg);
background-repeat:no-repeat;
height:19px;
padding-top:134px;
padding-left:90px;
}

#box2{
float:left;
width:141px;
background-image:url(/images/box2.jpg);
background-repeat:no-repeat;
height:19px;
padding-top:134px;
padding-left:90px;
}

#box3{
float:left;
width:136px;
background-image:url(/images/box3.jpg);
background-repeat:no-repeat;
height:19px;
padding-top:134px;
padding-left:90px;
}

.flag_big{
width:32px;
height:32px;
padding-top:10px;
padding-left:17px;
}

.flag{
width:16px;
height:16px;
vertical-align:bottom;
}

.dropdown { position: absolute; top: 50px; left:450px;z-index: 9999; background: #0062AB;
	/*border*/
}
.dropdown ul {background: #0062AB; padding: 0; margin: 5px; ; 
	/*border*/
	border-radius: 10px;
 }
.dropdown li { background: #0062AB;display:inline;line-height: 2.5em; color: #0062AB; font-size: 13px; margin: 0; list-style-position: outside; white-space: nowrap; text-align: left; border-bottom: 1px solid #0062AB; }
.dropdown li.last a { border-bottom: none; }
.dropdown li a { color: #000; padding: 0 15px; text-align: left; }
.dropdown li a:hover { background: #B8f439; }

.lang_info .dropdown { position: absolute; z-index: 9999; top: 20px; right: -6px; }
.lang_info .dropdown ul { margin: 4px; }
.lang_info .dropdown li a { padding-left: 8px; padding-right: 8px; text-align: center !important; }

.lang_info { width: 300px; position: relative; text-align: right; margin-bottom: 5px; font-size: 13px; line-height: 1.7em; }
.lang_info li { line-height: 1.7em; color: #000; font-size: 13px; list-style-position: outside; white-space: nowrap; text-align: left; margin: 0; }
.lang_info li a { text-align: right; text-decoration: none; display: block; cursor: pointer; }

#standard label{
width:190px;
}

input.validation-failed, textarea.validation-failed {
	border: 1px solid #FF3300;
	color : #FF3300;
}
input.validation-passed, textarea.validation-passed {
	border: 1px solid #00CC00;
	color : #000;
}

.validation-advice {
	margin: 5px 0;
	padding: 5px;
	background-color: #FF3300;
	color : #FFF;
	font-weight: bold;
    width:450px;
}

.custom-advice {
	margin: 5px 0;
	padding: 5px;
	background-color: #C8AA00;
	color : #FFF;
	font-weight: bold;
}

.field-widget{
float:left;
}

.bleu_fonce{
color:#003963;
}

.Accordion {
	overflow: hidden;
	background-color: #FFFFFF;
}

.AccordionPanel {
	margin: 0px;
	padding: 0px;
}
.AccordionPanelTab {
	font-family: "Century Gothic", Arial, Helvetica, sans-serif;
	color: #449ACB;
	letter-spacing: -1px;
	background-image: url(/images/h2_fond.gif);
	font-size: 16px;
	height: 30px;
	background-repeat: repeat-x;
	background-position: top;
	margin-top: 0px;
	list-style-position: inside;
	margin-bottom: 0px;
	padding-top: 0px;
	font-weight: bold;
}

.AccordionPanelContent {
	overflow: auto;
	margin: 0px;
	padding: 0px;
/*	height: 200px;*/
	background-color: #FFFFFF;
}

.AccordionPanelTabHover {
	color: #97d920;
}
.AccordionPanelOpen .AccordionPanelTabHover {
	color: #0569b4;
}

.AccordionFocused .AccordionPanelTab {
/*	background-color: #3399FF;*/
}

.input_cat{
float:left;
margin-right:10px;
}

.fond_bleu{
background-color:#ceeaff
}


/*ModalBox*/
#MB_overlay {
	position: absolute;
	margin: auto;
	top: 0;	left: 0;
	width: 100%; height: 100%;
	z-index: 9999;
	background-color: #000!important;
}
#MB_overlay[id] { position: fixed; }

#MB_window {
	position: absolute;
	top: 0;
	border: 0 solid;
	text-align: left;
	z-index: 10000;
}
#MB_window[id] { position: fixed!important; }

#MB_frame {
	position: relative;
	background-color: #E8f5ff;
	height: 100%;
}

#MB_header {
	margin: 0;
	padding: 0;
}

#MB_content {
	padding: 6px .75em;
	overflow: auto;
}

#MB_caption {
	font: bold 100% "Lucida Grande", Arial, sans-serif;
	text-shadow: #FFF 0 1px 0;
	padding: .5em 2em .5em .75em;
	margin: 0;
	text-align: left;
}

#MB_close {
	display: block;
	position: absolute;
	right: 5px; top: 4px;
	padding: 2px 3px;
	font-weight: bold;
	text-decoration: none;
	font-size: 13px;
}
#MB_close:hover {
	background: transparent;
}

#MB_loading {
	padding: 1.5em;
	text-indent: -10000px;
	background: transparent url(/images/spinner.gif) 50% 0 no-repeat;
}

/* Color scheme */
#MB_frame {
	padding-bottom: 7px;
	-webkit-border-radius: 7px; 
	-moz-border-radius: 7px;
	border-radius: 7px;
}
#MB_window {
	background-color: #E8f5ff;
	color: #0062ab;
	-webkit-box-shadow: 0 8px 64px #000; 
	-moz-box-shadow: 0 0 64px #000; 
	box-shadow: 0 0 64px #000;
	
	-webkit-border-radius: 7px; 
	-moz-border-radius: 7px;
	border-radius: 7px;
}
#MB_content { border-top: 1px solid #F9F9F9; }
#MB_header {
  background-color: #0062ab;
  border-bottom: 1px solid #CCC;
  color:ffffff;
}
#MB_caption { color: #ffffff }
#MB_close { color: #777 }
#MB_close:hover { color: #000 }


/* Alert message */
.MB_alert {
	margin: 10px 0;
	text-align: center;
}

.outils label{
width:160px;
vertical-align:middle;
}

.outils select{
vertical-align:middle;
width:150px;
}

.outils_field_head{
color:#0062AB;
}


a.zoom_image {
  position:relative;
}
a.zoom_image:hover {
   background: none; 
   z-index: 500; 
}
a.zoom_image span {display: none;}
a.zoom_image:hover span {
   display: inline; 
   position: absolute;
   white-space: nowrap;
   top: 10px; 
   left: 10px;
   padding: 3px;
}

.label_long {
width:250px;
text-align:left;
}

.label_court {
width:115px;
text-align:left;
}


.status_new {
	color:red;
	font-size:10px;
}

.status_maj {
	color:#5f9700;
	font-size:10px;
}	

.status_dev {
	color:#F88017;
	font-size:10px;
}

.bordure_noire{
border:1px solid black;
border-color:black;
}

.bordure_noire td{
border:1px solid black;
border-color:black;
}

.bordure_noire tr{
border:1px solid black;
border-color:black;
}

.upper{
text-transform:uppercase;
}

.centrer{
text-align:center;
}