/* @override Credits */
/*
Date : 09.01.2009
Auteur : Adrien Heury
Projet : CRIJ
Logiciel : CSS Edit 2.6 - iMac
Commentaire : CSS non valide à 100% à cause de ce p***** de ie6 qu'il faut sans cesse gruger...

                        
                          oooo$$$$$$$$$$$$oooo
                      oo$$$$$$$$$$$$$$$$$$$$$$$$o
                   oo$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$o         o$   $$ o$
   o $ oo        o$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$o       $$ $$ $$o$
oo $ $ "$      o$$$$$$$$$    $$$$$$$$$$$$$    $$$$$$$$$o       $$$o$$o$
"$$$$$$o$     o$$$$$$$$$      $$$$$$$$$$$      $$$$$$$$$$o    $$$$$$$$
  $$$$$$$    $$$$$$$$$$$      $$$$$$$$$$$      $$$$$$$$$$$$$$$$$$$$$$$
  $$$$$$$$$$$$$$$$$$$$$$$    $$$$$$$$$$$$$    $$$$$$$$$$$$$$  """$$$
   "$$$""""$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$     "$$$
    $$$   o$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$     "$$$o
   o$$"   $$$$$$$$$$$    HAVE FUN WITH MY CSS    $$$$$$$$$$$$       $$$o
   $$$    $$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$" "$$$$$$ooooo$$$$o
  o$$$oooo$$$$$  $$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$   o$$$$$$$$$$$$$$$$$
  $$$$$$$$"$$$$   $$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$     $$$$""""""""
 """"       $$$$    "$$$$$$$$$$$$$$$$$$$$$$$$$$$$"      o$$$
            "$$$o     """$$$$$$$$$$$$$$$$$$"$$"         $$$
              $$$o          "$$""$$$$$$""""           o$$$
               $$$$o                                o$$$"
                "$$$$o      o$$$$$$o"$$$$o        o$$$$
                  "$$$$$oo     ""$$$$o$$$$$o   o$$$$""
                     ""$$$$$oooo  "$$$o$$$$$$$$$"""
                        ""$$$$$$$oo $$$$$$$$$$
                                """"$$$$$$$$$$$
                                    $$$$$$$$$$$$
                                     $$$$$$$$$$"
                                      "$$$""*/

/*[Table of contents]
-------------------------------------------------------------------*/
/*[Color codes]
-------------------------------------------------------------------*/
/*[Typography]
-------------------------------------------------------------------*/

@import url("reset.css");
@import url("grid.css"); 
@import url("typography.css");

@import url("annonce.css");
@import url("flora.css");
@import url("thematiques.css");


body {
	background-color:#FFFFFF;
}

/* @group Menu */

.menu {
	background: #363636;
	height: 85px;
	padding: 0;
	position:relative;
}

.menu ul {
	display: inline;
}

.menu ul li {
	display: inline;
	list-style: none;
	color: #ccc;
	/*font-size: 1.4em;
	letter-spacing: -0.1em;*/
	font-size: 1em;
	letter-spacing: normal;
	font-weight: bold;
}

.menu ul li a {
	color: #fff;
	text-decoration: none;
}

.menu img#swapmenu {
	cursor:pointer;
}

/* @end */

/* @group Header */

.header {
	background: #fff;
	height: 95px;
	border-bottom: 8px solid #363636;
	position: relative;
}

.titrePrint {
	display:none;
}

/* @group Offres */

.offres {
	position: absolute;
	right: 0px;
	top: 35px;
	background: #363636 url(../images/bkg-offre.png) no-repeat right bottom;
	color: #fff;
	padding: 5px;
	width: 215px;
	font-size: 0.9em;
}

.offres span.toggleOffres {
	cursor:pointer;
}

.offres div.titreOffres {
	height:40px;
}

.offres .number {
	font-size: 3em;
	font-weight: bold;
	letter-spacing: -0.1em;
	float: left;
	color:#FFFFFF;
}

.offres .links {
	float: left;
	margin: 3px 0 0 10px;
	border-left: 1px solid #484c4b;
	padding: 0 0 0 5px;
}

.offres a {
	color: #ccc;
	text-decoration: none;
}

.offres a:hover {
	color: #fff;
}

