/* Design inspire par : */
/* css Zen Garden submission 106 - 'Mediterranean', by John Whittet, http://www.basseq.com/ */
/* css released under Creative Commons License - http://creativecommons.org/licenses/by-nc-sa/1.0/  */
/* All associated graphics copyright 2004, John Whittet */
/*
	image de fond : Erdogan Ergun sur le site sxc.hu, the leading FREE stock photo site
		http://yunus.hacettepe.edu.tr/~ergun/
		http://www.sxc.hu
	image et logos des articles : sxc.hu, the leading FREE stock photo site
	 un grand merci aux auteurs et au webmestres du site pour leur formidable travail
*/

/*
/*
 * Correction des styles HTML par defaut
 */

.structure {
	display: none;
}
h1,h2,h3,h4 {
	margin-top: 0em;
	margin-bottom: 0em;
	font-size: 100%;
	font-weight: normal;
}
/*
 * Styles generaux
 */
a:link {
	color:#1E1860;
	text-decoration:none;
}
a:visited {
	color:#999;
	text-decoration:none;
}
a:hover {
	color:#c60;
	text-decoration:none;
}

body {
	font: x-small/1.4 "Tahoma", Trebuchet MS, Arial, Helvetica, sans-serif;
	color: #000;
	margin:0;
	padding:0;
	background: #FFFFFF;
	text-align:center;

}
/*
 * éléments de l'entête
 */
#fondhaut {
	padding:0 5px;
	background: black url(../squelettes/images/mer.jpg) no-repeat bottom right;
	text-align:left;

}
#haut {
	padding:0 2px;
	background:url(../squelettes/images/terrace_haut.jpg) no-repeat bottom center;

}
#haut a {
  color: #900;

}
#outils {
  height: 24px;
	font: 12px "Trebuchet MS",  Arial, Helvetica, sans-serif ;
  color: #000;
}
#cadre {
	width: 790px !important;
	width /**/:794px; /* IE5/Win */
	background:#000 url(../squelettes/images/terrace.jpg) no-repeat top left;
	margin: auto;
	border-bottom:1px solid #f1f2ea;
	border-right:1px solid #f1f2ea;
	border-left:1px solid #f1f2ea;
	font-size:115%;
	text-align:left;
}
#entete {
	margin: 0 0 0 0;
}
#entete1 {
	height:86px;
	width:790px;
	position:relative;
}
.logo {
  margin: 3px 0 0 1px;
	position:absolute;
	top:0; 
	left:5px;
	width:200px;
	height:82px;
}
.cherche {
		font: 10px/1.4 Verdana,Arial,Helvetica,sans-serif;
  margin: 19px 0 0 0;
	position:absolute;
	top:0; 
	left:600px;
	width:200px;
	height:82px;
}
.cherche a {
	color:#000;
}

.cherche1 {
	margin: 0 28px 0 28px;
	padding: 0;
	text-align:center;
}
.cherche p {
	margin: 0;
	padding: 0;
	text-align:center;
	font-size:110%;
}

/*
 * centre
 */
#fondcentre {
	background: #FEFFF7 url(IMG/obs/arrondi_centre.gif) no-repeat top left;
	z-index:100;
	width:100%;
}
#fondcentre_bas {
	background: url(IMG/obs/arrondi_bas.gif) no-repeat bottom left;
	z-index:100;
	width:100%;
	height:100%;
}
.logo_rub {
	margin:0px 0px 0 0;
}

#titre_rubrique {
	font: bold 130%  "Lucida Grande",sans-serif;
	color:#483D8B;
}
#presentation {
	text-align:justify;
	margin: 0 10px 15px 10px;
}

.texte {
	margin: 0 10px 25px 10px;
}
.floatright {
	float: left;
  margin: 2px 2px 0 0;
}
.float_vrai_right {
    float: right;
    margin: 2px 0 0 5px;
}
.princ {
	font: bold 200%  "Lucida Grande",sans-serif;
	color:#E3001B;
}

.princ_rubrique {
	font: bold 150%  "Lucida Grande",sans-serif;
	color:#E3001B;
	text-align:center;
}
.princ a,.princ_rubrique a {
	color:#E3001B;
}
.unetitre {
  margin-top: 5px;
  font-size: 120%;
	color:#0151DE;
}

.unetitre a {
font-weight:bold;
	font-size: 120%;
	color:#0151DE;
	text-decoration:none;
  font-family:"Lucida Grande",sans-serif;
  line-height: 18px;
}

