body { width: 100%; margin: 0; padding: 0; border: 0; font-family: verdana, sans-serif; font-size: 11px; color: #000; }
.spip_logos, img { border: 0; margin: 0 0.5em 0.5em 0; }

/* centrage general  */
#general { background-image: url(../img/fond2.jpg); background-repeat: no-repeat; width: 900px; height: 1200px; min-height: 600px; margin: 0 auto; }

/* bandeau et logo  */
#haut {
	float: left;
	position: relative;
	width: 785px;
	height: 110px;
	left: 115px;
	padding: 0;
}
.logo { display: block; float: left; position: relative; top: 15px; }
#bandeau { float: right; position: relative; top: 29px; right:62px; width: 440px; height:83px;}
.titrebandeau { display: block; float: left; position: relative; top: 0px; left:1px; margin:0; padding:0; z-index: 3;}
.imagesbandeau { display: block; float: left; position: relative; top: -3px; left: 0px; margin:0; padding:0; z-index: 5;}


/* Nav defaut  */
a, a:visited, a:link, a:active, a:hover {
	font-family: verdana, sans-serif;
	font-size: 11px;
	color: #f60;
	text-decoration: none;
}
a:hover { text-decoration: underline; }

/* nav et les menus  */
ul#nav {
	float: left;
	position: relative;
	margin: 0; padding: 0;
	top: 6px;
	left: 100px;
	width: 720px;
	height: 20px;
	font-family: verdana, sans-serif;
	list-style: none;
}
ul#nav li { float: left; margin-left: 25px; font-size: 11px; letter-spacing:1px; list-style: none; }
ul#nav li ul { position:absolute; width:700px; height:20px; left:-20px; top:24px; display:none; overflow:visible; list-style: none; }
ul#nav li ul li { float:left; margin-left:20px; font-size: 11px; list-style: none; }

#nav a.niv1:link, #nav a.niv1:visited, #nav a.niv1:active, #nav a.niv1:hover { text-decoration: none;  color:white; }
#nav a.niv1:hover { color:#F4B37D; }
#nav a.niv2:link, #nav a.niv2:visited, #nav a.niv2:active, #nav a.niv2:hover { text-decoration: none;  color:#f60; }
#nav a.niv2:hover { text-decoration: underline; }

.ici, .on {
	color: #F4B37D;
	text-decoration: none;
	font-weight: bold;
}