.offres ul {
	list-style: none;
	margin: 0 0 15px 5px;
}

.offres ul li {
	border-bottom: 1px solid #484c4b;
	padding: 0 0 5px 0;
	margin: 0 0 5px 0;
}


/* @end */


/* @group Recherche */

.header form {
	float: right;
	margin: 0 0 0 0;
	padding: 0;
	_width:192px;
}

.header form fieldset legend {
	display: none;
}

.header form fieldset input.texteInput {
	border: 1px solid #ccc;
	padding: 5px 5px 5px 20px;
	color: #CCC;
	background: url(../images/picto-search.png) no-repeat 5px 5px;
}

.header form fieldset input.submit {
	border: 1px solid #333;
	padding: 5px;
	background: #333;
	color: #fff;
	cursor: pointer;
}

/* @end */

/* @group Rss */

.feed {
	background: orange;
	color: #fff;
	padding: 3px;
	margin: 6px 5px 6px 5px;
	float: right;
	text-decoration: none;
	font-size: 11px;
}

/* @end */

/* @end */

/* @group Footer */

.footer {
	border-top: 8px solid #363636;
	/*background: #e2e0d6;*/
	padding: 10px 0 5px 0;
}

.footer h4 {
	float:left;
	margin-right:20px;
}

.footer ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	padding-top:4px;
}

.footer ul li {
	display:inline;
	margin: 0px 10px 8px 0;
	font-size: 11px;
}

.footer ul li a {
	text-decoration: none;
	color: #333;
}

.footer ul li a:hover {
	text-decoration: underline;
	color: #333;
}

.footer2 {
	border-top: 4px solid #363636;
	/*background: #e2e0d6;*/
	padding: 10px 0 10px 0;
	font-size: 11px;
}

.footer2 .mentions {
	color: #aaa;
}

.footer2 a {
	text-decoration: none;
	color: #333;
}

.footer2 a:hover {
	text-decoration: underline;
	color: #333;
}

.footer2 a.handmade {
	float: right;
}

/* @end */

.col2 {
	_margin-left:-20px;
}

div#texte ul li, div#texte ol li {
	font-family:  Helvetica, Arial,sans-serif;
	color:#333; line-height:22px;
	font-size: 120%;
}


.liens {
	display:block;
	float:right;
	width:200px;
	margin:10px;
	padding:5px;
	background:#eee !important;
}


#centre img.sans_bordure {
	border:0;
	padding:0;
}


#centre .liste_disque {
	list-style-type:disc;
}
#centre .liste_cercle {
	list-style-type:circle;
}
#centre .liste_carre {
	list-style-type:square;
}

/*
.MENU1 .liens {
	background:#a4e6ff;	
}
.MENU2 .liens {
	background:#ff9bd8;
}
.MENU3 .liens {
	background:#f0fa7d;
}
.MENU4 .liens {
	background:#a4ffcd;
}
.MENU5 .liens {
	background:#fcc57c;
}
.MENU6 .liens {
	background:#d3aaf6;	
}
.MENU7 .liens {
	background:#ff6161;
}
*/

.liens a, .liens a:hover {
	background:transparent !important;
}

/* @group Sous Menu (page interieure) */

.sousMenu {
	border-top: 5px solid #cac9c7;
}

.sousMenu ul {
	list-style: none;
	margin: 0;
}

.sousMenu ul li {
	background: #f6f4f5;
	padding: 5px 10px;
	border-top: 1px solid #cac9c7;
}

.sousMenu ul li a {
	color: #888;
	font-weight: bold;
	text-decoration: none;
}

.sousMenu ul li a:hover, .sousMenu ul li a.select {
	color: #000;
}


.sousMenu ul li a span {

}

.sousMenu ul li ul {

}

.sousMenu ul li ul li {
	border: none;
	padding: 2px 0;
	margin: 5px 0 0 0;

}

.sousMenu ul li ul li a {
	font-weight: normal;
}

.contenuSousMenu {
	border-top: 5px solid #cac9c7;
	padding: 10px 0;
	background: #f6f4f5/*e7e7e7*/;
}

.contenuSousMenu h3 {
	background: #fff;
	display: inline;
}

/* @end */

