/* ---------- Général ---------- */

body {
	/*background-color: #ffffff;*/
	background:#F4F4F5;
	color: #666666;
	font-family: Verdana, sans-serif;
	font-size: 11px;
	margin: 0;
}

h1 {font-size: 20px;}

h2 {
	margin: 0 0 6px 0;
	padding: 5px 0 0 16px;
	font-family: Arial, sans-serif;
	font-size: 15px;
	text-transform: uppercase;
	color: #666666;
}

h2 span {
	color: #008bcf;
}

ul {
	margin: 0;
	padding: 0;
}

a {
	color: #0078c6;
	text-decoration:none;
}

a:hover {
	text-decoration:underline;
}

a.noStyle {
	color:#666666;
	text-decoration:none;
}

.justify { text-align: justify; }
.souligne { text-decoration: underline; }
.bold { font-weight: bold; }

img {
	vertical-align: text-bottom;
	border: 1px solid #eff0f0;
}

.bleu { color: #0078c6; }
.gris { color: #888888; }
.gris2 { color: #666666; }
.gris3 { color: #3b3b3b; }

div.flechebleu h2 {
	background: url("images/picto_home.gif") 0 4px no-repeat;
	padding-left: 35px;
}

div.flechebleu a.lien  {
	background: url("images/point-gris.gif") 0px 6px no-repeat;
}

div.bleu h2 {
	background: url("images/titre_bleu.gif") top left no-repeat;
}

div.bleu a.lien {
	background: url("images/fleche_bleu.gif") 0px 6px no-repeat;
}

div.clear {
	clear: both; font-size: 1px; height: 1px;
}

div#page {
	position: relative;
	background: url("images/page_fond.gif") 344px 0 repeat-y #ffffff;
	width: 926px;
	padding-bottom: 20px;
	margin: auto;
	background:#ffffff;
}

/* ---------- Haut ---------- */

div#top {
	background-color: #F4F4F5;
	height: 34px;
	padding-top: 26px;
	padding-left: 40px;
	color: #666666;
}

div#top a {
	margin: 0px 4px;
	color: #666666;
}

div#top a.bleu { color: #0078c6; }

div#top a:hover {
	color: #0078c6;
}


/* Menu */
div.menu {
	height: 43px;
}

div.menu ul { list-style-type: none; }


	div.menu ul.ulHn1 li {
		position: relative;
		display: block;
		float: left;
		z-index: 1;
	}
	
		div.menu ul.ulHn1 li a {
			display: block;
			width: 103px;
			background-image: url("images/menu_bleu1.gif");
			background-position: 0 0;
			background-repeat: no-repeat;
			color: #FFFFFF;
			font-size: 10px;
			text-decoration: none;
			text-transform: uppercase;
		}
		
			div.menu ul.ulHn1 li a#aHn1_1 { width: 102px; }
		
				/*div.menu ul.ulHn1 li a#aHn1_1 { width: 86px; }
				div.menu ul.ulHn1 li a#aHn1_2 { width: 94px; }
				div.menu ul.ulHn1 li a#aHn1_3 { width: 118px; }
				div.menu ul.ulHn1 li a#aHn1_4 { width: 94px; }
				div.menu ul.ulHn1 li a#aHn1_5 { width: 98px; }
				div.menu ul.ulHn1 li a#aHn1_6 { width: 102px; }
				div.menu ul.ulHn1 li a#aHn1_7 { width: 118px; }
				div.menu ul.ulHn1 li a#aHn1_8 { width: 114px; }
				div.menu ul.ulHn1 li a#aHn1_9 { width: 102px; }*/
				
				div.menu ul.ulHn1 li a#aHn1_8, div.menu ul.ulHn1 li a#aHn1_9 {
					background-image: url("images/menu_gris1.gif");
					color: #0078c6;
				}
		
					/* Hover */
					div.menu ul.ulHn1 li a:hover {
						background-image: url("images/menu_jaune1.gif") !important;
						color: #0078c6;
					}
					
				div.menu ul.ulHn1 li a strong {
					display: block;
					height: 34px;
					padding: 9px 10px 0 10px;
					font-weight: normal;
					text-align: center;
					cursor: pointer;
					background-image: url("images/menu_bleu2.gif");
					background-position: top right;
					background-repeat: no-repeat;
				}
					
					div.menu ul.ulHn1 li a#aHn1_1 strong {
						height: 29px;
						padding: 14px 10px 0 10px;
					}
					
					div.menu ul.ulHn1 li a#aHn1_8 strong, 
					div.menu ul.ulHn1 li a#aHn1_9 strong {
						background-image: url("images/menu_gris2.gif");
					}
					
						/* Hover */
						div.menu ul.ulHn1 li a:hover strong {
							background-image: url("images/menu_jaune2.gif") !important;
						}
						
						
	/* Niveau 2 */
	div.menu ul.ulHn2 {
		position: absolute;
		top: 43px;
		left: 0;
		display: none;
		width: 203px;
		background-color: #EEF3F5;
		border: 2px solid #C0D6E1;
		color: #FF7100;
		z-index: 2; 
	}
	
		div.menu ul.ulHn2 li {
			float: none;
		}
		
			div.menu ul.ulHn2 li a {
				display: block;
				width: 200px;
				padding: 4px 5px;
				color: #0078C6;
				text-decoration: none;
				text-transform: none;
				background-image: none !important;
			}
			
					div.menu ul.ulHn2 li a:hover {
						background-image: none !important;
						color: #00529F;
					}
			
			
	/* li:hover */		
	div.menu ul.ulHn1 li:hover ul.ulHn2 {
		display: block !important;
	}
	
	