.autretitre {
	font-weight:bold;
  margin: 12px 0 2px 0;
  line-height: 15px;
}
.autretitre a {
	font-family:"Lucida Grande",sans-serif;
	color:#0151DE;
	text-decoration:none;
}
#titre_article {
	font-weight:bold;
	font-family:"Lucida Grande",sans-serif;
	color:#E3001B;
	text-align: left;
	font-size: 130%;
	margin:0 10px 0 0;
    padding:0px;
}
.corp_de_texte {
	font-family: 75% georgia, sans-serif;
	text-align: justify;
	margin:30px 15px 20px 10px;
	font-size: 110%;
}
.cadre_chapo {
	width:452px;
	background:#DEE1CC url(IMG/obs/arrondi_chapo.gif) no-repeat top left;
	margin:20px 5px 10px 5px;
}
.cadre_chapo_bas {
	width:100%;
	background: url(IMG/obs/arrondi_chapo_bas.gif) no-repeat bottom left;

}
.chapo {
	font-family: "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;
	font-weight: bold;
	margin:10px;
	padding:10px 0;
	text-align: justify;
	font-size: 105%;
	background:#DEE1CC;
}
.ps {
	font-family: Georgia, Garamond, Times, serif;
	text-align: justify;
	font-size: 100%;
	margin: 10px;
}
.notes {
	font-family: Georgia, Garamond, Times, serif;
	text-align: left;
	font-size: 90%;
}

.texte_tableau {
	margin: 8px 0;
}
.texte_tableau a {
	color:#000;
}
.texte_tableau_rss {
	margin: 10px 0;
}
.rss {
	color:#000;
	margin:0 5px;
  padding:0 0 5px 0;
}
.rss a {
	color:#000;
}
.details {
	color:#E3001B;
  line-height: 15px;
}
.details a {
	color:#E3001B;
	text-decoration:none;
}
.description {
	line-height:15px;
}
.traductions {
	color:#000;
}
.traduction a {
	color:#E3001B;
	text-decoration:none;
}
.plus {
	color:#000;
	text-align: center;
	font-family:"Lucida Grande",sans-serif;
	padding:0 0 5px 0;
}
.plus a {
	color:#0151DE;
	text-decoration:none;
	font-weight:bold;
}
.lien {
	text-align: left;
	font-weight:bold;
	font-family:  "Lucida Grande",sans-serif;
}
.lien a {
    color:#0151DE;
}
/*
 * menus déroulants
 */
.racine {
  width:120px;
  float:left;
  background:#E3001B url(IMG/obs/arrondi.gif) no-repeat top left;
	text-align:center;
	font: 17px verdana, sans-serif;
  color:#FFFFFF;
font-family:Trebuchet MS;
}
.cale {
  width:120px;
  float:left;
  background:#000 url(IMG/obs/cale.gif) no-repeat top left;
  	font-size: 10%;
  height: 13px;
  color:#000;
}
.calelast {
  width:120px;
  float:left;
  background:#000 url(IMG/obs/cale.gif) no-repeat top left;
  	font-size: 10%;
  height: 6px;
  color:#000;
    margin:0px;
  padding:0px;
}
ul#menu li ul, ul#menu1 li ul, ul#menu2 li ul, ul#menu3 li ul {
  display:none;
}

ul#menu li:hover>ul, ul#menu1 li:hover>ul, ul#menu2 li:hover>ul, ul#menu3 li:hover>ul {
  display:block;
}

ul#menu, ul#menu1, ul#menu2, ul#menu3 {
  float:left;
  line-height: 26px;
  background:#FFFFFF;
  list-style:none;
  margin:0px;
  padding:0px;
  width:120px;

}

ul#menu ul,ul#menu1 ul,ul#menu2 ul,ul#menu3 ul{
  font-size: 95%;
  line-height: 21px;
  background:#FFFFFF;
  list-style:none;
  margin:0px;
  padding:0px;
  width:140px;
  position:absolute;
  top:0px;
  left:120px;
	border-top: 1px solid #000;
}

ul#menu li,ul#menu1 li,ul#menu2 li,ul#menu3 li{
  position:relative;
  margin:0;
  padding:0px;
  _display:inline;
	border-bottom: 1px solid #000;

}

ul#menu a,ul#menu1 a,ul#menu2 a,ul#menu3 a{
    font-family:"Lucida Grande",sans-serif;
    display:block;
    width:100%;
    color:#0151DE;
    text-decoration:none;

}

ul#menu a:hover,ul#menu1 a:hover,ul#menu2 a:hover,ul#menu3 a:hover{
    background: #000000;
      color:#fff;
}
ul#menu a:active,ul#menu1 a:active,ul#menu2 a:active,ul#menu3 a:active{
  background: #325159;
  color:#fff;
  font-weight:bold;
}
.ecart {
  position: relative;
  left:4px;
  margin : 0 4px;
}
/*
 * barre de droite
 */

