/********** DOCUMENT **********/
body
{
	margin: 0;
	padding: 0;
	background: url(../../design/background.gif) repeat-y top center;
}

div#global
{
	margin: 3px auto 0 auto;
  width: 703px;
  background: #FFFFFF;
}

div.kill_float
{
	clear: left;
	visibility: hidden;
	height: 9px;
}

hr.kill_float
{
	clear: both;
	visibility: hidden;
}

div#main
{
	margin-top: 40px;
}

a img
{
	border: 0 none;
}

h1
{
	margin: 15px 0 0 0;
	padding: 0 0 0 33px;
	height: 16px;
	font: bold 0.95em/0.9em 'Trebuchet MS', verdana, sans-serif;
	color: #FF3300;
	background: url(../../design/h1.gif) no-repeat bottom left;
}

.hidden /* Methode Paul Bohman "accessible" : http://www.webaim.org/techniques/articles/hiddentext */
{
  position: absolute;
  left: 0;
  top: -500px;
  width: 1px;
  height: 1px;
  overflow: hidden;
}



/********** HEAD **********/
div#head
{
	width: 703px;
	height: 74px;
}

div#head img
{
	float: left;
}

div#head form
{
	float: left;
	position: relative;
	top: 2px;
	left: 299px;
	margin: 0;
	padding: 0;
}

div#head div.recherche
{
	z-index: 2;
	position: relative;
	padding-left: 15px;
	width: 140px;
	height: 15px;
	background: url(../../design/head/recherche/background.gif) no-repeat top left;
}

div#head div.recherche input.chp
{
	vertical-align: text-top;
	margin: 0;
	padding: 0 0 0 6px;
	width: 100px;
	height: 14px;
	border: 0 none;
	text-align: center;
	color: #666666;
	font: 11px verdana, arial, helvetica, sans-serif;
	background-color: transparent;
}

div#head div.recherche input.sub
{
	vertical-align: text-top;
	margin: 0;
	padding: 0;
	width: 25px;
	height: 15px;
}

div#head div.recherche div#ajaxBox_recherche
{
	display: none;
	z-index: 3;
  position: absolute;
  top: 14px;
  left: 0;
  width: 144px;
  font: 0.65em 'Trebuchet MS', verdana, sans-serif;
  background: #FFF3F0;
  border: 1px solid #FF3300;
  filter:alpha(opacity=90);
  -moz-opacity:0.9;
  opacity: 0.9;
}

div#head div.recherche div#ajaxBox_recherche div.titre
{
	font: bold 1.2em 'Trebuchet MS', verdana, sans-serif;
}

div#head div.recherche div#ajaxBox_recherche div
{
	margin: 2px 0 2px 0;
	padding-left: 5px;
}

div#head p.contact
{
  margin: 0;
  padding: 22px 0 0 75px;
  font: 0.8em 'Trebuchet MS', verdana, sans-serif;
}



/********** PIC **********/
div#pic
{
	clear: left;
	margin-top: 2px;
	width: 703px;
}



/********** MENU **********/
div#conteneur_menu
{
	position: relative;
	margin-top: 4px;
	width: 703px;
	font: 0.7em 'Trebuchet MS', verdana, sans-serif;
}

div#conteneur_menu img.nohand
{
	cursor: default;
}

div#conteneur_menu span /* Methode Paul Bohman "accessible" : http://www.webaim.org/techniques/articles/hiddentext */
{
  position: absolute;
  left: 0;
  top: -500px;
  width: 1px;
  height: 1px;
  overflow: hidden;
}

div#conteneur_menu ul.ssmenu
{
	margin: 1em;
	padding: 0;
	width: 185px;
	border: 1px solid #CCCCCC;
	background: #2A8ADD;
  filter:alpha(opacity=90);
  -moz-opacity:0.9;
  opacity: 0.9;
}

div#conteneur_menu ul.ssmenu ul, div#conteneur_menu ul.ssmenu li
{
	margin: 0;
	padding: 0;
	list-style: none;
}

div#conteneur_menu ul.ssmenu ul:hover
{
	margin: 0;
	padding: 0;
	width: 175px;
	border: 1px solid #FF3300;
	background: #FFF5EF;
	color: #000000;
	text-decoration: none;
}

div#conteneur_menu ul.ssmenu a, div#conteneur_menu ul.ssmenu a:visited, div#conteneur_menu ul.ssmenu a:hover, div#conteneur_menu ul.ssmenu a:active
{
	width: auto; /* hack */
}



/********** MAIN LEFT **********/
div#main_left
{
	float: left;
	margin-right: 10px;
	width: 140px;
}

div#main_left img
{
	display: block;
}

div#main_left div.box
{
	padding: 2px;
	width: 126px;
	border: 5px solid #F1F1F1;
	font: 0.75em/1.3em 'Trebuchet MS', verdana, sans-serif;
}

div#main_left div.box ul
{
	margin: 0;
	padding: 0;
	list-style-image: url(../../design/box/li_ff.gif);
}

div#main_left div.box ul li
{
	margin: 7px 0 7px 14px;
	padding: 0;
}

div#main_left div.box h5
{
	margin: 1px 0 5px 0;
	padding: 0;
	font: bold 1em/1.1em 'Trebuchet MS', verdana, sans-serif;
}

div#main_left div.box p
{
	margin: 0;
	padding: 4px 0 4px 0;
}



/********** MAIN RIGHT **********/
div#main_right
{
	float: left;
	width: 545px;
}



/********** CAT **********/
ul.niveau2
{
	margin: 10px 0 0 58px;
	padding: 10px 0 10px 0;
	font: 0.85em/1.2em 'Trebuchet MS', verdana, sans-serif;
}