.article {
	background:url(../images/bkg-repeat-border.gif) repeat-y 615px 0
}

#centre img {
	margin:5px;
	padding:5px;
	border:2px solid #CCC;
}


/* @group Sondage */

div#qcm div#qcmdescription {
	padding-bottom:10px;
}

div#qcm div#qcmfin {
	padding-bottom:10px;
}
 
div#qcm div#qcmresultat span {
	margin:3px;
	padding:3px;
}
 
div#qcm ul {
	list-style-type:none;
}

/* @end */


/* @group News */
.news {
	/*margin: 0 0 0 40px;*/
	background: #e2e0d6 url(../images/bkg-zebraN.png) repeat-x 0 0;
}

.intNews {
	background: #e2e0d6 url(../images/bkg-zebraN.png) repeat-x 0 0;
}

.blocNews {
	padding: 20px;
	clear: both;
	background: url(../images/bkg-pointilles-horizontal-repeat.gif) repeat-x 0 bottom;
}

.blocNews.Int {
	padding: 5px 20px;
	clear: both;
	background: url(../images/bkg-pointilles-horizontal-repeat.gif) repeat-x 0 bottom;
}

.blocNews h3 a {
	background: #fff;
	display: inline;
}

.blocNews.MENU1 h3 a:hover {
	background: #a4e6ff;
}

.blocNews.MENU2 h3 a:hover {
	background: #ff9bd8;	
}

.blocNews.MENU3 h3 a:hover {
	background: #f0fa7d;
}

.blocNews.MENU4 h3 a:hover {
	background: #a4ffcd;
}

.blocNews.MENU5 h3 a:hover {
	background: #fcc57c;
}

.blocNews.MENU6 h3 a:hover {
	background: #d3aaf6;
}

.blocNews.MENU7 h3 a:hover {
	background: #ff6161;
}


.blocNews p {
	font-size:12px; line-height:18px;
	color: #6c6a6b;
	display: block;
	margin: 10px 0;
	
}

.blocNews img {
	float: left;
	margin: 0 10px 10px 0;
}

/* @end */

/* @group Telechargement */

#publication span.toggle {
	color:#363636; 
	font-weight:bold; 
	cursor:pointer;
}

.telechargement {
	background:#f1f1f1;
	border-top: 8px solid #363636;
}

.telechargement ul {
	list-style: none;
	margin: 0;
	padding: 10px;
}

.telechargement ul li {
	margin: 5px 0;
	padding: 5px 0;
	border-bottom: 1px solid #ccc;
	color: #999;
}

.telechargement ul li a {
	color: #000;
	text-decoration: none;
	font-weight: bold;
	font-size:12px;
}

.telechargement ul li a:hover {
	background: #fff;
}

.telechargement span.infos {
	font-size: 11px;
	display: block;
}



/* Page module telecharger */

.telecharger a {
	color: #000;
	text-decoration: none;
	font-weight: normal;
	border-bottom: 1px solid #ccc;
}

.telecharger a:hover {
	border-bottom: none;
	color: #333;
}

.telecharger div a {
	color: #e20000;
	border-bottom: none;
	font-weight: bold;
}

.telecharger div {
	background:#fcffcb;
	border:1px solid #d0d2b2;
	color:#5d5e50;
	padding:5px;
	font-weight:bold;
	font-size:14px; 
	display: block;
	margin: 10px 0;
}

.telecharger p {
	font-size:11px;
	line-height:16px;
}

.acrobat {
	font-size: 11px;
}


/* @end */

/* Page module flux entrant */

div#flux a, div#fluxentrant a {
	background: none;
}

div#flux img {
	border: none;
	vertical-align:middle;
}

div.fluxentrant div {
	padding-top:14px;
	line-height:14px;
}

/* @end */


/* @group Forum */

.forum, .intForum {
	background:#f1f1f1;
	border-top: 8px solid #363636;
}

.forum span.thematique, .intForum span.thematique {
	margin: 5px 0 15px 0;
}

.forum h2 {
	font-size: 1em;
	display: block;
	margin: 0 0 0 10px;
	padding: 0 0 5px 0;
	float: left;
	width: 210px;
	border-bottom: 1px solid #ccc;
}

