* {
margin : 0;
padding : 0;
}
body {
background : #fff;
background-image : url("images/background_body.jpg");
background-repeat : no-repeat;
background-position : 0 0;
font-family : Trebuchet MS, Verdana, Batang, arial, serif;
font-size : 0.8em;
color : #000;
}
a img, a:visited img {
border : none;
}
#conteneur, #contenu {
border : 0 solid black;
}
#menu_haut, #menu_droit {
border : 0 solid red;
}
#avertissement, #footer, #chemin {
border : 0 solid green;
}
#conteneur {
width : 980px;
margin : 250px 0 0 10px;
}
#contenu {
width : 780px;
min-height : 440px;
margin : 0 10px 0 25px;
text-align : justify;
}
#menu_haut {
width : 840px;
}
#menu_droit {
width : 140px;
height : 440px;
min-height : 440px;
font-size : 0.9em;
text-align : center;
}
#footer {
margin-top : 25px;
}
#avertissement {
text-decoration : blink;
background-color : red;
color : white;
}
#drapeau {
height : 13px;
width : 120px;
margin : 10px 0 0 800px;
}
.titre_news {
  width: 250px;
  background-color : #663333;
  padding : 3px;
  border : 1px solid #330000;
  font-weight: bold;
  font-size: 1.2em;
  color: #ffcc33;
  margin-bottom: 2px;
  text-align: center;
}
.texte_news {
  width: 250px;
  background-color : #663333;
  padding : 3px;
  border : 1px solid #330000;
  color: #ffcc33;
}
.texte_news a {
  color: #cc9933;
  text-decoration: none;
}
.texte_news a:hover {
  color: #ffcc33;
  text-decoration: underline;
}
#onglets {
font : bold 11px Batang, arial, serif;
list-style-type : none;
padding-bottom : 28px !important ;
padding-bottom : 30px;
border-bottom : 1px solid #9ea0a1;
margin-left : 25px;
}
#onglets li {
float : left;
height : 21px;
background-color : #f4f9fd;
margin : 2px 2px 0 2px !important ;
margin : 4px 2px 0 2px;
border : 1px solid #9ea0a1;
}
#onglets li.active {
border-bottom : 1px solid #fff;
background-color : #fff;
text-decoration : none;
padding : 4px 4px 0 4px;
}
#onglets a {
display : block;
color : #666;
text-decoration : none;
padding : 4px;
}
#onglets a:hover {
background : #fff;
}
td.crypt {
background : url("crypt/fond.gif");
text-align : center;
}
#menu {
border-bottom : 0 solid #9ea0a1;
padding-bottom : 25px;
}
.vanille {
color : #cc9933;
font-weight : bold;
font-size : 2.4em;
}
.accueil {
font-size : 1.3em;
padding : 5px 30px 5px 10px;
}
.tableau_footer {
width : 100%;
font-size : 0.8em;
color : #ccc;
text-align : center;
}
.tableau_lien {
width : 95%;
font-size : 0.8em;
color : #ccc;
text-align : center;
}
.mot_cle {
width : 100%;
font-size : 0.8em;
color : #ccc;
text-align : justify;
}
.tableau_footer a, .mot_cle a {
text-decoration : none;
color : #ccc;
}
.tableau_footer a:hover, .mot_cle a:hover {
text-decoration : underline;
color : #000;
}
.tableau_contact {
padding : 0 10px 0 10px;
border-spacing : 10px;
}
.tableau_loc {
	text-align: left;
}
.titre {
font-size : 1.5em;
border-top : 4px groove #f4f9fd;
border-bottom : 4px groove #f4f9fd;
margin : 0 0 20px 0;
}
.faible {
font-size : 0.7em;
color : gray;
}
.diaporama {
margin : 0 100px 0 100px;
}
.bleute {
background-color : #ebe2f3;
padding : 20px 1px 30px 4px;
border : 1px solid #d6baed;
}
.gras {
font-weight : bold;
}
.lien_web a {
text-decoration : none;
color : #000;
}
.lien_web a:hover {
text-decoration : underline;
color : #808080;
}
#cache {
position : absolute;
margin-left : 0;
width : 780px;
background : white;
color : gray;
font-size : 2em;
font-weight : bold;
z-index : 100;
}
.titre_diapo {
margin : 25px 0 5px 45px;
font-size : 1.2em;
border : 1px solid #666;
background : #ebe2f3;
font-weight : bold;
color : #666;
}
.petit {
font-size : 0.9em;
font-weight : normal;
color : gray;
}
.petit_noir {
font-size : 0.7em;
}
.gras {
font-weight : bold;
}
table.tableau_situation {
border-collapse : collapse;
}
fieldset.dispo_contact {
border : 3px solid #f4f9fd;
padding : 5px;
}
.dispo_contact legend {
border : 3px solid #f4f9fd;
font-weight : bold;
}
input, textarea, button {
color : #666;
background-color : #f4f9fd;
font : bold 11px Batang, arial, serif;
padding : 1px 5px 1px 5px;
border : 1px groove gray;
}
button {
cursor : pointer;
}
ul.plan_site {
margin : 50px 0 0 150px;
}
ul.plan_site a, ul.plan_site a:visited, ul.plan_site a:link {
text-decoration : none;
color : #000;
}
ul.plan_site a:hover {
text-decoration : underline;
color : gray;
}
ul.plan_site li {
list-style-image : url(images/signet_1.png);
font-size : 1.1em;
padding-bottom : 15px;
font-weight : bold;
}
.tableau_tarif {
width : 80%;
border : 1px solid #dfcfed;
margin : 0 auto;
font-size : 0.9em;
}
.tableau_tarif th, .tableau_tarif_2 th, .tableau_tarif a {
background : #ebe2f3;
color : #cc9933;
text-align : center;
padding : 3px;
text-decoration: none;
}
.tableau_tarif a:hover {
  text-decoration: underline;
}
.tableau_tarif span {
  display: none;
}
.tableau_tarif td {
text-align : right;
padding : 5px 3px;
}
.tableau_letter {
border : 1px solid #dfcfed;
margin : 0 auto;
font-size : 0.9em;
}
.tableau_letter th {
background : #ebe2f3;
color : #cc9933;
text-align : center;
padding : 3px;
}
.tableau_letter td {
text-align : left;
padding : 5px 3px;
}
.tableau_edit_letter {
  margin: 0 auto;
}
.tableau_edit_letter td {
  text-align: center;
}
.label_letter {
  padding: 2px 25px;
  background : #ebe2f3;
  color : #cc9933;
  font-weight: bold;
}
.tableau_tarif_2 {
border : none;
margin : 20px 0 0 150px;
}
.tableau_tarif_2 th {
border : 1px solid #dfcfed;
}
.tableau_tarif_2 td {
padding : 1px 0 0 15px;
}
a.infobulle {
color : #cc9933;
position : relative;
text-decoration : none;
cursor : pointer;
}
a.infobulle span {
display : none;
}
a.infobulle:hover {
background : none;
z-index : 500;
}
a.infobulle:hover span {
display : inline;
position : absolute;
top : 2em;
left : 1.5em;
background : #ebe2f3;
text-align : center;
color : #000;
padding : 2px;
border : 1px solid #d6baed;
}
.flottante img {
float : left;
padding : 0 20px 5px 0;
}
.texte_grand {
  font-size: 1.2em;
}
.no_lien a, .no_lien a:link {
  text-decoration: none;
  color: #000;
}
.no_lien a:hover {
  text-decoration: underline;
}
.tableau_new_letter {
  width: 50%;
  margin: auto;
}
/*******************************************************************/
/*                                         ELEMENTS TABLEAU INTRUSION                         */
/*******************************************************************/
.tableau_intrusion {
  border: 3px groove #00f;
  width: 100%;
  font-size: 0.9em;
}
.tableau_intrusion td {
  border: 1px solid #00f;
  padding: 0 5px 0 5px;
}
.tableau_intrusion th {  
  padding: 0 5px 0 5px;
  text-align: center;
  background: #00f;
  color: #fff;
}
.tableau_intrusion a, .tableau_intrusion a:visited {
  text-decoration: none;
  color: #fff;
}
.tableau_intrusion a:hover {
  text-decoration: underline;
  color: #fff;
}
.effet_intrusion  a {
	text-decoration: none;
	color: #000;
}
.effet_intrusion  a:hover {
	text-decoration: underline;
	color: #000;
	cursor: pointer;
}
.titrage {
  font-style: italic;
  font-weight: bold;
  color: #666;
  padding: 0 0 0 10px;
}
/**********************************************************************************
                                                              DIAPORAMA
*********************************************************************************/
#splash_screen {
  width: 100%;
	top: 0;
	left: 0;
	background-color: #000;
	position: absolute;
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
	z-index: 1;
	cursor: pointer;
}
#splash_screen.bg {
  background: url(images/bg.gif);
}
#image_content {
	border: 10px solid #FFF;
	background-color: #FFF;
	margin: 0;
	position: absolute;
	z-index: 2;
}
#image_content img {
	margin: 0;
	padding: 0;
	display: none;
	z-index: 3;
	cursor: pointer;
}
#title_content {
  width: 100%;
	font-size: 11px;
	color: #333;
	border: 10px solid #FFF;
	background-color: #FFF;
	margin: 10px 0 0 -10px;
	padding: 0;
	left: 0;
	z-index: 3;
	position: absolute;
}
#splash_previous, #splash_next {
	margin: 0;
	padding: 0;
	top: 0;
	display: block;
	position: absolute;
	z-index: 4;
	cursor: pointer;
	width: 20px;
	height: 20px;
}
#splash_previous { right: 40px; background: url(images/control_rewind.png) no-repeat center; }
#splash_next { right: 0; background: url(images/control_forward.png) no-repeat center; }
#splash_pause { top: 0; right: 20px; background: url(images/control_stop.png) no-repeat center; }
#splash_play { top: 0; right: 20px; background: url(images/control_play.png) no-repeat center; }
#splash_notification.playing { background: url(images/control_play.png) no-repeat center; }
#splash_notification.paused { background: url(images/control_stop.png) no-repeat center; }
#splash_pause, #splash_play, #splash_notification {
	margin: 0;
	padding: 0;
	display: block;
	position: absolute;
	z-index: 4;
	cursor: pointer;
	width: 20px;
	height: 20px;
}
#splash_close {
	top: 0;
	right: 0;
	margin: 0;
	padding: 0;
	display: block;
	position: absolute;
	z-index: 4;
	cursor: pointer;
	width: 20px;
	height: 20px;
	background: url(images/cross.png) no-repeat center #FFF;
}
#splash_description {
	margin-top: 4px;
	font-weight: bold;
}
div.ajax-loading { background: url(images/ajax-loader-thickbox.gif) no-repeat center; }