/* 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;
		
		position:relative;

	}

	* 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:10;

	}

	#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;
		
		position:relative;
		
		z-index:8;

	}

	#main #compass li a {

		color:#2386af;

		background:url(../../images/boutons/home.gif) no-repeat #FFF;

		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}