/* -------------------------------------------------------------- CSS externe */



/* -------------------------------------------------------------- CSS Document */

html { 
	font-size: 100%; 
}

body {
	font-family: "Luxi sans", "Lucida Grande", Lucida, "Lucida Sans Unicode", sans-serif; 
	color: #000;

	text-align: justify;
	margin-left: 10px;
	margin-right: 10px;
	background-image: url(../_imgs/fond_kuizin.jpg);
	background-repeat: no-repeat;
	background-position: 0% 8px;
}

h3 {
	font-size: 1.2em;
	margin-left: 10px;
	margin-right: 10px;
}

a:link, a:active, a:visited {
	text-decoration: none;
	color: #FF7401;
}

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

a.on {
	font-weight: bold;
	color: #000000;
}

.separateur {
	background-color: #CCCCCC;
	height: 1px;
	width: 100%;
	margin-top: 10px;
	margin-bottom: 10px;
}

/* -------------------------------------------------------------- CSS entete */

.entete {
	width: 980px;
}

.entete a, .entete a:hover {
	width: 100%;
	display: block;
}

/* -------------------------------------------------------------- CSS hierarchie */

.hierarchie {
	height: 30px;
	width: 980px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
}

.hierarchie p {
	float: left;
	margin-top: 10px;
	font-size: .75em;
}

/* -------------------------------------------------------------- CSS Colonne de Gauche */

.menurubriques, .liensutiles, .presse {
}

.menurubriques h3, .liensutiles h3, .presse h3 {
	font-size: 12px;
	text-transform: uppercase;
	color: #000;
	background-color: #f8922b;
	padding: 8px;
}

.menurubriques ul, .liensutiles ul, .presse ul {
	background-color: #edbc5d;
}

.menurubriques ul ul, .liensutiles ul ul, .presse ul ul {
	background-color: #f6cfb4;
}

.menurubriques ul li a, .liensutiles ul li a, .presse ul li a {
	font-size: 15px;
	padding-right: 8px;
	padding-left: 8px;
	display: block;
	padding-top: 4px;
	padding-bottom: 4px;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #FFFFFF;
	line-height: 130%;
	color: #444444;
}

.menurubriques ul li a:hover, .liensutiles ul li a:hover, .presse ul li a:hover {
	background-color: #feab28;
	color: #000;
}

.menurubriques ul li a.on, .liensutiles ul li a.on, .presse ul li a.on {
	background-color: #f8922b;
	color: #FFFFFF;
}

.menurubriques ul ul li a.on, .liensutiles ul li a.on, .presse ul li a.on {
	background-color: #f19456;
	color: #FFFFFF;
}

.descriptiflienutile {
	font-size: 12px;
	padding-left: 8px;
	padding-bottom: 4px;
}

/* -------------------------------------------------------------- CSS Colonne du Centre */

.introrubrique h3 {
	font-size: 1.4em;
	color: #333;
	margin-bottom: 5px;
	margin-left: 10px;
	margin-right: 10px;
}

.introrubrique {
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
	background-image: url(../_imgs/fond_texteT63.png);
	background-position: 0% 0%;
	background-repeat: repeat-x, repeat-y;
}

.presentationmare {
	padding-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
	text-align: justify;
	background-image: url(../_imgs/fond_texteT63.png);
	background-position: 0% 0%;
	background-repeat: repeat-x, repeat-y;
}

.presentationmare h2 {
	font-size: 1.4em;
	color: #333;
	margin-bottom: 5px;
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 10px;
	margin-bottom: 5px;
}

.presentationmarelogodroite {
	float: right;
	width: 190px;
	margin-left: 10px;
	margin-right: 10px;
	background-image: ;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	text-align: right;
}

.presentationmarechapo {
	font-size: .8em;
	text-align: justify;
	margin-top: 10px;
	margin-left: 10px;
	margin-right: 10px;
	line-height: 135%;
}

.presentationmarechapoleft {
	font-size: .8em;
	text-align: left;
	margin-left: 10px;
	margin-right: 10px;
	line-height: 135%;
}

