/* CSS Document */
/* --------------------------------------------------------------------------------------------- Remise à zéro de tous les préformatages navigateurs */
	* {
		padding:0;
		margin:0;
		list-style:none
	}
	body {
		font-size:68.75%;
		font-family:arial, helvetica, sans-serif;
		color:#535c61;
		background:#fff
	}
	a, a:hover {text-decoration:none}
	img {border:none}
	strong {font-weight:bold}
	em {font-style:italic}
	label {cursor:pointer}
	abbr, acronym {
	  border-bottom:1px dotted #333;
	  cursor:help
	}
	kbd {
		font-size:1.2em;
		background:#ffeedf;
		padding:0 2px;
		border:solid 1px #ccc;
		border-right:solid 1px #999;
		border-bottom:solid 1px #999
	}
	* html kbd {font-size:1em}
	*+html kbd {font-size:1em}
/* --------------------------------------------------------------------------------------------- Récurrents */
	input.btn {
		float:left;
		font-family:tahoma;
		font-size:.8em;
		color:#0c3f97;
		border:1px solid #fff;
		background:#47bfef;
		cursor:pointer;
		padding:1px 0
	}
/* ------------------------------------------------------------------------- Mieux servir */
	#mieux_servir {
		display:inline;
		float:left;
		width:346px;
		background-color:#0593ed;
		background-image:url(../../images/structure/background/home_servir.jpg);
		background-repeat:no-repeat;
		padding:12px 0 23px 12px;
		margin:26px 12px 13px 19px
	}
/* ----------------------------------------------------- Titre */
	#mieux_servir img {
		float:left;
		margin:0 0 12px 0
	}
/* ----------------------------------------------------- Label */
	#mieux_servir label {
		display:block;
		display:inline;
		float:left;
		width:321px;
		text-transform:uppercase;
		font-size:1.3em;
		font-weight:bold;
		color:#5dc6f2;
		margin:0 0 4px 25px
	}
/* ----------------------------------------------------- Select */
	#mieux_servir select {
		float:left;
		width:235px;
		font-size:1em;
		color:#617181;
		margin:0 7px 9px 25px
	}
	#mieux_servir #vos_besoins {margin-bottom:0}
	#mieux_servir select option {padding:0 5px 0 0}
/* --------------------------------------------------------------------------------------------- Page */
	#page {
		width:995px;
		margin:0 auto
	}
/* --------------------------------------------------------------------------------------------- Global */
	#global {
		float:left;
		width:100%;
		background:#015cab url(../../images/structure/background/global.jpg) repeat-x
	}
/* --------------------------------------------------------------------------------------------- Header */
	#header {
		float:left;
		width:955px;
		background:url(../../images/structure/background/header.jpg);
		padding:2px 0 0 40px
	}
/* ------------------------------------------------------------------------- Liens d'évitement */
	#header #liens_evitement {
		float:left;
		width:920px;
		text-align:right;
		font-family:tahoma, verdana;
		font-size:.9em;
		color:#fff;
		padding:0 35px 0 0;
		margin:0 0 15px 0
	}
	#header #liens_evitement li {display:inline}
	#header #liens_evitement li a {color:#fff}
	#header #liens_evitement li a:hover {text-decoration:underline}
/* ------------------------------------------------------------------------- Header right */
	#header #header_left {
		float:left;
		width:223px
	}
/* ----------------------------------------------------- Logo */
	#header #header_left #logo {
		vertical-align:middle;
		margin:0 0 17px 30px
	}
/* ----------------------------------------------------- Recherche / Outils */
	#header #header_left form, #header #header_left #outils {
		float:left;
		width:100%;
		background:url(../../images/elements/dotted_gris.gif) repeat-x;
		padding:5px 0
	}
	#header #header_left form label, #header #header_left #outils span {
		float:left;
		line-height:2;
		text-transform:uppercase;
		font-family:tahoma, verdana;
		font-size:.8em;
		color:#5478b6;
		background-image:url(../../images/elements/fleches_bleuC.gif);
		background-repeat:no-repeat;
		background-position:right;
		padding:0 10px 0 7px
	}
	#header #header_left form input.champ_recherche {
		float:left;
		width:100px;
		font-size:1em;
		color:#0156a0;
		border:1px solid #5478b6;
		padding:1px 0 2px 3px;
		margin:0 4px 0 3px
	}
	#header #header_left form input.btn {
		color:#fff;
		border:1px solid #5478b6;
		background:#5478b6
	}
/* ----------------------------------------------------- Outils */
	#header #header_left #outils #version_langue {
		position:relative;
		top:2px;
		float:left;
		margin:0 0 0 20px
	}
	#header #header_left #outils span {
		position:relative;
		top:5px;
		line-height:normal;
		padding:0 10px 0 35px
	}
	#header #header_left #outils ul li {
		display:inline;
		margin:0 0 0 10px
	}
	#header #header_left #outils ul #agrandir_police {margin:0 0 0 3px}
	#header #header_left #outils ul li a img {vertical-align:bottom}
/* ------------------------------------------------------------------------- Boutons */
	#header #boutons {
		float:right;
		padding:10px 72px 0 0
	}
	#header #boutons li {margin:0 0 8px 0}
/* --------------------------------------------------------------------------------------------- Main */
	#main {
		float:left;
		width:960px;
		background:url(../../images/structure/background/main.png) repeat-y;
		padding:0 6px 0 29px
	}
	* html #main {
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/extension/cci_var/design/cci_var/images/structure/background/main.png',sizingMethod='scale');
		background-image:none
	}