.fondroite {
	margin:0;
  background:#000;
}
.fondroite_gris {
	margin:0;
  background:#DFE3BA;
}
.fondroite_gris1 {
	margin:0;
  background:#DCE0C1;
}
.droitemenu {
  background:#E3001B url(IMG/obs/arrondi_droite.gif) no-repeat top left;
	text-align:center;
	font: small-caps bold 140%  "Lucida Grande",sans-serif;
  color:#000;
}


.droitemenu2 {
  background:#0151DE url(IMG/obs/arrondi_droite.gif) no-repeat top left;
	text-align:center;
	font: small-caps bold 140%  "Lucida Grande",sans-serif;
  color:#000;
}

.mot_seul {
	text-align:center;
	margin:3px 0 5px 0;
    font-family:"Tahoma", Trebuchet MS, Arial, Helvetica, sans-serif;
}
.mot_seul a {
	font-size: 110%;
	color:#000;
	text-decoration:none;
    font-family:"Tahoma", Trebuchet MS, Arial, Helvetica, sans-serif;
}

.titredroite {
  margin: 12px 0 2px 0;
	text-align:center;
	border-bottom: 1px solid #000;
}
.titredroite a {
	font-size: 110%;
	color:#1E1860;
	text-decoration:none;
font-family:"Lucida Grande",sans-serif;
line-height: 75%;
}
.textedroite {
  background:#FFFFFF;
	margin:5px;
	font-size:95%;
}
.textedroite_gris {
  background:#DFE3BA;
	margin:5px;
	font-size:95%;
}
.textedroite_gris1 {
  background:#DCE0C1;
	margin:5px;
	font-size:95%;
}
.textedroite h1, .textedroite_gris h1, .textedroite_gris1 h1 {
    margin: 14px 0 2px 0;
	text-align:center;
	border-bottom: 1px solid #000;
	font-size: 120%;
	color:#1E1860;
    font-family:"Lucida Grande",sans-serif;
    line-height: 75%;
}
.textedroite h1 a, .textedroite_gris h1 a, .textedroite_gris1 h1 a {
    color:#1E1860;
    text-decoration:none;
}
.textedroite p {
  margin: 5px 4px 10px 4px;
	color:#000;
}
.textedroite p a, .textedroite_gris a, .textedroite_gris1 a {
	color:#000;
}
.textedroite_gris1 p, .textedroite_gris p, .textedroite p {
  margin: 10px 4px 15px 4px;
	color:#000;
	text-align:center;
}
.breve {
  margin: 10px 4px 10px 4px;
	text-align:center;
	color:#000;
}
.breve a {
  font-weight:bold;
	font-size: 110%;
	color:#050;
	text-decoration:none;
  font-family:"Lucida Grande",sans-serif;
  line-height: 90%;
}
.caledroite {
  background:#000 url(IMG/obs/cale3.gif) no-repeat top left;
  	font-size: 10%;
  height: 13px;
  color:#000;
}
.caledroite_gris {
  background:#000 url(IMG/obs/cale_gris.gif) no-repeat top left;
  	font-size: 10%;
  height: 13px;
  color:#000;
}
.caledroite_gris1 {
  background:#000 url(IMG/obs/cale_gris1.gif) no-repeat top left;
  	font-size: 10%;
  height: 13px;
  color:#000;
}
.espace {
  background:#FFFFFF;
  font-size: 10%;
  height: 5px;
  color:#FFFFFF;
}
.small {
  font-size: 80%;
  line-height: 10px;
  margin:0;
  padding:0;
}

/*
 * pieds de page
 */

#pied {
	padding:10px 0 10px 0;
  clear:both;
	border-top:1px solid #f1f2ea;
	text-align: center;
}
.deblayage {
	height: 0;
	clear: both;
}
#titre_rubrique a:hover,.cherche p a:hover, .plus a:hover, .princ_rubrique a:hover, .autretitre a:hover,.unetitre a:hover,.details a:hover,.textedroite p a:hover,.breve a:hover,.titredroite a:hover, .textedroite h1 a:hover,.princ a:hover {
	color:#c60;
	text-decoration:none;
}

/*
 * Habillage des petitions
 */

.signatures {
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 1em;
	margin-bottom: 1em;
	width: 100%;
}
.signatures td, .signatures th {
	-moz-border-radius: 0.4em;
}
.signatures-titre {
	clear: right;
	font-weight: bold;
	font-size: 120%;
	text-align: center;
	padding: 0.5em;
	margin: 0px;
	color: #E3001B;
}
.signature-date {
	white-space: nowrap;
	background: #FFFFFF;
	padding: 0.5em;
	text-align: center;
}
.signature-nom {
	background: #DCE0C1;
	padding: 0.2em;
	text-align: center;
}
.signature-message {
	font-size: 85%;
	background: #f4f8f8;
	padding: 0.4em;
	text-align: justify;
}