.presentationderarticle {
	padding-bottom: 10px;
	margin-left: 10px;
	margin-right: 10px;
}

.logorubgauche {
	float: left;
	width: 105px;
	margin-right: 20px;
}

.logorubdroite {
	float: right;
	width: 105px;
	margin-left: 20px;
}

.presentationderarticle h2 {
	font-size: 1.1em;
	margin-bottom: 5px;
	margin-left: 10px;
	margin-right: 10px;
	background-image: url(../_imgs/fond_texteT63.png);
	background-position: 0% 0%;
	background-repeat: repeat-x, repeat-y;
}

.presentationderarticlechapo {
	font-size: .9em;
	line-height: 100%;
	margin-left: 10px;
	margin-right: 10px;
	background-image: url(../_imgs/fond_texteT63.png);
	background-position: 0% 0%;
	background-repeat: repeat-x, repeat-y;
}

.actuderarticle h2 {
	text-transform: uppercase;
	padding: 6px;
	border: 1px solid #CCCCCC;
	font-size: 0.9em;
	font-weight: bold;
	margin-bottom: 4px;
	margin-left: 10px;
	margin-right: 10px;
	color: #FFFFFF;
	background-color: #333333;
}

.actuderarticle h3 {
	font-size: .9em;
	margin-bottom: 4px;
	margin-left: 10px;
	margin-right: 10px;
}

.actuderarticlechapo {
	font-size: .9em;
	line-height: 100%;
	text-align: justify;
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
	background-image: url(../_imgs/fond_texteT63.png);
	background-position: 0% 0%;
	background-repeat: repeat-x, repeat-y;
}

.derarticlesite {
	float: left;
	width: 660px;
	padding-bottom: 10px;
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
	background-image: url(../_imgs/fond_texteT63.png);
	background-position: 0% 0%;
	background-repeat: repeat-x, repeat-y;
}

.derarticlesite h3 {
	font-size: 1.0em;
	margin-bottom: 4px;
	margin-left: 10px;
	margin-right: 10px;
}

.derarticlesite small {
	font-size: .9em;
	font-weight: bold;
	text-transform: uppercase;
	padding-bottom: 5px;
	margin-top: 10px;
	margin-left: 10px;
	margin-right: 10px;
	display: block;
}

.actuderarticlechapo2 {
	font-size: .9em;
	line-height: 100%;
	text-align: justify;
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-bottom: 10px;
}


.blocArtRecherche {
	margin-left: 30px;
	margin-right: 10px;
	width: 730px;
}


.3dersarticles h3 {
	font-size: 1.2em;
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
}


.3dersarticles {
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
	background-image: url(../_imgs/fond_texteT63.png);
	background-position: 0% 0%;
	background-repeat: repeat-x, repeat-y;
}


.planRub {
	float: left;
	width: 235px;
	margin: 5px;
	font-size: .7em;
	line-height: 135%;
}

.planRub h2 {
	color: #222222;
	margin-bottom: 3px;
}

.planRub ul {
	background-image: url(../_imgs/filet_vertical_plan.gif);
	background-repeat: repeat-y;
	background-position: 0px 0px;
}

.planRub ul ul {
	background-image: none;
}


.planRub ul li {
	padding-left: 15px;
	background-image: url(../_imgs/filet_horizontal_plan.gif);
	background-repeat: no-repeat;
	background-position: 0% 8px;
}


.recherche {
	width: 230px;
	margin-top: 30px;
	padding-bottom: 10px
	background-image: url(../_imgs/fond_texteT63.png);
	background-position: 0% 0%;
	background-repeat: repeat-x, repeat-y;
}

.pieddepage {
	height: 30px;
	width: 980px;
	float: center;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
	font-size: 0.8em;
	padding-top: 15px;
	padding-bottom: 15px;
	color: #999999;
	text-align: center;
	background-image: url(../_imgs/fond_pied.png);
	background-repeat: no-repeat;
	background-position: center;

}

.pieddepage img {
	vertical-align: middle;
}