/* ------------------------------------------------------------------------- Menu */
/* ----------------------------------------------------- Premier niveau */
	#main #menu {
		display:inline;
		float:left;
		width:927px;
		line-height:1.1;
		text-transform:uppercase;
		font-size:1.3em;
		border-top:1px solid #fff;
		background:#4a6faf;
		margin:0 25px 6px 8px
	}
	#main #menu li {
		position:relative;
		float:left;
		background:url(../../images/structure/background/menu_li.gif) no-repeat right
	}
	#main #menu li.last {background:none}
	#main #menu li a {
		display:block;
		float:left;
		color:#fff;
		padding-top:5px;
		padding-right:12px;
		padding-bottom:3px;
		padding-left:11px
	}
	#main #menu li a.une_ligne {
		padding-top:10px;
		padding-bottom:12px
	}
	#main #menu li.last a {padding-right:0}
	#main #menu li a span {
		display:block;
		text-transform:none;
		font-size:.9em;
		font-style:italic
	}
	#main #menu li a:hover, #main #menu li a.on {color:#5dc6f2}
	#main #menu li a.on {cursor:text}
/* ----------------------------------------------------- Second niveau */
	#main #menu li ul {
		display:none;
		position:absolute;
		top:38px;
		left:0;
		width:200px;
		line-height:normal;
		text-transform:none;
		font-size:.9em;
		border:1px solid #fff;
		background:#5dc6f2;
		padding:8px 15px 8px 20px;
		margin:0;
		z-index:1
	}
	#main #menu li ul li {
		width:190px;
		background-image:url(../../images/elements/fleche_bleu.gif);
		background-repeat:no-repeat;
		background-position:0 8px;
		padding:2px 0 2px 10px
	}
	#main #menu li ul li a {
		display:inline;
		float:none;
		color:#0c3f97;
		padding:0
	}
	#main #menu li ul li a:hover {
		color:#0c3f97;
		text-decoration:underline
	}
/* ------------------------------------------------------------------------- Compass */
	#main #compass {
		float:left;
		width:910px;
		font-weight:bold;
		color:#2386af;
		padding:0 38px 0 12px;
		margin:0 0 6px 0
	}
	#main #compass li a {
		color:#2386af;
		background:url(../../images/boutons/home.gif) no-repeat;
		padding:0 0 0 16px
	}
	#main #compass li a:hover {text-decoration:underline}
	#main #compass li ul {display:inline}
	#main #compass li ul li {
		display:inline;
		background:url(../../images/elements/fleche_bleuT.gif) no-repeat left;
		padding:0 0 0 9px
	}
	#main #compass li ul li a {
		background:none;
		padding:0
	}
/* ------------------------------------------------------------------------- Right */
	#main #right {
		float:left;
		width:338px
	}
/* ----------------------------------------------------- Mieux nous connaître */
	#main #right #mieux_connaitre {
		vertical-align:middle;
		margin:0 0 5px 3px
	}
/* ----------------------------------------------------- C'est aussi */
	#main #right #c_aussi {	
		float:left;
		width:328px;
		background:url(../../images/structure/background/aussi.gif) no-repeat left bottom;
		padding:0 0 9px 10px
	}
	#main #right #c_aussi div {
		float:left;
		width:100%;
		background-image:url(../../images/structure/background/home_aussi.gif);
		background-repeat:repeat-y;
		padding:6px 0 5px 0
	}
	#main #right #c_aussi div h2 {
		text-transform:uppercase;
		font-size:1.3em;
		font-weight:normal;
		color:#617181;
		margin:0 0 8px 15px
	}
	#main #right #c_aussi div ul {
		float:left;
		width:302px;
		text-transform:uppercase;
		font-size:1.3em;
		font-weight:bold;
		padding:0 0 0 26px
	}
	#main #right #c_aussi div ul li {
		float:left;
		width:100%;
		margin:0 0 5px 0
	}
	#main #right #c_aussi div ul li a {
		display:block;
		float:left;
		width:100%;
		color:#fff;
		text-indent:7px;
		padding:2px 0
	}
	#main #right #c_aussi div ul li a.vert {background:#a1d127}
	#main #right #c_aussi div ul li a.bleuT {background:#188dc3}
	#main #right #c_aussi div ul li a.violet {background:#b350cf}
	#main #right #c_aussi div ul li a.bleu {background:#19338f}
	#main #right #c_aussi div ul li a.orange {background:#ef4e17}
	#main #right #c_aussi div ul li a.jaune {background:#e3c104}
	#main #right #c_aussi div ul li a span {font-size:.8em}
	#main #right #c_aussi div ul li a:hover {text-decoration:underline}
/* --------------------------------------------------------------------------------------------- Footer */
	#footer {
		float:left;
		width:912px;
		height:56px;
		font-size:.9em;
		background-image:url(../../images/structure/background/footer.gif);
		background-repeat:no-repeat;
		padding:32px 39px 0 44px
	}
/* ------------------------------------------------------------------------- Liens */
	#footer #footer_liens {
		float:left;
		text-transform:uppercase;
		color:#003466;
		padding:3px 0 0 0
	}
	#footer #footer_liens li {display:inline}
	#footer #footer_liens li a {color:#003466}
	#footer #footer_liens li a:hover {text-decoration:underline}
/* ------------------------------------------------------------------------- Copyright */
	#footer #copyright {
		float:right;
		color:#1c1d21
	}
	#footer #copyright li {display:inline}
	#footer #copyright li a {color:#1c1d21}
	#footer #copyright li a img {
		vertical-align:bottom;
		margin:0 0 0 3px
	}
	#footer #copyright li a:hover {text-decoration:underline}