@media (max-width: 640px) {

 /* passer tous les éléments de largeur fixe en largeur automatique */
 body, element1, element2 {
   width: 100%;
   margin: 0;
   padding: 0;
 }

 /* fixer une largeur maximale  de 100 % aux éléments potentiellement problématiques */
 img, table, td, blockquote, code, pre, textarea, input, iframe, object, embed, video {
   max-width: 100%;
 }
/* conserver le ratio des images et empêcher les débordements de boîtes dûs aux border ou padding */
 img {
   height: auto; width: auto;
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
 }

 /* gestion des mots longs */
 textarea, table, td, th, code, pre, samp {
   word-wrap: break-word; /* passage à la ligne forcé */
   -webkit-hyphens: auto; /* césure propre */
   -moz-hyphens: auto;
   hyphens: auto;
 }
 code, pre, samp {
   white-space: pre-wrap; /* passage à la ligne spécifique pour les éléments à châsse fixe */
 }

 /* Passer à une seule colonne (à appliquer aux éléments multi-colonnes) */
 element1, element2 {
   float: none;
   width: auto;
 }

 /* masquer les éléments superflus */
 .hide_mobile {
   display: none !important;
 }

 /* Un message personnalisé */
 body:before {
   content: "Version mobile du site";
   display: block;
   color: #777;
   text-align: center;
   font-style: italic;
 }
}

@media (max-width:640px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio:2) {
  body {
   -webkit-text-size-adjust: 70%;
  }
}

body {
margin-top: 0px;
margin-bottom: 0px;
text-align: center;
background: #F0FCF0; url("")  center top repeat-x;
}

