/********************************************************
CSS pour le site d' Exod Groupe Conseil
Création du css : Martin Durette
Date : Juin 2010
Une réalisation de Synaps
********************************************************/

	/* Bleu:	#17375e */
	/* Gris:	#797979 */

/********************************************************
	Styles de base 
********************************************************/
	@font-face {
		font-family: 'PlantagenetCherokeeRegular';
		src: url('../fonts/plantagenet_cherokee-webfont.eot');
		src: url('../fonts/plantagenet_cherokee-webfont.eot?#iefix') format('embedded-opentype'),
			 url('../fonts/plantagenet_cherokee-webfont.woff') format('woff'),
			 url('../fonts/plantagenet_cherokee-webfont.ttf') format('truetype'),
			 url('../fonts/plantagenet_cherokee-webfont.svg#PlantagenetCherokeeRegular') format('svg');
		font-weight: normal;
		font-style: normal;
	
	}
	
	body{margin:0; padding:0; line-height:150%; font-family:'Open Sans', Verdana, Geneva, sans-serif; font-size:12px; background:url(../images/bg-body-gris4.jpg) top center repeat-x #fff; -webkit-background-size: 2048px 800px;} 
	a{outline:none;}
	
	.clear{clear:both}
	.one-edge-shadow {-webkit-box-shadow: 0 8px 6px -6px black;-moz-box-shadow: 0 8px 6px -6px black;box-shadow: 0 8px 6px -6px black;}
	.fright{float:right; padding:0 0 15px 15px}
	.fleft{float:left; padding:0 15px 15px 0}
	
	
/********************************************************
	Header
********************************************************/
	#top-link{margin:0 auto; width:100%; height:135px;}
		#header-link{margin:0 auto; width:955px; z-index:10; height:115px}
			#logo{height:115px; width:250px; padding:8px 0 0 0; position:absolute; margin:0 0 0 0;}
			#lang{position:absolute; margin:0 0 0 655px; top:10px; color:#17375e; width:300px; text-align:right}
				#lang a{text-transform:uppercase; color:#17375e; text-decoration:none}
				#lang a:hover{color:#a5a5a5; text-decoration:underline}
			#slogan{position:absolute; width:600px; margin:0 0 0 355px; top:80px; color:#17375e; font-size:3em; font-family: 'PlantagenetCherokeeRegular', tahoma, times; text-align:right}
	
	#top{margin:0 auto; width:100%; height:164px}
	#header{margin:0 auto; width:955px; z-index:10; height:164px}
		#banner{position:absolute; margin:0 0 0 248px;width:707px;}
			#banner img:not(:first-child) {display:none;}
		#menu{position:absolute; margin:0; width:250px; height:164px; background:#666}
	

/********************************************************
	Main
********************************************************/
	#wrapper{width:955px; margin:1px auto 0 auto; background:#fff; border-right:1px solid #797979; border-bottom:1px solid #797979; border-left:1px solid #797979; min-height:600px; -webkit-border-radius: 0 0 10px 10px;-khtml-border-radius: 0 0 10px 10px;-moz-border-radius: 0 0 10px 10px;border-radius: 0 0 10px 10px;}
		#main {width:100%; margin:0 auto; background:url(../images/bg-sub.jpg) bottom left repeat-x; -webkit-background-size: 955px 8000px;}
			#contenu{float:left; width:744px; margin:0; padding:0 20px 0 0; min-height:400px}
				#breadcrumb{margin:0; width:725px; padding:10px;}
					#breadcrumb ul{margin:0; padding:0;}
					#breadcrumb ul li{margin:0; padding:0; list-style:none; display:inline}
					#breadcrumb ul li a{color:#666}
					#breadcrumb ul li a:hover{color:#000}
					#breadcrumb ul li span{padding:0 5px 0 5px;}
				#principal{margin:0; width:725px; padding:0 10px 10px 10px;}
				#principal h1{font-size:1.5em; text-transform:uppercase; color:#17375e; font-weight:bold; font-family: 'Open Sans', Verdana, Geneva, sans-serif;}
				#principal a{color:#17375e;}
				#principal p,#principal li{color:#333;}
				
				#principal input[type=text],#principal textarea{border:1px solid #17375e; color:#17375e; width:430px}
				#principal table.postes {border:1px solid #17375e;}
				#principal table.postes th{background:#17375e; color:#fff;}
				#principal table.postes tr.row0 td {background-color: #E2E4FF;}
				#principal table.postes tr.row1 td {background-color: white;}
				#principal table.postes tbody.Collapsible tr td {border:2px solid #666; padding:0 10px 0 10px}
				
			#sub-menu{float:left; width:190px; margin:0;}
			#reseaux{text-align:center; padding:5px 0 0px 0; border-bottom:1px solid #797979}
			
			#sidebar{float:left; width:190px; margin:0; border-left:0px solid #797979; }
				#sidebar h3{background:#c63d00/*#17375e*/; color:#fff; padding:5px 0 5px 10px; margin:0}
					#sidebar div{padding:10px;}
						#sidebar div h4{margin:0; padding:0; color:#17375e}
							#sidebar div h4 a{color:#17375e; text-decoration:none}
							#sidebar div h4 a:hover{color:#666}
						#sidebar div h5{margin:0.5em 0; padding:0; color:#000}
						#sidebar div p{margin:0.5em 0; padding:0; color:#333}
				#sidebar a.btn-poste{background:url(../images/bg-menu2.jpg) repeat-x top center; padding:5px 10px 5px 10px; font-size:0.9em; text-transform:uppercase; color:#17375e; font-weight:bold; text-decoration:none; cursor:pointer; cursor:hand; border:1px solid #666}
				#sidebar a.btn-poste:hover{background:url(../images/bg-menu-ov2.jpg) top center repeat-x; color:#fff;}



/********************************************************
	Footer
********************************************************/	
	#footer {margin:0 0 0 0; width:955px; padding:20px 0 20px 0; background:url(../images/bg-footer.jpg) top left repeat-x; min-height:149px}
		#footer div{float:left; margin:0 0 0 20px; width:290px;}
			#footer div h3{font-size:1.3em; text-transform:uppercase; color:#17375e; font-weight:bold; margin-top:0; padding-top:0}
			#footer div p, #footer div li{color:#444;}
			#footer div ul{margin:0; padding:0 0 0 20px}
			#footer a{color:#17375e;}
	#copyright{margin:0; width:100%; padding:20px 0 20px 0; text-align:center;}
		#copyright p{color:#333;}
		#copyright a{color:#333; text-decoration:none}
		#copyright a:hover{color:#000; text-decoration:underline}

/* ================================================================ 
	This copyright notice must be kept untouched in the stylesheet at 
	all times.
	
	The original version of this stylesheet and the associated (x)html
	is available at http://www.stunicholls.com/menu/vertical-concertina-6.html
	Copyright (c) 2005-2008 Stu Nicholls. All rights reserved.
	This stylesheet and the associated (x)html may be modified in any 
	way to fit your requirements.
=================================================================== */
	/* #slide height = (number of top level links - 1) * height of links + inner div height */
	#slide {padding:0; margin:0; list-style:none; width:190px; height:315px; position:relative; overflow:hidden; font-family: verdana, sans-serif; font-size:12px; }
	
	#slide li.sub,
	#slide li.top
	{display:block; float:left; height:24px; line-height:24px; width:190px; color:#666; text-decoration:none;border-bottom:1px solid #fff; text-indent:20px; overflow:hidden; cursor:pointer;}
	
	#slide li.sub {background:url(../images/out.gif) no-repeat 5px 8px;}
	
	#slide li.top a {text-decoration:none; color:#666; display:block; background:url(../images/out.gif) no-repeat 5px 8px;}
	#slide li.top a:hover {color:#fff; background:#797979 url(../images/out-over.gif) no-repeat 5px 8px;}
	
	#slide li.clicked {color:#17375e; background:#ddd url(../images/down.gif) no-repeat 5px 8px;}
	
	/* #slide li.sub div height = (maximum sub lines * sub line height) + top level link height(variable fY in jQuery) */
	#slide li.sub div {background:#fff; height:165px; width:160px; padding:0 15px; line-height:1.2em; text-indent:0;}
	
	#slide li div ul {padding:0; margin:0; list-style:none;}
	#slide li div ul li {float:left; height:20px; width:100%;}
	#slide li div ul li a {padding:0; margin:0;color:#17375e; text-decoration:none; background:#fff url(../images/out.gif) no-repeat 5px 6px; font-size:10px; display:block; border-bottom:1px solid #ddd; height:19px; line-height:19px; width:100%; text-indent:20px;}
	#slide li div ul li a:hover {color:#069; background:#fff url(../images/out-over2.gif) no-repeat 5px 6px;}

	
		
@media (max-width: 800px) {#principal table.postes tbody.Collapsible tr td {background:none;}}
@media (max-width: 650px) {#principal table.postes tbody.Collapsible tr td {background:none;}}
@media (max-width: 450px) {#principal table.postes tbody.Collapsible tr td {background:none;}}
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {#principal table.postes tbody.Collapsible tr td {background:none;}}