/* css for timepicker */
.ui-timepicker-div .ui-widget-header { margin-bottom: 8px; }
.ui-timepicker-div dl { text-align: left; }
.ui-timepicker-div dl dt { height: 25px; margin-bottom: -25px; }
.ui-timepicker-div dl dd { margin: 0 10px 10px 65px; }
.ui-timepicker-div td { font-size: 90%; }
.ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; }
.ui-datepicker {width: 30em !important;}


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,
caption, tbody, tfoot, thead, tr, th {
	box-sizing: border-box;
	background: transparent;
	border: 0;
	margin: 0;
	padding: 0;
	color:#000000;
}
h1, h2, h3, h5, h6 {
	clear: both;
}
ol, ul {
	list-style: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
a img {
	border: none;
}

* {	box-sizing: border-box;font-family:verdana;color:#000000;}
div, p {font-size:12px;}

.case_cachee {display:none;}
.erreur, .error {color:#FF0000;}


.une_table {float:left;margin-top:25px;width:100%;border:1px solid #000000;background:#FFFFFF;}
.une_table td {font-size:13px;padding:11px 8px;border:1px solid #000000;}
.une_table tr.pair td {background:#f2f2f2;}
.une_table tr.survol td {background:#CCCCCC;}
.une_table th {font-size:14px;border:1px solid #000000;border-top:none;padding:4px;text-align:center;font-weight:bold;color:#FFFFFF;background:#789293;}
.une_table th a {color:#FFFFFF;}


.une_table  td.un_numero {text-align:center;}
.une_table  td.alertes, .une_table  td.alerte span {font-weight:bold;color:#FF0000;}

.une_table  td.adresse_sans_courant {min-width:120px;text-align:left;}

span.sens_asc {display:inline-block;width:11px;height:46px;background:url('img/sens_asc.png') no-repeat top;}
span.sens_asc:hover {background:url('img/sens_desc.png') no-repeat top;}
span.sens_desc {display:inline-block;width:11px;height:46px;background:url('img/sens_desc.png') no-repeat top;}
span.sens_desc:hover {background:url('img/sens_asc.png') no-repeat top;}


/* h2 {font-size:14px;font-weight:bold;text-align:center;color:#1b1e42;margin:8px 0 25px;padding:10px;background:url('img/mini_vagues.png') 30px 10px no-repeat;} */
h2 {font-family:verdana,'sansa_probold';font-size:20px;font-weight:bold;text-align:center;color:#1b1e42;margin:8px 0 20px;height:46px;padding:15px 5px 5px 25px;background:url('img/mini_logo.png') 30px 10px no-repeat;}
h3 {font-family:verdana,'sansa_probold';font-size:18px;color:#1b1e42;margin:5px 0 30px;background:url('img/mini_vagues.png') no-repeat;}

h2  i, h3 i , h2  span.traduction , h3 span.traduction  {font-family:verdana,'sansa_probold_italic';}


body {height:100%;margin:0;padding:0; border-top: 6px solid #1B1E42;background:#FFFFFF url('img/fond_page.jpg') repeat;}
#wrapper {float:left;width:100%;margin:0;background:#FFFFFF url('img/fond_wrapper_2.gif') 0 149px repeat-x;}
/* #vagues {float:left;width:100%;margin:0;background:url('img/vagues.png') center 460px no-repeat;} */
#vagues {float:left;width:100%;margin:0;}
#main {margin:0 auto;max-width:2000px;width:96%}


.droite {float:right !important;text-align:right;}
.bleu {color:#1b1e42;}
.traduction {font-style:italic;color:#3d3f3f;}
.espace_20 {float:left;width:100%;height:20px;}
.espace_30 {float:left;width:100%;height:30px;}

/* le header */

#header {float:left;position:relative;margin:0 auto;height:177px;width:100%;}
#bloc_deconnexion {position:absolute;top:10px;right:0px;text-align:right;}
#bloc_deconnexion a {font-size:9px;color:#003674;}
#entete {display:none;position:absolute;top:90px;right:0px;text-align:right;}
#titre_1 {font-family:verdana,'sansa_probold';color: #1b1e42;font-size: 28px;height: 19px;}
#titre_2 {font-family:verdana,'sansa_probold';font-size:20px;font-style:italic;margin:11px 0 8px;}
#titre_3 {font-family:verdana,'sansa_probold';color: #1b1e42;height:18px;font-size: 20px;font-weight: bold;padding:0 0 0 30px;background:url('img/micro_logo.png') 0px 0px no-repeat;}

#logo {max-width:100%;float:left;margin:0;width:477px;height:149px;background:url('img/logo_2.jpg') 46px 0px no-repeat;}
#logo a {display:block;float:left;margin:0;width:100%;height:100%;}

#compte_rendu {float:left;color:red;text-align:center;width:100%;}

#contenu {box-sizing: border-box;float:left;min-height:500px;position:relative;padding:0 10px 200px 10px;margin:35px 0 0px 0px;width:100%;background:url('img/fond_footer.png') no-repeat;background-position:bottom;}
body.inscription #contenu {background:url('img/grand_logo.png') bottom right no-repeat;}

#footer {float:left;color:#FFFFFF;padding-top:30px;margin:0px 0 0 0;height:130px;width:100%;background:#1b1e42;border-top:1px solid #3c3e3e;}
#footer_2 {position:relative;margin:0 auto;height:100px;width:100%;max-width: 800px;}
#footer_3 {position:relative;height:7px;width:100%;margin:-7px auto 0;left:-40%;background:#e30613;}

div.le_libelle {float:left;text-align:right;width:27%; min-height: 1px;margin:0px 4px;font-size:13px;line-height:24px;font-weight:bold;}
div.le_champ {float:left;text-align:left;margin:0 4px;line-height:24px;width:70%;}
div.le_champ  input {margin-top:3px;margin-left:2px;}

.une_date {width:80px;text-align:center;}
.un_numero {width:60px;text-align:right;}
.une_heure {width:45px;text-align:center;}

textarea {width:240px;height:80px;font-size: 12px;}
.tres_grand {width:300px;}
.grand {width:200px;}
.moyen {width:100px;}
.petit {width:40px;}
.petit_texte {font-size:10px;}
div.bouton {margin-top:10px;}



/* footer */

#footer_2 * {color:#FFFFFF;}
#bloc_adresse {float:left;text-align:right;}
#adresse {float:left;width:140px;text-align:left;margin-left:46px;border-right:1px solid #FFFFFF;}
#coordonnees {float:left;text-align:left;margin-left:20px;}
#mentions {float:left;text-align:right;font-size:8px;width:100%;}

/* home page */

.home p {float:left;width:87%;margin:0 0 15px 0;}

.les_colonnes {display:block;width:100%;}

.colonne_bleu {width: 50%;float:left;}
.bloc_bleu {max-width:500px;width:100%;padding:10px;float:left;text-align:center;color:#494948;font-size:12px;margin:0;background:#f2f2f2;padding:10px;-webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px;}

@media (max-width: 720px) {
  .colonne_bleu {width:100%;margin-top:15px};
  }

hr {max-width:80%;float:left;width:540px;height:1px;border:0px;background:#000000;margin:20px auto;}

.ligne {float:left;width:100%;margin-bottom:7px;}
.libelle {float:left;text-align:right;width:55%;padding:0 8px 0 0;margin-top:3px;} 
.champ {float:left;text-align:left;width:40%;}
.champ input{width:156px;}
.champ input.supprimer {height:18px;}
.mentions {font-size:9px;margin:20px 0 5px;}

input {font-size:12px;padding:2px 6px;border-radius: 5px;border: 1px solid #ccc;}
input.valider {cursor:pointer;width:auto;padding:3px 8px;text-align:center;color:#FFFFFF;background:#1b1e42;border:1px solid #3d3f3f;box-shadow: 2px 2px 2px #aaa;}
input.petit {width:94px;}

#bloc_bleu_2 .libelle {width:53%;}
#bloc_bleu_2 .champ {width:43%;}
#bloc_bleu_2 h2 {background:url('img/mini_vagues.png') 15px 10px no-repeat;}


/* les offres */
.offres hr {width:100%;margin:15px 0;}
.offres #entete {display:block;}



#le_tri {float:left;width:100%;text-align:center;padding:3px 0;color: #1b1e42;font-size: 13px;font-weight: bold;background:url('img/micro_logo.png') 18px 3px no-repeat;}
#le_tri p {display:inline;font-size:11px;color:#003674;}
#le_tri .form_tri {display:inline;font-size: 11px;}

#globale {float:left;width:100%;}
#les_offres {float:left;width:100%;}
.numero {float:left;width:100%;font-size:20px;color:#003674;margin:3px 0 10px;}
.une_annonce {float:left;width: 100%;position:relative;padding:3px 10px 10px 20px;border-top:1px solid #000000;}
.les_infos {float:left;line-height:16px;}
.l_info {font-weight:bold;font-style:italic;}
.pair {background:#f2f2f2;}
.la_reponse {position:absolute;font-size:11px;top:50px;left:370px;color:#e30613;font-weight:bold;}
.repondre {color:#e30613;font-weight:bold;}

body.offres .champ {text-align:left;}


/* actualites */

.bloc_actualites {margin-bottom:40px;padding:0 15px 15px 15px;border:1px solid #003366;background:#f2f2f2;}
.titre_fr {text-align:center;font-size:14px;width:120px;padding:10px;border-radius:15px 15px 0 0;color:#003366;background:#789293;}
.titre_be {margin-left:20px;text-align:center;font-size:14px;width:120px;padding:10px;border-radius:0 0 15px 15px;color:#669999;background:#1b1e42;}

.liens_admin {text-align:center;margin-bottom:25px;}
.liens_admin a {margin:0 10px;}

.port {font-weight:bold;}
.cachee {display:none;}

.ligne_formulaire input {width:140px;}
.ligne_formulaire input.petit {width:40px;}
.ligne_formulaire input.bouton {width:90px;}

.alerte {color: red;}