A:hover {color:#2FB52F;}
A:hover {color:#2FB52F;}
A:hover {color:#2FB52F;}
A:hover {color:#2FB52F;}

madiv {visibility:hidden}
span {background-color:  transparent}
#ovis
{
visibility :	visible;
}

#nvis
{
visibility :	hidden;
}

#alrt
{
font-family :		arial, Comic Sans MS, Verdana, helvetica, sans-serif;
font-size:			8pt;
color:				#FF0000;
margin-top:			0px;
margin-bottom:		0px;
text-align:			center;
text-decoration:	none;
}

#lettre1_8
{
font-family :             arial, Comic Sans MS,Verdana, helvetica, sans-serif;
font-size:                8pt;
font-weight:              bold;
color:                    #0000FF;
margin-top:               0px;
margin-bottom:            0px;
}

#lettre3-4_8
{
font-family :             arial, Comic Sans MS,Verdana, helvetica, sans-serif;
font-size:                8pt;
font-weight:              normal;
color:                    #2FB52F;
margin-top:               0px;
margin-bottom:            0px;
}
#lettresuite_8
{
font-family :             arial, Comic Sans MS,Verdana, helvetica, sans-serif;
font-size:                8pt;
font-weight:              bold;
color:                    #FF0000;
margin-top:               0px;
margin-bottom:            0px;
}

#lettrefin_8
{
font-family :             arial, Comic Sans MS,Verdana, helvetica, sans-serif;
font-size:                8pt;
font-weight:              normal;
color:                    #000000;
margin-top:               0px;
margin-bottom:            0px;
text-align:               center;
}
#lettre1_10
{
font-family :             arial, Comic Sans MS,Verdana, helvetica, sans-serif;
font-size:                10pt;
font-weight:              bold;
color:                    #0000FF;
margin-top:               0px;
margin-bottom:            0px;
}


#lettre3-4_10
{
font-family :             arial, Comic Sans MS,Verdana, helvetica, sans-serif;
font-size:                10pt;
font-weight:              normal;
color:                    #2FB52F;
margin-top:               0px;
margin-bottom:            0px;
}



#lettresuite_10
{
font-family :             arial, Comic Sans MS,Verdana, helvetica, sans-serif;
font-size:                10pt;
font-weight:              bold;
color:                    #FF0000;
margin-top:               0px;
margin-bottom:            0px;
}


#lettrefin_10
{
font-family :             arial, Comic Sans MS,Verdana, helvetica, sans-serif;
font-size:                10pt;
font-weight:              normal;
color:                    #000000;
margin-top:               0px;
margin-bottom:            0px;
text-align:               center;
}


#lettre1_16
{
font-family :             arial, Comic Sans MS,Verdana, helvetica, sans-serif;
font-size:                16pt;
font-weight:              bold;
color:                    #0000FF;
margin-top:               0px;
margin-bottom:            0px;
}

#lettre3-4_16
{
font-family :             arial, Comic Sans MS,Verdana, helvetica, sans-serif;
font-size:                16pt;
font-weight:              normal;
color:                    #2FB52F;
margin-top:               0px;
margin-bottom:            0px;
}
#lettresuite_16
{
font-family :             arial, Comic Sans MS,Verdana, helvetica, sans-serif;
font-size:                16pt;
font-weight:              bold;
color:                    #FF0000;
margin-top:               0px;
margin-bottom:            0px;
}

#lettrefin_16
{
font-family :             arial, Comic Sans MS,Verdana, helvetica, sans-serif;
font-size:                16pt;
font-weight:              normal;
color:                    #000000;
margin-top:               0px;
margin-bottom:            0px;
text-align:               center;
}

#lettre1_20
{
font-family :             arial, Comic Sans MS,Verdana, helvetica, sans-serif;
font-size:                20pt;
font-weight:              bold;
color:                    #0000FF;
margin-top:               0px;
margin-bottom:            0px;
}

#lettre3-4_20
{
font-family :             arial, Comic Sans MS,Verdana, helvetica, sans-serif;
font-size:                20pt;
font-weight:              normal;
color:                    #2FB52F;
margin-top:               0px;
margin-bottom:            0px;
}
#lettresuite_20
{
font-family :             arial, Comic Sans MS,Verdana, helvetica, sans-serif;
font-size:                20pt;
font-weight:              bold;
color:                    #FF0000;
margin-top:               0px;
margin-bottom:            0px;
}

#lettrefin_20
{
font-family :             arial, Comic Sans MS,Verdana, helvetica, sans-serif;
font-size:                20pt;
font-weight:              normal;
color:                    #000000;
margin-top:               0px;
margin-bottom:            0px;
text-align:               center;
}

#lettrealert_10
{
font-family :             arial, Comic Sans MS,Verdana, helvetica, sans-serif;
font-size:                10pt;
font-weight:              bold;
color:                    #FFFFFF;
background-color:		  #FF0000;
margin-top:               0px;
margin-bottom:            0px;
}

.fnt
{
font-family :             arial, Comic Sans MS,Verdana, helvetica, sans-serif;
}
.cw
{
color : #FFFFFF;
}
.cn
{
color : #000000;
}
.cr
{
color : #FF0000;
}
.cv1
{
color : #2FB52F;
}
.cb
{
color : #0000FF;
}
.cb1
{
color : #7F88FF;
}
.cj1
{
color : #FFA801;
}
.ct1
{
color : #5A464F;
}
.ct2
{
color : #6F6E6E;
}

.wb
{
font-weight: bold;
}
.wn
{
font-weight: normal;
}
.it
{
font-style:italic;
}
.s8
{
font-size: 8pt;
}
.s10
{
font-size: 10pt;
}
.s12
{
font-size: 12pt;
}
.s16
{
font-size: 16pt;
}
.tal
{
text-align: left;
}
.tar
{
text-align: right;
}
.tac
{
text-align: center;
}
.taj
{
text-align: justify;
}

.vat
{
vertical-align: top;
}
.vab
{
vertical-align: bottom;
}
.vam
{
vertical-align: middle;
}

.scrbr
{
scrollbar-face-color: #2FB52F;
scrollbar-arrow-color: #ffffff;
scrollbar-track-color: #2FB52F;
scrollbar-3dlight-color: #ffffff;
scrollbar-darkshadow-color: #2FB52F;
scrollbar-shadow-color: #2FB52F;
scrollbar-highlight-color: #2FB52F;
}

.p1nc
{
font-family :             arial, Comic Sans MS,Verdana, helvetica, sans-serif;
font-size:                7pt;
font-weight:			  normal;
color:                    #000000;
margin-top:               0px;
margin-bottom:            0px;
text-align: 			  justify;
text-decoration:          none;
}
.p1bc
{
font-family :             arial, Comic Sans MS,Verdana, helvetica, sans-serif;
font-size:                8pt;
font-weight:              bold;
color:                    #6A7EBD;
margin-top:               0px;
margin-bottom:            0px;
text-align:               justify;
text-decoration:          none;
}

.Style1 {
	font-size: 64px;
	font-weight: bold;
}
.Style2 {
	font-size: 36px;
	font-weight: bold;
}

.boutsub {
	font-family :arial, Comic Sans MS,Verdana, helvetica, sans-serif;
	font-size:10pt;
	font-weight:bold;
	border-style:solid;
	border-width:1px;
	border-color:#d9dfea #0e1f5b #0e1f5b #d9dfea;
	background-color:#FFFFFF;
	color:#0000FF;
	padding:2px 15px 3px 15px;
	text-align:center
}


div#galerie
{
	width: 750px ;
	background: #eed ;
	border: 1px solid #dcb ;
	padding: 15px ;
	margin: 15px 30px ;
	text-align: center ;
	font: 0.9em Georgia, serif ;
}

ul#galerie_mini
{
	margin: 0 ;
	padding: 0 ;
	list-style-type: none ;
}

ul#galerie_mini li
{
	float: left ;
}

ul#galerie_mini li a img
{
	margin: 2px 1px ;
	border: 1px solid #dcb ;
}

dl#photo
{
	clear: both ;
	margin: 0 auto ;
}

dl#photo dt
{
	font: italic 2.5em/1.5em Georgia, serif ;
	color: #dcb ;
}

dl#photo dd
{
	margin: 0 ;
}

dl#photo img
{
	border: 1px solid #dcb ;
}

#incline
{
	-moz-transform:rotate(-45deg); //firefox
	-webkit-transform:rotate(-45deg); //Chrome, Safari
	-o-transform:rotate(-45deg); //Opera
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}