/* CSS Document */
* {}
img {border:0;}
.imggauche {margin-right: 10px; float:left;}
/*----------------------- STRUCURE ----------------------------*/
/*
body {margin:0; padding:0; font-family: Arial, Helvetica, sans-serif; background:url(../../images/test-fond.png) repeat center #003a8c;}
div#conteneur {margin:auto; height:auto; width:990px; background:#fff;}
*/

body {margin:0; padding:0; font-family: Arial, Helvetica, sans-serif; background:url(../../images/fond-site.png) repeat-x top #95be08;}
div#conteneur {margin:auto; height:auto; width:990px;}
.cont1 {width:800px;}
.cont2 {width:480px;}
	div#tete {width:990px; height:140px; padding-top:30px;}
		div#logo {width:200px; height:72px; float:left; background:url(../../images/fond_logo.png) no-repeat; padding:10px 12px;}
		div#ligneinfo {width:756px; height:auto; float:left; padding:50px 0 0 10px; color:#fff; font-style:italic; font-weight:bold; text-align:center;}
	div#top_corps {width:990px; height:35px; background:url(../../images/top_corps.png) no-repeat bottom;}
		a.pictotete {width:50px; height:21px; display:inline-block; margin:5px 5px 5px 5px;}
		a.pictotete img {border:1px solid #fff;}
	div#corps {width:990px; height:auto; background:#fff;}
		div#menu {width:165px; height:auto; float:left; padding-top:5px; margin:0 5px;}
		div#page { height:auto; float:left; padding: 0px 0px 10px 0px; margin-right:5px; text-align:justify;}
		div.page470 {width:470px;}
		div.page800 {width:800px;}
		div#publicite {width:325px; height:auto; float:left; margin:0;}
		div#publicite h1 {margin:0;}
div#pied {width:96%; height:140px; clear:both; padding:5px 2%; background:url(../../images/repeat_pied.png) repeat-x top #003A8C; border-top:1px solid #003A8C;}
	div#cont_pied {width:990px; margin:auto;}
		div.col_pied {width:189px; height:auto; float:left; border-left:1px dotted #ccc; padding:0px 0px 0px 8px;}
		div.col_pied h4 {font-size:11px; font-weight:bold; color:#95BE08; margin:0px 0px 10px 0px; padding:0px;}
		div.col_pied a {color:#fff; font-size:10px; text-decoration:none;}
		div.col_pied a:visited {color:#CCC;}
		div.col_pied a:hover {color:#95BE08;}
		div#copyright {width:990px; height:auto; clear:both; padding:10px 0px 0px 0px;}
		div#copy_gauche {width:746px; height:auto; float:left; color:#fff; padding:0px 20px 0px 0px; font-size:10px;}
		div#copy_gauche h4 {font-size:11px; font-weight:bold; color:#95BE08; margin:0px; padding:0px; display:inline-block;}
		div#copy_gauche a {color:#fff; font-size:10px; text-decoration:none;}
		div#copy_gauche a:visited {color:#CCC;}
		div#copy_gauche a:hover {color:#95BE08;}
		div#copy_droite {width:157px; height:auto; float:left; background:url(../../images/fond_logo_pied.png) no-repeat; padding:7px 9px;}
		
div.visible {display:block;}
div.cache {display:none;}

/*-------------------- BALISE DE TEXTE ----------------------------*/
p {font-size:11px; text-indent:10px; margin:5px 0 5px 0; padding:0;}

a { text-decoration:underline;}
a:hover {text-decoration:none;}

.gris h1 {font-size:20px; color:#FFFFFF; background-image:url(../images/fond-menu-g.png); background-position:bottom;
padding:2px 10px 2px 10px; margin:5px 0 5px 0;}
.gris h2 {font-size:15px; color:#666666; padding-left:20px; padding-top:2px; margin:5px 0 0 0;}

.violet h1 {font-size:20px; color:#FFFFFF; background-image:url(../images/fond-menu-v.png); background-position:bottom;
padding:2px 10px 2px 10px; margin:5px 0 5px 0;}
.violet h2 {font-size:15px; color:#660099; padding-left:20px; padding-top:2px; margin:5px 0 0 0;}

.bleu h1 {font-size:20px; color:#FFFFFF; background-image:url(../images/fond-menu-b.png); background-position:bottom;
padding:2px 10px 2px 10px; margin:5px 0 5px 0;}
.bleu h2 {font-size:15px; color:#003399; padding-left:20px; padding-top:2px; margin:5px 0 0 0;}

.vert h1 {font-size:20px; color:#FFFFFF; background-image:url(../images/fond-menu-ve.png); background-position:bottom;
padding:2px 10px 2px 10px; margin:5px 0 5px 0;}
.vert h2 {font-size:15px; color:#009900; padding-left:20px; padding-top:2px; margin:5px 0 0 0;}

.jaune h1 {font-size:20px; color:#FFFFFF; background-image:url(../images/fond-menu-j.png); background-position:bottom;
padding:2px 10px 2px 10px; margin:5px 0 5px 0;}
.jaune h2 {font-size:15px; color:#FFCC00; padding-left:20px; padding-top:2px; margin:5px 0 0 0;}

.orange h1 {font-size:20px; color:#FFFFFF; background-image:url(../images/fond-menu-o.png); background-position:bottom;
padding:2px 10px 2px 10px; margin:5px 0 5px 0;}
.orange h2 {font-size:15px; color:#FF3300; padding-left:20px; padding-top:2px; margin:5px 0 0 0;}

.rose h1 {font-size:20px; color:#FFFFFF; background-image:url(../images/fond-menu-r.png); background-position:bottom;
padding:2px 10px 2px 10px; margin:5px 0 5px 0;}
.rose h2 {font-size:16px; color:#FF6666; padding-left:20px; padding-top:2px; margin:5px 0 0 0;}

h1 {font-size:20px; color:#FFFFFF; background-image:url(../images/fond-menu-b.png); background-position:bottom;
padding:2px 10px 2px 10px; margin:5px 0 5px 0;}
h2 {font-size:15px; color:#003399; padding-left:20px; padding-top:2px; margin:5px 0 0 0;}
h3 {font-size:14px; font-weight:bold; color:#000000; padding-left:30px; margin:5px 0 5px 0;}
h4 {font-size:12px; font-weight:bold; color:#000000; padding-left:35px; margin:5px 0 5px 0;}
h5{}
h6{}

.mot-cle {font-size:12px; color:#04428D; font-weight:bold;}

span {}
strong {}
ul { }
li {font-size:11px;}
.coord {font-size:12px; color:#04428D; font-weight:bold;}

/* textes changeant de la tete */
div#bande-hori-up {height:39px; width:855px; text-align:center;}
div#bande-hori-down {height:30px; width:855px; text-align:center;}
	div#auto {position:inherit; height:30px; width:855px; z-index:1;}
	div#moto {position:inherit; height:30px; width:855px; z-index:1;}
	div#bsr {position:inherit; height:30px; width:855px; z-index:1;}
	div#camion {position:inherit; height:30px; width:855px; z-index:1;}
	div#aac {position:inherit; height:30px; width:855px; z-index:1;}

div.niveau1 {z-index:1;}
div.niveau2 {z-index:2;}
div.niveau3 {z-index:3;}
color {color:#666666}

/*---------------MENU DE GAUCHE---------------*/
div.partiemenugris { border:1px solid #666666; border-left:2px solid #666666;  color:#9E8B2A; width:162px; height:auto; padding-bottom:3px; margin-bottom:10px;}
div.partiemenuviolet { border:1px solid #86008B; border-left:2px solid #86008B; color:#57185C; width:162px; height:auto; padding-bottom:3px; margin-bottom:10px;}
div.partiemenubleu { border:1px solid #000D96; border-left:2px solid #000D96;  color:#42477B; width:162px; height:auto; padding-bottom:3px; margin-bottom:10px;}
div.partiemenuvert { border:1px solid #269309; border-left:2px solid #269309;  color:#467435; width:162px; height:auto; padding-bottom:3px; margin-bottom:10px;}
div.partiemenujaune { border:1px solid #8E9A04; border-left:2px solid #8E9A04;  color:#9E8B2A; width:162px; height:auto; padding-bottom:3px; margin-bottom:10px;}
div.partiemenuorange { border:1px solid #FF3300; border-left:2px solid #FF3300;  color:#9E8B2A; width:162px; height:auto; padding-bottom:3px; margin-bottom:10px;}
div.partiemenurose { border:1px solid #FF6666; border-left:2px solid #FF6666;  color:#FF6666; width:162px; height:auto; padding-bottom:3px; margin-bottom:10px;}

div.partiemenugris a.lienmajeur {background:url(../images/fond-menu-g.png) bottom;}
div.partiemenuviolet a.lienmajeur {background:url(../images/fond-menu-v.png) bottom;}
div.partiemenubleu a.lienmajeur {background:url(../images/fond-menu-b.png) bottom;}
div.partiemenuvert a.lienmajeur {background:url(../images/fond-menu-ve.png) bottom;}
div.partiemenujaune a.lienmajeur {background:url(../images/fond-menu-j.png) bottom;}
div.partiemenuorange a.lienmajeur {background:url(../images/fond-menu-o.png) bottom;}
div.partiemenurose a.lienmajeur {background:url(../images/fond-menu-r.png) bottom;}

a.lienmajeur { height:auto; color:#FFFFFF; display:block; font-weight:bold; font-size:12px; text-decoration:none; padding:3px 5px 3px 5px;}
a.liensousmenu {color:#000000; text-decoration:none; display:block; font-size:10px; text-align:left; margin:3px 3px 3px 3px; padding-left:16px;}
a.liensousmenu:hover { text-decoration:underline;}
		
div.partiemenugris a.liensousmenu  {background:url(../images/puce-gris.gif) no-repeat; background-position:5px;}
div.partiemenuviolet a.liensousmenu  {background:url(../images/puce-violet.gif) no-repeat; background-position:5px;}
div.partiemenubleu a.liensousmenu  {background:url(../images/puce-bleu.gif) no-repeat; background-position:5px;}
div.partiemenuvert a.liensousmenu  {background:url(../images/puce-vert.gif) no-repeat; background-position:5px;}
div.partiemenujaune a.liensousmenu  {background:url(../images/puce-jaune.gif) no-repeat; background-position:5px;}
div.partiemenuorange a.liensousmenu  {background:url(../images/puce-orange.gif) no-repeat; background-position:5px;}
div.partiemenurose a.liensousmenu  {background:url(../images/puce-rose.gif) no-repeat; background-position:5px;}

/* fichettes annuaire */
.fichette {border:1px solid #666666; font-size:11px; background:url(../images/grisage.png) repeat-x; margin:2px 0;}
.fichette th {padding:2px 2px 2px 8px; font-weight:bold; color:#000066; font-size:16px; }
/*td.bordurer {border-bottom:1px solid #666666;}*/
.fichette td {padding:2px 2px 2px 8px;  color:#000000;}

/* ---------------index------------------- */
div.edito {width:581px; padding:0; margin-left:5px; margin-top:5px; border:1px solid #666666; /*border-bottom:0px solid #666666;*/background:url(../images/grisage.png) repeat-x;}
div.edito p {color:#000000; margin:5px;}
div.edito h2 {color:#ffffff; margin:0; padding:2px 0 2px 0; background:url(../images/arrondie.png) no-repeat bottom 10px;}
div.edito div.arrondie {background-image:url(../images/fond-menu.png); background-position:bottom; border-bottom:1px solid #666666;}

div.doublerubrique {width:596px; height:auto;}
div.rubrique {width:581px; clear:both; height:auto; margin:5px; padding:0; background:url(../images/grisage.png) repeat-x;}
div.rubriquepar2 {width:283px; height:auto; margin:5px; float:left; padding:0;}
/*background:url(../images/grisage.png) repeat-x;*/

div#rubriquegris {border-left:2px solid #666666; text-align:justify;}
div#rubriquegris p {color:#333333; margin:5px;}
div#rubriquegris h3 {color:#ffffff; background-color:#666666; margin:0; padding:2px 0 2px 0; background:url(../images/arrondie.png) no-repeat bottom 100px;}
div#rubriquegris div.arrondie {background-image:url(../images/fond-menu-g.png); background-position:bottom; border-bottom:1px solid #666666;}

div#rubriqueviolette {border-left:2px solid #86008B; text-align:justify;}
div#rubriqueviolette p {color:#333333; margin:5px;}
div#rubriqueviolette h3 {color:#ffffff; background-color:#86008B; margin:0; padding:2px 0 2px 0; background:url(../images/arrondie.png) no-repeat bottom 100px;}
div#rubriqueviolette div.arrondie {background-image:url(../images/fond-menu-v.png); background-position:bottom; border-bottom:1px solid #666666;}

div#rubriquebleu {border-left:2px solid #000D96; text-align:justify;}
div#rubriquebleu p {color:#000000; margin:5px;}
div#rubriquebleu h3 {color:#ffffff; background-color:#000D96; margin:0; padding:2px 0 2px 0; background:url(../images/arrondie.png) no-repeat bottom 50px;}
div#rubriquebleu div.arrondie {background-image:url(../images/fond-menu-b.png); background-position:bottom; border-bottom:1px solid #000D96;}

div#rubriquevert {border-left:2px solid #269309; text-align:justify;}
div#rubriquevert p {color:#000000; margin:5px;}
div#rubriquevert h3 {color:#ffffff; background-color:#269309; margin:0; padding:2px 0 2px 0; background:url(../images/arrondie.png) no-repeat bottom 110px;}
div#rubriquevert div.arrondie {background-image:url(../images/fond-menu-ve.png); background-position:bottom; border-bottom:1px solid #269309;}

div#rubriquejaune {border-left:2px solid #8E9A04; text-align:justify;}
div#rubriquejaune p {color:#000000; margin:5px;}
div#rubriquejaune h3 {color:#ffffff; background-color:#8E9A04; margin:0; padding:2px 0 2px 0; background:url(../images/arrondie.png) no-repeat bottom 50px;}
div#rubriquejaune div.arrondie {background-image:url(../images/fond-menu-j.png); background-position:bottom; border-bottom:1px solid #8E9A04;}

div#rubriqueorange {border-left:2px solid #FF3300; text-align:justify;}
div#rubriqueorange p {color:#000000; margin:5px;}
div#rubriqueorange h3 {color:#ffffff; background-color:#000000; margin:0; padding:2px 0 2px 0; background:url(../images/arrondie.png) no-repeat bottom 75px;}
div#rubriqueorange div.arrondie {background-image:url(../images/fond-menu-o.png); background-position:bottom; border-bottom:1px solid #FF3300;}

div.fluxrss-droite {margin:0px; padding:0px; text-indent:0px;}
div.fluxrss-droite h4 {margin:0px; padding:0px; text-indent:0px;}
div.fluxrss-droite h3 {margin:0px; padding:0px; text-indent:0px;}
div.fluxrss-droite ul {margin:10px; padding:0px; text-indent:0px; text-align:left;}
div.fluxrss-droite li {margin:10px; padding:0px; text-indent:0px; text-align:left;}

/* tooltip styling. by default the element to be styled is .tooltip  */
.tooltip {
	display:none;
	background:transparent url(../images/black_arrow.png);
	font-size:12px;
	height:70px;
	width:160px;
	padding:25px;
	color:#fff;	
}