ul.niveau3
{
	margin: 5px 0 0 58px;
	padding: 5px 0 5px 0;
	list-style-image: url(../../design/li_niveau3_ff.gif); /* hack */
	font: 0.85em/1.2em 'Trebuchet MS', verdana, sans-serif;
}

ul.niveau2 li, ul.niveau3 li
{
	margin: 0;
	padding: 0;
}

ul.niveau2 li.art
{
	list-style-image: url(../../design/li_niveau2art_ff.gif); /* hack */
}

ul.niveau2 li.cat
{
	list-style-image: url(../../design/li_niveau2cat_ff.gif); /* hack */
}

ul.niveau2 li.lecture, ul.niveau3 li.lecture
{
	color: #660000;
}

ul.niveau2 img, ul.niveau3 img
{
	vertical-align: text-bottom;
}



/********** A LA UNE **********/
div#alaune
{
	margin: 10px 0 23px 0;
	padding: 3px 3px 3px 6px;
	width: 534px;
	background: #F9F9F9;
	border: 1px solid #DFDFDF;
}
div#alaune h3
{
	margin: 0;
	padding: 0;
	height: 10px;
	font: bold 0.75em 'Trebuchet MS', verdana, sans-serif;
	color: #0086FF;
	text-decoration: underline;
}
div#alaune p
{
	margin: 0;
	padding: 14px 0 0 0;
	text-align: justify;
	font: 0.9em/1.2em 'Trebuchet MS', verdana, sans-serif;
	color: #000000;
}

div#alaune img
{
	float: right;
	margin: 0 0 4px 4px;
	border: 1px solid #CCCCCC;
}



/********** NEWS **********/
div.news
{
	float: left;
	margin-top: 10px;
	padding: 2px;
	width: 259px;
	height: 145px;
	background: #F9F9F9;
	border: 1px solid #DFDFDF;
}

div.news div
{
	clear: right;
}

div.news h2
{
	margin: 0;
	padding: 0;
	height: 10px;
	font: bold 0.75em 'Trebuchet MS', verdana, sans-serif;
	color: #0086FF;
	text-decoration: underline;
}

div.news p
{
	margin: 0;
	padding: 14px 0 0 0;
	text-align: justify;
	font: 0.7em/1.3em 'Trebuchet MS', verdana, sans-serif;
	color: #000000;
}

div.news img
{
	float: right;
	margin: 0 0 0 4px;
	border: 1px solid #CCCCCC;
}



/********** ARTICLE **********/
div.article
{
	padding-top: 15px;
	font: 0.8em/1.3em 'Trebuchet MS', verdana, sans-serif;
	color: #252525;
}

div.article span.gras
{
	font: normal bold 1em 'Trebuchet MS', verdana, sans-serif;
}

div.article span.italic
{
	font-style: italic;
}

div.article span.souligne
{
	text-decoration: underline;
}

div.article ul
{
	margin: 0 0 0 35px;
	padding: 5px 0 5px 0;
	list-style-image: url(../../design/article/li_ff.gif);
}

div.article ul li
{
	margin: 0;
	padding: 0;
}

div.article div.ret
{
	padding-left: 20px;
}

div.article img
{
	margin-right: 5px;
	margin-left: 5px;
}

div.article img.gauche
{
	float: left;
}

div.article img.droite
{
	float: right;
}

div.article h4
{
	margin: 5px 0 5px 0;
	padding: 5px 0 5px 18px;
	height: 12px;
	font: bold 1em 'Trebuchet MS', verdana, sans-serif;
	color: #2A8ADD;
	background: url(../../design/article/h4.gif) no-repeat bottom left;
}

div.article span.petit
{
	font-size: 0.85em;
}

div.article span.grand
{
	font-size: 1.15em;
}

div.article table
{
	margin: 0;
	padding: 0;
	width: 95%;
}

div.article td
{
	margin: 1px;
	padding: 1px;
	border: 1px solid #CCCCCC;
}



/********** RECHERCHE2 **********/
div#recherche2
{
	margin: 20px 0 35px 0;
	width: 540px;
}

div#recherche2 form
{
	margin: 0;
	padding: 0;
}

div#recherche2 input.chp
{
	margin: 1px 0 0 0;
	padding: 0;
	width: 452px;
	height: 15px;
	border: 0 none;
	font: 11px verdana, arial, helvetica, sans-serif;
	color: #3300FF;
	background-color: transparent;
}

div#recherche2 div.requete
{
	margin-top: 6px;
	padding-left: 78px;
	width: 540px;
	height: 18px;
	background: url(../../design/recherche2/requete.gif) no-repeat top left;
}

div#recherche2 div.options
{
	margin-top: 6px;
	padding: 1px 0 0 78px;
	width: 540px;
	height: 53px;
	background: url(../../design/recherche2/options.gif) no-repeat top left;
	font: 0.85em 'Trebuchet MS', verdana, sans-serif;
}

div#recherche2 div.options img
{
	margin: 2px 6px 2px 0;
	vertical-align: middle;
}

div#recherche2 input.sub
{
	margin: 10px 0 0 0;
	padding: 0;
	width: 101px;
	height: 18px;
	cursor: pointer;
}

div.article img.icon
{
	vertical-align: middle;
}

div.article span.sep
{
	font: bold 1em 'Trebuchet MS', verdana, sans-serif;
	color: #339933;
}



/********** FOOT **********/
div#foot
{
	position : relative; /* necessaire pour que setFooter() fonctionne sous Safari */
	margin-top: 20px;
	border-top: 1px solid #94C4EE;
	font: 0.7em 'Trebuchet MS', verdana, sans-serif;
	color: #929292;
	text-align: right;
}

div#foot img
{
	vertical-align: middle;
}

div#foot em
{
	font: normal 1.2em 'Trebuchet MS', verdana, sans-serif;
	color: #94C4EE;
}