/* cncc.css */


/* ------------	Redéfinitions de balises ------------ */

body {
	margin:0px;
	text-align:center; /* Annule le bug IE */
	font:12px/14px Arial, Helvetica, sans-serif;
	background-color:#E2DCD7;
	color:#000;
	}

img {border:0px;}
table {margin:0px; padding:0px;}
h1, h2, h3, h4, h5, h6 {margin:0px; padding:0px;}

h1 {color:#e76f00; font-size:24px; font-weight:bold; padding-left:0px; margin-bottom:40px; margin-top:40px;/*  border:1px solid red; */}
h2 {color:#0065af; font-size:14px; margin-bottom:1em; margin-top:1em;}
h3 {color:#ff8112; font-weight:bold; font-size:12px;}
.paragraphe {color:#695d54;}

/* Style des liens */
a:link 		{color:#e76f00; text-decoration:none;}
a:visited {color:#e76f00; text-decoration:none;}
a:hover 	{color:#e76f00; text-decoration:underline;}
a:active 	{color:#e76f00; text-decoration:underline;}

.clear-right {clear:right;}
.display-none {display: none;}

/* ------------	Architecture ------------ */

#main {
	margin:0px auto 0px auto; /* Centré */
	width:900px;
	text-align:left;
	background-color:white;
	position: relative;
	}

#header {
  background:url(../_img/header.jpg) no-repeat top left;
  height:110px;
  }

div#bdroite {
	width: 120px;
	height: 100px;
	background-color: #347EBA;
	float:right;
	padding-left:1em;
	padding-top:10px;
	color:white;
}

#menu_1 {
	height:26px;
	padding-top:3px;
	background:url(../_img/bg_menu_1.gif) no-repeat bottom right;
	}

.menu {
	width:182px;
	float:left;
}

.content {
	background:url(../_img/bg_content.jpg) no-repeat top left;
	padding:0px 25px 25px 25px;
	margin-left:182px;
	background-color:white;
}

#footer {
	border-bottom: 1px solid #9E8D75;
	height: 32px;
	text-align: center;
	font-size: 11px;
	padding-top:6px;
	}

/* ------------	Mise en page ------------ */

.right {text-align:right;}
.justify {text-align:justify;}
.center {text-align:center;}

.float-left {float:left;}
.float-right {float:right;}
.clearer {clear:both;}


/* ------------ Styles de textes ------------ */

.date_maj {
	margin:0px 0px 0px 450px;
  padding: 0px 0px 0px 0px;
  
  font-size: 10px;
  font-weight: bold;
  color: #FFF;
  }

.annee {
	margin:31px 0px 0px 384px;
  padding: 0px 0px 0px 0px;
  
  font-size: 16px;
  font-weight: bold;
  color: #FFF;
  }

#lien_retour {
	background:url(../_img/picto_home.gif) no-repeat 0px 4px;
	padding:4px 0px 0px 16px;
	}

#lien_retour a {
	color:#004472;
	font-weight:bold;
	font-size:11px;
	}

#footer a, #footer a:hover, #footer a:visited, #footer a:active
	{text-decoration:underline; color:#695d54; margin:0px 5px 0px 5px;}

.texte1
	{font-weight:bold; color:#e76f00;}
.texte2
	{color:#e76f00;}
/* ------------ Styles de divs ------------ */

.imprimer {
	float:right;
	font-weight:bold;
	padding-top:10px;
	text-decoration:underline;
	color:#695d54;
	cursor:pointer;
}

#menu_1_liens {
	float:right;
	padding-right:82px;
	}

.ariane {font-size:11px; margin:0px 0px 20px 3px; padding-top:10px; font-weight:bold; /*color:#9E8C7E;*/}
.ariane a, .ariane a, .ariane a:hover, .ariane a:visited, .ariane a:active
	{text-decoration:underline; color:#695d54;}
.ariane span
	{font-weight:bold; /*color:#695d54;*/}

.menu ul {list-style-type:none; padding:0px; margin:3em 0em 0em 0em;}
.menu ul li {
	margin-top:6px;
	margin-bottom:12px;
}

/* Onglets */

div.onglets {position:relative; height:22px;}
div.onglets div {
	position:absolute; top:0px; height:18px;
	color:white; font-weight:bold; padding-top:4px;
}
div.onglets div span {
	text-decoration:underline; cursor:pointer;
}
div.onglets div span.actif {
	text-decoration:none; cursor:default;
}
div.onglets div.ass {left:0px; background:url(../_img/onglet_ass.gif) no-repeat top left; padding-left:30px; width:150px;}
div.onglets div.eta {left:161px; background:url(../_img/onglet_eta.gif) no-repeat top left; padding-left:50px; width:130px;}
div.onglets div.sal {left:322px; background:url(../_img/onglet_sal.gif) no-repeat top left; padding-left:50px; width:130px;}

div.access {margin-top:20px;}
div.access div.ass {background:url(../_img/onglet_ass_bleu.gif) no-repeat;}
div.access div.eta {left:0px; background:url(../_img/onglet_eta2_bleu.gif) no-repeat top left; padding-left:30px; width:150px;}
div.access div.sal {left:0px; background:url(../_img/onglet_ass_bleu.gif) no-repeat top left; padding-left:30px; width:150px;}

.bleu_ass {background:url(../_img/onglet_ass_bleu.gif) no-repeat !important;}
.bleu_eta {background:url(../_img/onglet_eta_bleu.gif) no-repeat !important;}
.bleu_sal {background:url(../_img/onglet_sal_bleu.gif) no-repeat !important;}

.ass_1 {background:url(../_img/onglet_ass_bleu.gif) no-repeat !important;}
.eta_1 {background:url(../_img/onglet_eta2_bleu.gif) no-repeat !important;}
.sal_1 {background:url(../_img/onglet_ass_bleu.gif) no-repeat !important;}

.ass_1_orange {background:url(../_img/onglet_ass.gif) no-repeat !important;}
.eta_1_orange {background:url(../_img/onglet_eta2.gif) no-repeat !important;}
.sal_1_orange {background:url(../_img/onglet_ass.gif) no-repeat !important;}

.onglet_1 {
	height:17px; background:url(../_img/onglet_1.gif) no-repeat top left;
	color:#FFF; font-weight:bold;
	padding:5px 0px 0px 36px;
	}
	
.onglet_2 {
	height:17px; background:url(../_img/onglet_2.gif) no-repeat top left;
	color:#FFF; font-weight:bold;
	padding:5px 0px 0px 36px;
	}

.onglet_pm {
	height:17px; background:url(../_img/onglet_3.gif) no-repeat top left;
	color:#FFF; font-weight:bold;
	padding:5px 0px 0px 36px;
	}

.onglet_pp {
	height:17px; background:url(../_img/onglet_4.gif) no-repeat top left;
	color:#FFF; font-weight:bold;
	padding:5px 0px 0px 36px;
	}

.onglet_petit1 {
	height:12px; background:url(../_img/onglet_petit1.gif) no-repeat bottom left;
	width:474px;
	}

.onglet_grand1 {
	height:17px; background:url(../_img/onglet_grand1.gif) no-repeat top left;
	color:#FFF; font-weight:bold;
	padding:5px 0px 0px 36px;
	}
	
.framed
	{border:1px solid #024572;  background-color:#FFFFFF;  padding:10px; margin-bottom:20px;}
.framed2
	{border:1px solid #024572; margin-bottom:20px; background-color:#FFFFFF;}
.framed3
	{border:1px solid #024572; background-color:#eef4f9;}
.framed4
	{border:0px solid #024572; border-top:0px solid #000; border-bottom:0px solid #000; background-color:#d6e5f1;}
.framed5
	{border:1px solid #024572; background-color:#eef4f9; width:472px;}
.framed7
	{border:1px solid #024572; border-top:0px solid #000; border-bottom:0px solid #000; background-color:#d6e5f1;}

.btn {
	text-align:right;
	padding-right:20px;
	margin:10px auto 10px auto;
	}
.btn_center {
	text-align:center;
	padding-right:20px;
	margin:10px auto 10px auto;
	}

.infos_resultats {
	text-align:center;
	font-size:12px;
	
	color:#014471;
	margin-top:10px;
	margin-bottom:10px;
	}

.navigation {
	font-size:12px;
	color:#014471;
	}

#chargement {
	background:url(../_img/chargement.gif) no-repeat right top;
	position:absolute;
	top:85px;
	right:5px;
	width:110px;
	height:16px;
	color:white;
	font-weight:bold;
}

.puce_1
	{ background:url(../_img/puce_1.gif) no-repeat 0px 4px; padding:0px 0px 0px 10px;}
.puce_2
	{ background:url(../_img/puce_2.gif) no-repeat 0px 4px; padding:0px 0px 0px 10px;}
	
.avertissement
    {font-style:italic; color:#FF3333; font-size:0.95em;}
.avertissement2
    {font-weight:bold; text-align:center;}

.folio a {
    text-decoration:underline;
}

/* ------------	Styles de tableaux ------------ */

.t_crcc {color:#695d54; line-height:13px;}
.t_crcc th {padding:6px 10px 6px 10px; font-size:12px; color:#e76f00; vertical-align:top; width:160px;}
.t_crcc td {padding:6px 10px 6px 10px;}

.t_recherche { width:99%;}
.t_recherche th {padding:7px; font-size:12px; font-weight:bold; color:#014471;}
.t_recherche td {padding:7px; text-align:right;}

.t_liste-resultats { width:100%; border-collapse:collapse; border:1px solid #024572;}
.t_liste-resultats th {font-size:12px; background-color:#0065af; font-weight:bold; color:#FFF; text-align:left; padding:2px;}
.t_liste-resultats td {padding:2px;}
.t_liste-resultats .ligne_a { background-color:#cee1f0;}
.t_liste-resultats .ligne_b { background-color:#f2f7fb;}

.t_liste-resultats .ligne_a a, .t_liste-resultats .ligne_b a
	{font-weight:bold; color:#000;}


.t_crcc_ressort {}
.t_crcc_ressort th
	{color:#0065af; font-size:14px; padding-bottom:10px;}
.t_crcc_ressort .compagnies
	{text-transform:uppercase; color:#ff8112; font-weight:bold; font-size:14px; vertical-align:top; padding-top:4px;}
.t_crcc_ressort .ressort
	{color:#695d54; background:url(../_img/fleche_droite.gif) no-repeat 0px 4px; padding-left:14px; vertical-align:top;}
.t_crcc_ressort .minicarte {width:25px; vertical-align:top;}

.framed3 table {width:100%;}
.framed3 table th {padding:10px 10px 10px 20px; vertical-align:top; width:160px;}
.framed3 table td {padding:10px 10px 10px 10px; vertical-align:top;}

.framed3 p {
	padding:10px 10px 10px 10px;
	text-align: justify;
}


.framed4 table {}
.framed4 table th {padding:10px 10px 10px 20px; vertical-align:top; width:160px;}
.framed4 table td {padding:10px 10px 10px 10px; vertical-align:top;}

.framed7 table {}
.framed7 table th {padding:10px 10px 10px 20px; vertical-align:top; width:160px;}
.framed7 table td {padding:10px 10px 10px 10px; vertical-align:top;}


.tab_logs {
    width:100%;
    border:1px solid #AAA;
    margin:1em auto 1em auto;
}
.tab_logs th {
    border:1px solid #DDD;
    text-align:center;
}

.tab_logs td {
    vertical-align:top;
}

.tab_logs .ligne_a td {
    background-color: #F0F0F0;
}

.tab_logs .ligne_b td {
    background-color: #FEFEFE;
}
.tab_logs .ko {
    color:red;
    font-weight:bold;
}



/* ------------	Styles d'images ------------ */


/* ------------ Styles de formulaires ------------ */

form {margin:0px;}
.checkbox {border:0px;}
select {width:205px; vertical-align:middle; font-size:12px;}
input {width:200px; font-size:12px;}

.select_tri {color:#014471;}


.framed5 select {width:305px;}
.framed5 input {width:300px;}
#main #header .logo {
	float: left;
}

/* cac-etrangers */
.cac-etrangers {
	border:1px solid #000;
	background-color:#E76F00;
	color:#FFFFFF;
	margin:1em auto;
	width:400px;
	padding:1em;
}
.cac-etrangers p {margin:0 0 1em;}