.intForum h2 {
	font-size: 1em;
	display: block;
	margin: 0 0 0 10px;
	padding: 0 0 5px 0;
	float: left;
	border-bottom: 1px solid #ccc;
	width:250px;
}


.forum h2 {
	font-size:12px;
}

.forum h2 span, .intForum h2 span {
	display: block;
	color: #999;
	font-weight: normal;
	font-style: italic;
}

.forum a:hover, .intForum a:hover {
	background: #fff;
	border: none;
}

/* @end */

/* @group Pagination */

#pagination, .pagination {
	text-align: center;
}

#pagination ul, .pagination ul {
	list-style: none;
	/*font-size: 1.1em;*/
}

#pagination ul li, .pagination ul li {
	display: inline;
}

#pagination ul li a, .pagination ul li a {
	color:#333;
	text-decoration: none;
	background:none;
}

#pagination ul li a.select, #pagination ul li a:hover, .pagination ul li a.select, .pagination ul li a:hover {
	color:#000;
	border-bottom: 1px solid #ccc;
}

/* @end */

/* @group Ariane */

.ariane {
	margin: 10px 0;
	padding: 10px 0 0 0;
	display: block;
	border-top: 1px solid #eeeeee;
}

.ariane span {
	font-size:0.9em;
	font-family: Arial;
	font-style: normal;	
}
.ariane a {
	color:#363636;
	/*background: #ffffc7;*/
	text-decoration: none;
	font-size: 0.9em;
}

.ariane a:hover {
	color:#333;
	text-decoration: underline;
}

/* Haut de page */
.top {
	float: right;
}

/* @end */

/* @group Outils */

ul.outils {
	list-style: none;
	float: right;
	padding: 5px 0 0 0;
	margin: 0 50px 0 15px;
	background:#FFFFFF;
}

ul.outils li a {
	font-size: 11px;
	color: #333;
	text-decoration: none;
}

ul.outils li a:hover {
	font-size: 11px;
	color: #333;
	text-decoration: none;
	border-bottom: none;
}

ul.outils li {
	width:24px;
	height:24px;
	float:left;
	padding-right:5px;
}

ul.outils li a {
	display:block;
	width:24px;
	height:24px;
}	
ul.outils li a span {
	display:none;
}


ul.outils li.print a {
	background: url(../images/picto-print.png) no-repeat 0 0;
}

ul.outils li.ami a {
	background: url(../images/picto-ami.png) no-repeat 0 0;
}

ul.outils li.plus a {
	background: url(../images/picto-plus.png) no-repeat 0 0;
}

ul.outils li.moins a {
	background: url(../images/picto-moins.png) no-repeat 0 0;
}

ul.outils li.commentaire a {
	background: url(../images/picto-commentaire.png) no-repeat 0 0;
}

ul.outils li.hautpage a {
	background: url(../images/picto-up.png) no-repeat 0 3px;
}

/* @end */

/* @group Commentaires */

.listeCommentaire h3 {
	text-transform:uppercase; font-size:10px; border-top:1px solid #eee; padding:10px 0 0 0
}

/* @end */

/* @group Liens */

a.more {
	color:#363636 !important;
	background: #fffed1 !important;
	text-decoration: none;
	font-size: 0.9em;
	padding: 0 5px 0 0;
}

a.more:hover {
	border-bottom: 1px solid #ccc;
	background: #fff;
}

.col1 a, .article a {
	color:#363636;
	text-decoration: none;
	padding: 0 5px 0 0;
	background: #fffed1;
}

.col1 a:hover, .article a:hover {
	border-bottom: 1px solid #ccc;
	background: #fff;
}

/* @end */

.com {
	background: url(../images/picto-com.gif) no-repeat 0 0;
	display: block;
	float: right;
	height: 18px;
	width: 18px;
	font-size: 0.7em;
	text-align: center;
	padding: 2px 0 0 0;
	color: #333;
	font-weight: bold;
	margin: 0 10px 0 0;
}


p.actu img {
	float: left;
	margin:10px;
}

/* @group Formulaire */


input.erreur, textarea.erreur {
	border:2px solid red !important;
}

form input.boutonPrincipal {

}