/* MENU  haut*/		

.menu { display  	: block; 
		position 	: relative;
		z-index	 	: 1;
		float 		: left; }

.ssmenu { width 		   : 150px;
		  clear 		   : both;
		  position 		   : absolute;
		  z-index	 	   : 2; 
		  background-color : #EEF3F5;
		  border 		   : 2px solid #C0D6E1;
		  color 		   : #FF7100 ;}
		
.ssmenu li {  list-style-type : none; /*margin-bottom : 2px;*/ }	
			 
.ssmenu a { text-decoration : none;
			display			:block;
			padding			: 5px;
			 }

.ssmenu a:hover{ 	background-color 	: #FCC100;
		  			color 				: #0078c6;}
				 
#ssmenu1,#ssmenu2  { width : 170px;}	

#ssmenu4,#ssmenu5  { width : 190px;}	



div#tracker {
	background-color: #fecc00;
	font-weight : bold;
	font-family: Verdana, sans-serif;
	height: 20px;
	padding: 6px 0 0 44px;
	color: #656565;
	font-size : 11px;
}

		div#tracker a {
			color: #303030;
		}

		
/* BANDEAU */		
div.haut {
	width: 926px;
	height: 282px;
	background: #004d96 url("images/haut-fond.jpg") 0 0 no-repeat;
}

	div.haut div.hautG {
		float: left;
		width: 634px;
	}
	
		div.haut a.logo {
			position: relative;
			float: left;
			width: 344px;
			height: 112px;
			overflow: hidden;
		}
		
			div.haut a.logo img { border: 0; }
			
		div.haut h1.baseline, 
		div.haut div.baseline {
			overflow: hidden;
			position: relative;
			float: left;
			width: 240px; /* 288 */
			height: 62px; /* 112 */
			font-family: Verdana;
			font-size: 18px;
			font-weight: normal;
			text-transform: uppercase;
			color: #ffffff;
			margin: 0;
			padding: 50px 0 0 48px;
		}
		
		/* Div Scroll */
		div.haut div.hautG div#divScroll {
			position: relative;
			clear: both;
			width: 634px;
			height: 170px;
			font-size: 1px;
			line-height: 1px;
			visibility: hidden;
		}
		
		/*div.haut div.hautG div#divScroll div {
			margin-top: -10px;
		}*/
		
			div.haut div.hautG div#divScroll p.img {
				float: left;
				width: 344px;
				height: 170px;
			}
			
				div#divScroll p.img img { border: 0 !important; }
				
		
			div#divScroll p.text {
				float: left;
				width: 275px; /* 290 */
				height: 160px; /* 170 */
				padding: 10px 0 0 15px;
				font-size: 11px;
				line-height: 14px;
				font-style: normal;
			}
				
				div#divScroll p.text span {
					display: block;
					padding-top: 13px;
					text-decoration: none;
				}
				
				div#divScroll p.text span.s1 {
					background: url("images/exemple_fleche.gif") 0 18px no-repeat;
					padding-left: 14px; 
				}
				
				div#divScroll p.text span.s1 a {
					font-size: 14px;
					font-weight: bold;
					color: #fcb600;
				}
				
				div#divScroll p.text span.s2 a {
					font-size: 12px;
					font-weight: normal;
					color: #ffffff;
				}
			
		
		
	div.haut div.hautD {
		float: left;
		width: 280px;
		padding-right: 10px;
	}
		