/* Contenu  */
#contenu {
	position: relative;
	float: left;
	width: 710px;
	left: 110px;
	margin-top: 3.5em;
	background-image: url(../img/cab1.gif);
	background-repeat: no-repeat;
}
.gauche {
	position: relative;
	float: left;
	width: 375px;
	left: 35px;
	text-align: justify;
}
/* menu ariane */
.barre { margin: 0 0 15px 0; }
.titre_g {
	font-family: verdana, sans-serif;
	font-size: 13px;
	color: #900c1A;
	font-weight: bold;
	height: 20px;
	background-image: url(../img/cab2.gif);
	background-repeat: no-repeat;
	text-indent: 25px;
	text-align: left;
}
/* suite article */
.suite { width: 100%; height: 2em; margin: 1em 0 2em 0; padding: 1em 0 0.5em 0; border-bottom: 1px solid #900c1A;}
.suite img{ float: right; border: 0; }

/* article suivant*/
.artsuiv, #annucab_fichecomp { float: right; margin: 1em 0 0 0; }

/* h3 spip */
h3.spip { font-family: verdana, sans-serif; font-size: 1.1em; color: #900c1A; font-weight: bold; margin: 10px 0 0 0; text-align: left; }

/* FAQ */
h4.faq { font-size: 1em; margin: 0.4em; padding: 0; color: #FF6A00; cursor: pointer;}
div.rep { padding: 0 0.3em; margin-left: 2em; border: 1px dotted gray; text-align: left;  }
div.rep p.spip:first-child {margin-top: 0;}

/* Contenu droit  */
.droit { position: relative; float: right; width: 270px; text-align: left; font-size: 0.9em; }
.droit p { position: relative; float: right; width: 95%; margin: 0.2em 0; padding:0; }

.titre_d, #annucab_titre_d {
	float: left;
	width: 100%;
	font-size: 1.2em;
	color: #FFF;
	font-weight: bold;
	height: 15px;
	padding: 3px;
	background-color: #c33;
	text-align: center;
	margin: 0.8em 0;
}

.chapo, #annucab_chapo, #annucab_texte { float:left; position:relative; left: 0.5em; width:94%; font-size:1.1em; margin:0.5em 0em; overflow: hidden; } /* overflow pour bug opera qui sort texte du bloc */
#annucab_texte { height: 258px; overflow: hidden; }
#annucab_chapo p.spip, #annucab_texte p.spip { font-size: 1em; margin: 0.5em 0; }
i.spip { color: #c33; }

.smalldia { float: left; width: 85px; height: 75px; overflow: hidden; margin: 0 5px 10px 0; border: 1px dotted gray; cursor: pointer; }
#bigdia { clear: both; }

.liste_red { width: 85%; clear: both; }
.liste_red li { color: #f60; margin: 3px 0px 4px 8px; padding: 0; list-style-type: disc; }
.liste_red li img { border: 0; margin: 3px 0px 4px 8px; padding: 0; }

ol.spip { width: 85%; clear: both; margin: 1em 0 0 2.3em; padding:0;  }
ol.spip li { margin: 0.5em 0 ; padding:0; }
ol.spip li strong.spip {color: #c33; font-weight: bold;}
ol.spip ul.spip { margin-left: 0.8em; padding: 0; list-style: square; font-weight: normal; }
ol.spip ul.spip li.spip { margin: 0; padding: 0; line-height: 1.2em;; font-weight: normal; }

/* footer  */
.pied {
	position: relative;
	float: left;
	width: 710px;
	float: left;
	height: 50px;
	line-height: 15px;
	text-align: center;
	margin: 20px 0 20px 0;
	font-size: 10px;
	border-color: #933;
	border-width: 1px 0 1px 0;
	border-style: dotted none none none;
	padding: 10px 0 0 0;
}
.pied a { font-size: 10px; }

/* menus deroulants chois activites */
ul#deroulant, ul#deroulant2 { clear:both; width: 97%; list-style:none; margin:0.4em; padding:0; font-family:"trebuchet MS", arial; font-size: 1.3em; border: 1px dotted red; }
ul#deroulant li, ul#deroulant2 li { width:95%; list-style:none; margin:0; padding: 0; cursor:pointer; line-height: 1.5em; }
ul#deroulant li ul, ul#deroulant2 li ul { clear:left; list-style:none; margin:0; padding:0; background-color: white; font-size: 0.9em; }
ul#deroulant li ul li, ul#deroulant2 li ul li {list-style:none; margin:0; padding:0.2em 0.4em; background-color:white; line-height: 0.8em; }

#deroulant a:link, #deroulant a:visited, #deroulant a:active, #deroulant2 a:link, #deroulant2 a:visited, #deroulant2 a:active {font-size:1em; text-decoration: none; }
#deroulant a:hover, #deroulant2 a:hover { font-size:1em; text-decoration:none; color: #F4B37D }

/* tables */
table.spip { text-align: left; border-collapse:collapse; border: 2px solid black; margin: 5px 0 5px 0; width: 100%;}
thead { background-color: #CCFF99; font-weight: bold;}
.row_odd { background-color: #ffffe1; }
.row_even { background-color: #ffffb3; }
td, th { padding: 3px; border: 1px solid black;}

/* notes */
.spip_note { clear: both; font-size: 0.9em; font-style: italic; }
.spip_out { background-image: url(../img/spip_out.gif); background-repeat: no-repeat; background-position: 100% 50%; padding-right: 10px; margin-left: 4px; }

/* liens ? dans formulaire */
a.jTip:link {color: white;}