form input.boutonSecondaire {
	background:#333;
	padding:2px 5px;
	font-weight:bold;
	cursor:pointer;
	color:#FFF;
	border:none;
	
}

/* @end */

/* @group Formulaires affineurs */

form.affineur fieldset {
	background: #EEE;
	padding:10px;
	margin-bottom:10px;
}
form.affineur fieldset input {
	
}
/* @end */

/* @group Tableaux */

table {
	clear: both;
}

table thead tr th {
	background: #eee;
	padding: 5px;
	font-size: 10px;
	font-weight: normal;
}

table tr td {
	border-bottom: 1px solid #eee;
	padding: 10px 5px;
}

table tr td a {
	font-weight: bold;
	background: none !important;
	color: #000 !important;
}

/* @end */

/* @group Module voirAussi */

.voirAussi a {
	background: none !important;
}

/* @end */

.oblig {
	color:#FF0000;
}


form label {
	float:left;
	width:150px;
}
p.oblig {
	display:block;
	border:2px solid red;
	padding:5px;
	margin-bottom:10px;
	background:#FFD0D1;
	width:400px;
}

/* Fichier à télécharger */
div.fichierTelercharger {
	border:2px solid #CCCCCC;
	padding:10px;
	margin-bottom:10px;
	background:#FFFED1;
	line-height:16px;
}

#centre div.fichierTelercharger img {
  border: none;
  margin:0;
  padding:0;
}


input[disabled], input[readonly], select[disabled], select[readonly], checkbox[disabled], checkbox[readonly], textarea[disabled], textarea[readonly] 
{ 
 	color: #000; 
} 
input, select, textarea{
	background: #ffffff;
	border:1px solid #DCDCDC;
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000;
	padding: 3px;
	margin: 3px 0;
}

input:focus, textarea:focus {
	background: #ffff9c;
}

input.valider, input.valide, input.submit, form#contactForm input.valider{
    background: #5c5c5c url(../img/bkg-button-grad.png) repeat-x ;
    color:#fff;
    float: right;
    text-align: center;
	font: bold 11px Arial, Helvetica, Geneva, sans-serif;
	padding: 8px;
	cursor: pointer;
	text-transform: uppercase;
	-moz-border-radius: 14px;
	-khtml-border-radius: 14px;
	-webkit-border-radius: 14px;
	border-radius: 14px;
	border: none;
}

input.boutonSecondaire {
	background: #ededed url(../img/bkg-white-grad.png) repeat-x;
	cursor: pointer;
	font-family: Arial, Helvetica, Geneva, sans-serif;
	padding: 4px;
	-moz-border-radius: 10px;
	-khtml-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}

input.boutonSecondaire:hover {
	background: #ededed url(../img/bkg-white-grad-active.png) repeat-x;
	color: #333;
}

input.retour {
	float:left;
}
.ajouter {
	padding: 3px 5px 4px 3px;
	font-size: 10px;
	text-transform: uppercase;
	background: #ededed url(../img/bkg-white-grad.png) repeat-x;
	-moz-border-radius: 10px;
	-khtml-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	border: 1px solid #ccc;
}

input.valider:hover, input.valide:hover, input.submit:hover, form#contactForm input.valider:hover {
	color: #fff;
	background: #828282 url(../img/bkg-button-grad-active.png) repeat-x ;
	border:  none;
}



/*************** Annuaire des PIJ, BIJ *****************/
div.annuaire span.titre {
	color:#999;
	font-family: Lucida Grande, Verdana;
	font-size:10px;
}
div.annuaire div.membre {
	padding:10px;
	background:transparent url(../images/bkg-pointilles-horizontal-repeat.gif) repeat-x scroll 0 bottom;
	line-height:15px;
}
div.annuaire div.membre div.adresse {
	float:left;
	width:250px;
	margin-right:15px;
}
div.annuaire div.membre div.contact {
	float:left;
	width:250px;
	text-align:right;
}
div.annuaire div.membre div.contact a {
	background:none;
}
div.annuaire div.membre div.infos {
	clear:both;
	padding-top:15px;
}

div.annuaire div.membre div.tel {
	font-family: Arial;
	background:#333;
	color:#FFF;
	padding:10px;
	text-align:center;
	font-size:16px;
	font-weight:bold;
	float:right;

}