/*div#logo {
	float: left;
	width: 343px;
	background: url("images/coursier-transport.jpg") top left no-repeat;
	padding: 113px 0 1px 1px;
}*/

/* menu coursier */
#logo_cap { 
	background 	: url("images/logo_cap.gif") no-repeat;
	width 		: 346px;
	height 		: 113px;
	float 		: left; }

div#logo img {
	border: none;
}

div#problematique {
	background: url("images/contact.jpg") bottom left no-repeat #00529f;
	width: 582px;
	height: 282px;
	float: left;
}

div#problematique div.problematiquegauche {
	float: left;
	width: 300px;
	height: 282px;
}

div#problematique div.problematiquegauche h1 {
	width: 242px;
	height: 63px;
	font-family: Verdana;
	font-size: 18px;
	font-weight: normal;
	text-transform: uppercase;
	color: #ffffff;
	margin: 0;
	padding: 50px 0 0 48px;
}


div#problematique div.problematiquegauche div#exemples {
	padding: 24px 7px 0px 38px;
	width: 244px;
}

div#contact {
	float: left;
	width: 252px;
	height: 209px;
	background: url("images/contact_fond.gif") top left no-repeat;
	margin: 55px 0 0 10px;
}

div#contact div.contactus {
	width: 252px;
	font-size: 14px;
	color: #0078c6;
	text-transform: uppercase;
/*	letter-spacing: 1px;*/
	text-decoration: underline;
	text-align: center;
	padding: 23px 0 17px 0;
}

div#contact div {
	width: 125px;
	background-position: 34px 0;
	background-repeat: no-repeat;
	padding: 0 0 10px 88px;
}

div#contact div.horaire {
	font-size: 10px;
	font-weight: normal;
	color: #0078c6;
	background-image: url("images/reveil.gif");
}

div#contact div.tel {
	font-size: 14px;
	font-weight: bold;
	color: #fc9400;
	background-image: url("images/tel.gif");
	padding-top: 3px;
}

div#contact div.fax {
	font-size: 14px;
	font-weight: bold;
	color: #fc9400;
	background-image: url("images/fax.gif");
	padding-top: 5px;
}

div#contact div.adress {
	font-size: 11px;
	font-weight: normal;
	color: #3b3b3b;
	letter-spacing: 1px;
	background-image: url("images/adresse.gif");
	background-position: 34px 5px;
	padding-top: 2px;
}

/* ---------- Gauche ---------- */

div#gauche {
	float: left;
	width: 344px;
	padding-top: 2px;  
}


div#gauche div.block_devis {
	width: 343px;/*344*/
	height: 85px;
	background: url('images/blockdevis.gif') 0 0 no-repeat;
	padding-left: 1px;
}

	div#gauche div.block_devis a {
		display: block;
		width: 256px; /*343*/
		height: 50px;/*85*/
		font-family: arial;
		font-size: 15px;
		font-weight: bold;
		color: #8a1300;
		text-transform: uppercase;
		text-decoration: none;
		background: url('images/btn_go.gif') right 0 no-repeat;
		padding: 35px 0 0 87px;
	}

