/* Start of CMSMS style sheet 'chsi::all' */
@charset "utf-8";
/* CSS Document */


html
{
       height:100%;
}

body
{
	background:url(images/background_pattern.gif);
	text-align:center;
	margin:0;
	padding:0;
	font-family:Tahoma, Geneva, sans-serif;
	color:#666;
       /* height: 100%; <-- sinon le pattern ne va pas jusqu'au bas de la page */ 
}

p
{
	text-align:justify;
}

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

div#doc
{
	width:904px;
	margin:0 auto;
        padding:0;
	text-align:left;
	background:#FFF;

min-height: 100%;

}

html>body #doc{
				height: auto;
			}


div#header
{
	background:url(images/header.jpg);
	width:904px;
	height:194px;
}

div#header h1
{
	margin:0;
	padding:0;
}

div#header h1 a
{
	display:block;
	text-indent:-5000px;
	height:137px;
	outline:none;
}

div#header h2
{
	margin:0;
	padding:0;
	display:none;
}




div#body
{
	margin-top:20px;
	margin-bottom:20px;
        min-height: 610px; /* sinon footer remonte */
}

div#body h2
{
	color:#198951;
}

div#body a
{
	color:#666;
	
	
}

div#body a:hover
{
	color:#666;
	text-decoration:underline;

	
}

a.fleche
{
	color:#007c3e;
	background:url(images/fleche_lien.gif) no-repeat 0 5px;
	text-decoration:underline;
	padding-left:15px;
}

div#gauche
{
	float:left;
	width:230px;
	margin-left:15px;
}

div#main
{
	float:left;
	width:415px;
	margin-left:5px;
	margin-right:5px;
text_align:justify;

}

div#main_2_col
{
float:left;
	width:636px;
	margin-left:5px;
	margin-right:5px;
text_align:justify;

}

div#main_full
{
	width:904px;
	margin-left:5px;
	margin-right:5px;
	text_align:justify;
}

div#droite
{
	float:right;
	margin-right:10px;
	width:220px;
}



div.zoomOn
{
	background:url(images/fond_tetiere.gif) no-repeat;
	width:224px;
	height:186px;
	
}

div.zoomOn p
{
	padding:10px;
	font-size:11px;
	text-align:left;
}

div.zoomOn p img
{
	float:left;
	margin-right:5px;
	margin-bottom:5px;
}



div#footer
{
clear:both;
/*position:absolute; sinon le footer remonte meme avec le min height sur la divBody*/
bottom:0px;

	background:url(images/footer_pattern.gif) repeat-x;
	height:35px;
	clear:left;
	padding-bottom:40px;
	padding-left:20px;
        margin:0px auto;
        margin-left:1px;

	width:880px;		



}

div#footer p
{
	color:#FFF;
	font-size:11px;
	padding:3px;
	float:left;
}

ul#footer_nav
{
	float:right;
	margin:0;
	padding:0;
	margin-right:20px;
}

ul#footer_nav li
{
	list-style-type:none;
	display:inline;
	color:#FFF;
	font-size:11px;
}

ul#footer_nav li a
{
	color:#FFF;
	text-decoration:none;
}

ul#footer_nav li a:hover
{
	color:#FFF;
	text-decoration:underline;
}

div#link_box
{
	margin-left:15px;
}

/* boutons spéciaux */
div#link_box a.job
{
	background:url(images/fond_bouton_recrut.gif) no-repeat;
	display:block;
	width:147px;
	height:27px;
	padding:0;
	color:#fff;
	font-size:10px;
	margin:0;
	padding-top:50px;
	padding-left:42px;
	padding-bottom:0;
	text-decoration:none;
	font-weight:bold;
	/*border:1px solid black;*/
}

div#link_box a.job:hover
{
	text-decoration:underline;
}

div#link_box a.marches
{
	background:url(images/fond_bouton_orange.gif) no-repeat;
	display:block;
	color:#fff;
	font-size:10px;
	text-decoration:none;
	width:143px;
	height:22px;
	padding-top:10px;
	padding-left:45px;
	font-weight:bold;
	/*border:1px solid black;*/
}

div#link_box a.marches:hover
{
	text-decoration:underline;
}


div#droite a.carte_france
{
	display:block;
	background:url(images/fond_carte_france.gif) no-repeat;
	width:195px;
	height:31px;;
	padding-top:190px;
	padding-left:25px;
	font-size:11px;
	text-decoration:none;
}

div#droite a.carte_france:hover
{
	text-decoration:underline;
}

p#breadcrumb
{
font-size:10px;
}

p#breadcrumb a
{
color:#fff;
font-size:10px;
}

.button-ami {
  background-color: #009fe3;
  border: none;
  border-radius: 5px; /* Coins arrondis */
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, Ubuntu, "Helvetica Neue", sans-serif;
  font-size: 12px;
  font-weight: 600;
  outline: none;
  padding: 12px 24px; /* Espacement ajusté */
  position: relative;
  text-align: center;
  text-decoration: none;
  transition: all 0.3s ease;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
  margin-top: 5px;
  width: 140px; /* Légèrement plus large */
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); /* Ombre légère pour un effet de profondeur */
}

.button-ami:before {
  background-color: initial;
  content: "";
  height: 50%;
  left: 4%;
  opacity: .5;
  position: absolute;
  top: 0;
  transition: all .3s;
  width: 92%;
  margin-top: 5px;
}

.button-ami:hover {
  box-shadow: rgba(255, 255, 255, .2) 0 3px 15px inset, rgba(0, 0, 0, .1) 0 3px 5px, rgba(0, 0, 0, .1) 0 10px 13px;
  transform: scale(1.05);
  text-decoration: underline !important;
  text-decoration-color: white !important;
}

@media (min-width: 768px) {
  .button-71 {
    padding: 16px 48px;
  }
}

div#link_box a.ami
{
	background:url(uploads/images/button_ami.gif) no-repeat;
	display:block;
	color:#fff;
	font-size:10px;
	text-decoration:none;
	width:143px;
	height:43px;
	padding-top:10px;
	padding-left:45px;
	font-weight:bold;
	/*border:1px solid black;*/
}

div#link_box a.ami:hover
{
	text-decoration:underline;
}
.arrow {
  border: solid white;
  border-width: 0 3px 3px 0;
  display: inline-block;
  padding: 3px;
}
.arrow {
  border: solid white;
  border-width: 0 3px 3px 0;
  display: inline-block;
  padding: 3px;
}

.right {
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}
.acc {
    padding-top: 70px;
    padding-left: 17px;
}


/* End of 'chsi::all' */