div#gauche div.commander {
	width: 290px; /*344*/	
	background: url('images/fond_commander.gif') 0 0 repeat-y;
	padding: 35px 54px 0 0;
}
	
	div#gauche div.commander p {
		width: 190px; /*270*/
		height: 40px;
		font-family: arial;
		font-size: 15px;
		font-weight: bold;
		color: #00529f;
		text-transform: uppercase;
		background: url('images/picto_commander.gif') 20px 0 no-repeat;
		padding: 2px 0 0 80px;
		margin-bottom: 40px;
	}
	
	div#gauche div.commander form {
		width: 260px; /*270*/
		font-size: 11px;
		font-weight: none;
		color: #272727;
		text-align: right;
		padding-left: 20px;
	}
	
		div#gauche div.commander form div {
			padding-bottom: 10px;
		}
		
			div#gauche div.commander form div input.identifiant {
				width: 146px;
				height: 20px;
				font-size: 11px;
				font-weight: none;
				color: #272727;
				text-align: left;
				border: 1px solid #7f9db9;
				padding-left: 10px;
			}
			
			div#gauche div.commander form div input.connexion {
				width: 200px;
				height: 29px;
				background: url('images/btn_conex_commander.gif') 0 0 no-repeat;
				border: none;
				margin-left: 100px;
				margin-top: 30px;
				cursor: pointer;
			}
	
	
	
	div#gauche div.commander a.devenirmembre {
		display: block;
		width: 234px;/*344*/
		height: 62px; /*104*/
		font-family: arial;
		font-size: 15px;
		font-weight: bold;
		color: #00529f;
		text-transform: uppercase;
		background: url('images/devenez_membre.gif') left 0 no-repeat;
		padding: 42px 0 0 110px;
		margin-top: 35px;
	}

/* ---------- Contenu ---------- */

div#contenu {
	background-color: white;
	float: right;
	width: 525px; /* 565 */
	padding: 14px 10px 25px 40px;
}

div#contenu div.flechebleu, div#contenu div.bleu {
	padding: 0 0 0 22px;
}

div#contenu div.service {
	margin: 0;
	height: 77px;
	color: #666666;
}

div#contenu div.service img {
	float: left;
	margin: 4px 0 5px 0;
}

div#contenu div.service a {
	margin-left: 14px;
	padding-left: 10px;
	line-height: 18px;
}

div#contenu div.service div {
	margin-left: 24px;
	text-align: justify;
	float: left;
	width: 370px;
}

/* ---------- Compléments d'information, voir aussi ---------- */


div#contenu div.complementInfo {
	padding:30px 0 20px 0;
}

div#contenu div.complementInfo p b{
	padding:0;
	margin:0;
	color:#0078C6;
	text-decoration:underline;
	font-size:14px;
}	

/* -------------- Bas -------------*/

div#bas {
	clear: both;
	background-color: #ffffff;
}

div#bas a {
	text-decoration: none;
}

div#bas a:hover {
	text-decoration: underline;
}

div#footer-ref {
	position: absolute;
	bottom: 3px;
	left: 350px;
	width: 590px;
	height: 20px;
	text-align: center;
	background: #ffffff;
	z-index: 90 !important;
	filter: alpha(opacity=100);
	/*zoom: 1;*/
}

	div#footer-ref a { color: #666666; }
	

/* -------------- Index -------------*/

div.blockAccueil {
	padding-left: 35px;
}

div.blockAccueil img {
	margin-right: 15px;
}

div.blockAccueil a.lien {
	display: block;
	float: left;
	width: 390px;
	color: #666666;
	text-decoration: underline;
	margin-left: -10px;
	padding-left: 10px;
	padding-bottom: 8px;
}

/* ---------- Recherche ---------- */

div#recherche {
	float: left;
	width: 299px;
	height: 69px;
	padding: 10px 0 8px 45px;
	background: url("images/recherche_fond.gif") top right no-repeat;
}

div#recherche form{
	padding-left: 28px;
}

div#recherche input#search_txt {
	background: url("images/input_fond.gif") top left repeat-x;
	border: 1px solid #eff0f0;
	margin: 4px 10px 4px 17px;
	width: 160px;
	height: 14px;
	padding: 3px 2px;
}

div#recherche input#search_btn {
	margin: 2px 0;
}


/**************/
/*     CMS	  */
/**************/

div.accroche, div.media, div.texte, div.texte2, div.texte3 {
    /*margin-bottom: 20px;*/
    padding: 10px 0;
}

div.accroche {
    font-style: italic;
}

div.media {
    text-align: center;
}

div.texte2 {
    float: left;
    width: 49%;
    margin-right: 2%;
}

div.texte3 {
    float: left;
    width: 32%;
    margin-right: 2%;
}

div.last {
    margin-right: 0;
}

div.left {
    float: left;
    margin: 0 10px 10px 0;
    text-align: center;
}

div.right {
    float: right;
    margin: 0 0 10px 10px;
    text-align: center;
}

q {
    display: block;
    text-align: center;
    font-size: 10px;
}


/* ---------- Formulaires ---------- */

form {
	margin: 0;
}

input, textarea, select,.txt  {
	font-family: Verdana, sans-serif;
	font-size: 11px;
	vertical-align: middle;
	color: #666666;
}

.txt { width : 140px;}

span.tel {	color: #0078c6;
			text-decoration : underline; }
			
b { color : #ff6666;}

.form input.error, .form textarea.error { border: 1px solid #ff6666; }

/**************/
/* 	  HOME	  */
/**************/

body#pageHome h2 {
	background-image: url("images/picto_home.gif");
	background-position: 0 4px;
	background-repeat: no-repeat;
	padding-left: 35px;
}

	body#pageHome div#recherche h2, div#recherche h2 {
		color: #ffffff;
		padding-left: 44px;
		background-image: none;
	}
	
	body#pageHome div.texte {
		padding: 10px 0 30px 0;
	}
			
/**************/
/* STYLE PLAN */
/**************/

div#plan {
	padding-left:40px;
}

div#plan ul li {
	list-style-type:upper-roman;
	padding-top:10px;
}

		div#plan ul li  a {
			font-size:12px;
			font-variant:small-caps;
			font-weight:bold;
		}

div#plan ul li ul li{
	list-style-type:none;
	background: url("images/fleche_bleu.gif") 0 9px no-repeat;
	padding-top:5px;
	padding-left:10px;
	margin-left:10px;
}

		div#plan ul li ul li a {
			font-size:11px;
			font-weight:normal;
			color: #777777;
		}

div#plan ul li ul li ul li{
	list-style-type:decimal;
	padding-top:2px;
	margin-left:40px;
}

		div#plan ul li ul li ul li a {
			font-size:10px;
			font-variant:normal;
			font-style:italic;
			color:#006600;
		}

div#plan ul li ul li ul li ul li{
	list-style-type:lower-alpha;
	margin-left:60px;
}

		div#plan ul li ul li ul li ul li a {
			font-size:11px;
		}
					
div#plan div.nousContacter {
	padding:20px 0 30px 0;
}

div#plan div.nousContacter ul li {
	list-style-type:none;
	background: url("images/fleche_bleu.gif") 0 15px no-repeat;
	padding-left:10px;
}				


/**************/
/* ANNUAIRE	  */
/**************/
	
li.t1 { margin-bottom : 15px;}	
h1.golden-h1 { font-size : 18px;}

ul#golden-n1 h2 { font-size:12px; }
	
.golden-n2 li { margin-left : 20px;}

.golden-n2 h3 { font-size : 12px;display : inline;}

.golden-n2 a { display : inline;}


/*****************/
/* STYLE page404 */
/*****************/

div.page404 p {
	font-size:14px;
	padding-top:20px;
}

div.page404 a {
	display:block;
	font-size:15px;
	text-align:center;
	padding-top:20px;
}

/* ---------- Liens utiles ---------- */

div#liens {
	float: right;
	width: 558px;
	height: 58px;
	background: url("images/liens_fond.gif") top left repeat-y;
	padding: 14px 0 13px 22px;
	margin-left: 2px;
}

	div#liens h2 {
		height: 25px;
		padding-left: 40px;
		background: url("images/picto_lien.gif") top left no-repeat;
	}
	
	div#liens div.texte3 {
		width: 31%;
		margin-left: 2%;
		margin-right: 0;
	}
	
	div#liens div.last { margin-left: 0; }

		div#liens a {
			text-decoration: underline;
			padding-left: 10px;
			background: url("images/fleche_jaune.gif") 0px 4px no-repeat;
		}

div.liste_t1  {
	padding-left : 15px;
	background: url("images/fleche_jaune.gif") 0px 6px no-repeat;
}

div#info {
	float: left;
	width: 344px;
	color: #0078c6;
	text-align: center;
	padding-top: 20px;
}

div#divers {
	float: left;
	width: 582px;
	text-align: center;
	color: #666666;
	line-height: 30px;
	padding: 10px 0;
}

div#divers a { color: #666666; }

/* FORM Contact */
table#formContact { background: url("images/img-form.jpg") 260px 37px no-repeat; }

	table#formContact td { padding: 2px 0; }