<!--

object, embed, canvas, video, audio, picture {
       max-width: 100%;
       height: auto;
       _width: 100%; /* IE6 seulement */
} 

.plextol    {
display:block;
position: absolute;
right: auto;
bottom: auto;
left: 93%;
max-width: 30%;
width:20%;
z-index: 3;
top: 29%;
 } 
 
img {
display:block;
max-width: 100%;
margin: 0  auto;
box-shadow: 7px 7px 7px #000000;
border-radius: 80px;
margin-bottom: 3cm;

}

div.img-wrap{
     float:right;
     width:40%;
	 position: absolute;
	 left: 85%;
	 right:2%;
	 top: 43%;
	 
}
img.responsive {
     max-width: 100%;
	 width: 90%;
     height: auto;
	 
	 
} 
 

div#hautdepage img {
     border:0;
     position:fixed;
     top:300px;
     right:1%;
	 z-index:100;
	 border-radius:20px; 
}
#puces {
    display: table-cell; 
    display:inline-block;
    word-wrap: break-word;
    padding: 2% ;
	padding-bottom: 2,5%;
    min-width:50%;
    min-height:5%;
	margin-top: 0.5%; 
    margin-left: 30%; 
   margin-right:13.3%;
   margin-bottom:3%;
   background-color:#EEEEEE;
   text-align:justify;
   border-collapse: separate; /* Pour s'assurer que les cellules ne sont pas collées */
   border-spacing: 0px; /* pixels d'écartement entre les colonnes */
   vertical-align: middle;
   border-left: solid 40px rgba(218, 165, 32, 0.8);
   border-radius: 30px 0;
   box-shadow: 9px 9px 7px #000000;
      } 

p::first-letter{
float: left;
color: hsla(10, 100%, 50%, 0.9);
font-size: 369%;
line-height: 100%;
font-weight:bolder;
} 
#puces::first-letter{
float: left;
color: hsla(10, 100%, 50%, 0.9);
font-size: 369%;
font-weight:bolder;
line-height: 100%;
}  
.bullet {
   position:absolute;
   float: left;
   font-size: 100%;
	line-height:180%;
    min-width:0.1%;
    max-height: 35px;
    left:auto;
    top:15% auto;
    bottom:auto;
    right:auto;
    border-radius: 0px 0;
    box-shadow: none;
} 
.bullet2 {
position:absolute;
float: left;
font-size: 100%;
	line-height:50%;
    min-width:0.15%;
    min-height:0.15%;
left; 0.5%;
top:auto;
bottom:auto;
right:auto;
border-radius: 0px 0;
box-shadow:none;
} 
.bullet_vernis {
position:absolute;
float: left;
max-height: 30px;
height:100%;
font-size: 100%;
line-height: 100%;
	line-height:100%;
    min-width:5px;
    min-height:15px;
left; 0.5%;
top:auto;
bottom:auto;
right:auto;
border-radius: 0px 0;
box-shadow:none;
} 
h5 { font-family:'palatino'; font-style:normal; font-weight:bolder; font-size: 1em; color:#5A5A5A; /* text-shadow: 3px 3px 3px #972C18 outline: 2px ridge #972C18; outline-offset: #972C18; outline: 2px outset #972C18;  background-color:#D8E400; */ text-indent:0.5%; margin-left:1%; line-height:100%; text-shadow:2px 2px 3px #5A5A5A;
}  
/* Footer Formulaire Newsletter et Copyright*/
 ul.pied li { 
     display: block;
     position: absolute;
     margin-left: 5% !important;
	right: 5%;
	bottom: auto;
	top: auto;
		list-style-type: none;
	list-style-type: none;
	text-align: center;
	-moz-border-radius: 25px;
    -webkit-border-radius: 25px;
    -o-border-radius: 25px;
    border-radius: 25px;
	padding: 2%;
	vertical-align: bottom;
    margin-top: 0;
    width: 105%;
	height: 7%;	
    padding-left: 2px;
	padding-right: 2px;
	background-color: hsla(0, 0%, 35%, 0.2);
	-webkit-box-shadow: 7px 7px 10px 10px #3C3C34;
    box-shadow: 5px 2px 2px 0px rgba(0, 0, 0, 0.5) inset, 4px 2px 2px 0px rgba(255, 255, 255, 0.5);  
    outline-offset: hsla(0, 0%, 100%, 0.9);
}

 ul.pied2 li  { 
    display: block;
    position: absolute;
    margin-left: 5% !important;
	right: 5%;
	bottom: auto;
	top: auto;
	list-style-type: none;
	text-align: center;
	-moz-border-radius: 25px;
    -webkit-border-radius: 25px;
    -o-border-radius: 25px;
    border-radius: 25px;
	padding: 2%; 
	vertical-align: top;
    margin-top: 0;
    width: 105%;
	height: 7%;	
    padding-left: 2px;
	padding-right: 2px;
	background-color: hsla(0, 0%, 35%, 0.2);
	-webkit-box-shadow: 7px 7px 10px 10px #3C3C34;
    box-shadow: 5px 2px 2px 0px rgba(0, 0, 0, 0.5) inset, 4px 2px 2px 0px rgba(255, 255, 255, 0.5);  
    outline-offset: hsla(0, 0%, 100%, 0.9);	
} 

textarea {
  resize: both; /* l'élément est étirable dans les deux sens */
  empty-cells: show;
}
/* FOOTER Formulaire Newsletter et Copyright*/

/* Contenu et Blocs */
div.col {
  display: table;   
  display:inline-block;
 display :inline-flex;
    padding: 2%;
  min-width: 48%;
  min-height:5%;
  margin-left: 30%; 
  margin-right:15%;
  background-color:#EEEEEE;
  text-align: justify;
  border-collapse: separate; /* Pour s'assurer que les cellules ne sont pas collées */
  border-spacing: 0px; /* écartement entre les colonnes */
  vertical-align:top;
} 
p.colonne, p.contenu { 
     display: table-cell; 
    display:inline-block;
    word-wrap: break-word;
    padding: 2%;
	padding-bottom: 2,5%;
    min-width: 50%;
    min-height:5%;
    margin-left: 30%; 
   margin-right:15%;
   background-color:#EEEEEE; 
  line-height:150%;
   border-collapse: separate; /* Pour s'assurer que les cellules ne sont pas collées */
   border-spacing: 0px; /* pixels d'écartement entre les colonnes */
   vertical-align: middle;
   border-left: solid 40px rgba(218, 165, 32, 0.8);
}
p {
  display:block;
min-width: 30%;
max-width:100%;
  min-height:5%;
  margin-left: 15%; 
  margin: 0 auto;
  background-color:#FF5C3E;
  text-align: justify;
  vertical-align: middle;
  padding-bottom: 2,5%;
  box-shadow: 0px #000000; 
-webkit-border-radius: 0px;
border-radius: 0px;  
}
p.text {
     float:left;
     width:60%;
}


#cellule0 {
margin: 10px 15px;
padding: 0;
text-align: center;
width: auto;
height:4879px;
background-repeat: repeat;
vertical-align:top;
text-align:center;

} 
#bloc { 
      position: relative;
      width: 42%;
      height: auto;
      border-left: solid 40px;
      border-left-color: rgba(218, 165, 32, 0.8);
      border-right: groove 3%;
      border-right-color: rgb(172, 205, 0, 0.7);      
      background-color: #F5F5F5;
      right: auto;
      bottom: 60%;
      top: 0%;
      left: 30%;
      horizontal-align: center;
      box-shadow: 9px 9px 7px #000000; 
      border-radius: 30px 0px 30px 0px;
      text-align: justify;
      padding: 1%;
/*déclaré avec  = <div id="bloc">texte, images, etc.</> */ 
}

blockquote {
  margin:1em 0;
}

blockquote p {

  margin:0;
  font-size:1.2em;
}

.pdf_download  {
box-shadow: none ;
-moz-box-shadow: none;
-webkit-box-shadow: none;
-webkit-border-radius: 0 ;
 border-radius: 0;
 border: 0px; 
max-width: 100%;
 } 
 
  
.example-obtuse {
  position:absolute;  
  padding:15px 30px;
  width: 15%;
  height: 1.1%;
  top: 7.3%;
  left:71%;
  right:14%;
  bottom:90%;
  margin:0%;
  color:#fff;
  background:#5a8f00; /* default background for browsers without gradient support */
  /* css3 */
  background:-webkit-gradient(linear, 0 0, 0 100%, from(#b8db29), to(#5a8f00));
  background:-moz-linear-gradient(#b8db29, #5a8f00);
  background:-o-linear-gradient(#b8db29, #5a8f00);
  background:linear-gradient(#b8db29, #5a8f00);
  /* Using longhand to avoid inconsistencies between Safari 4 and Chrome 4 */
  -webkit-border-top-left-radius:25px 50px;
  -webkit-border-top-right-radius:25px 50px;
  -webkit-border-bottom-right-radius:25px 50px;
  -webkit-border-bottom-left-radius:25px 50px;
  -moz-border-radius:25px / 50px;
  border-radius:25px / 50px;
} 

.example-obtuse:before {
  content:"";
  position:absolute;
  bottom:-30px;
  right:80px;
  border-width:0 0 30px 50px;
  border-style:solid;
  border-color:transparent #B8DB29;
  /* reduce the damage in FF3.0 */
  display:block;
  width:0;
  
} 

.example-obtuse:after {
  content:"";
  position:absolute;
  bottom:-30px;
  right:110px;
  border-width:0 0 30px 20px;
  border-style:solid;
  border-color:transparent #fff;
  /* reduce the damage in FF3.0 */
  display:block;
  width:0;
} 

.addthis_toolbox {
    position: absolute;	
    width: 1184px;
    min-width: 90%;
    margin: 0% auto;
	top: 62px;
	left: 18%;
	z-index: 3;

}
#google_translate_element {
    position: absolute;	
    width: 300px;
	top: 150px;
	left: 1%;
	min-width: 90%;
margin: 0 auto;
box-shadow: none;
border-radius: 0px;
z-index:3;
}
div.viadeo-share {
width: 300px;
margin: 0 auto;
} 
.cellule1 {
width: auto;
height:193px;
background-repeat: repeat;
vertical-align:top;
text-align:center;
}  
 .bloc1 {
font-family:'Book Antiqua'; font-style:normal; font-weight:bold; font-size:1.063em; color:whitesmoke; text-align:justify; color:white; height:50px; }
.bloc2 {
font-family:'Book Antiqua'; font-style:normal; font-weight:bold; font-size:1.063em; color:whitesmoke; text-align:justify; vertical-align:top; margin-top:20px; width:879; height:auto;
}
	
/* Contenu et Blocs */

/* Menus de Navigation */
.menuderoulant {
    position: absolute;	
	top: 18%;
	left: 13.5%;
	border-radius: 30px / 30px;
	z-index: 3;
	}
/* div#menuleft {
    position: absolute;	
	top: 12.2%;
	left: 2%;
	width: 25%;
	height: 80%;
	max-height:88%:
    border-radius:20px; 
    box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.5) inset, 0px 2px 2px 0px rgba(255, 255, 255, 0.5); 
    outline-offset: #FFFFFFpx; 
    text-shadow:0 1px 0 #ccc, 0 2px 0 #c9c9c9,0 3px 0 #bbb, 0 4px 0 #b9b9b9, 0 5px 0 #aaa, 0 6px 1px rgba(0,0,0,.1), 0 0 5px rgba(0,0,0,.1), 0 1px 3px rgba(0,0,0,.3), 0 3px 5px rgba(0,0,0,.2), 0 5px 10px rgba(0,0,0,.25), 0 10px 10px rgba(0,0,0,.2), 0 20px 20px rgba(0,0,0,.15);
	border-radius: 30px / 30px;
	z-index: 1;
	} */
div#menuleft {
    position: absolute;	
	top: 11.9%;
	left: 7%;
	width: 20%;
	height: 80.3%;
	background-color: hsla(0, 0%, 35%, 0.2);
	-webkit-box-shadow: 7px 7px 10px 10px #3C3C34;
    box-shadow: 7px 2px 2px 0px rgba(0, 0, 0, 0.5) inset, 7px 2px 2px 0px rgba(255, 255, 255, 0.5);  
    outline-offset: hsla(0, 0%, 100%, 0.9); 
	border-radius: 30px / 30px;
	z-index: 1;
	}
	
div#menuright { 
    position: absolute;
	top: 14%;
	right: 4%;
	width: 18%;
	height: 87%;
	background-color: rgba(55, 76, 101, 0.9);
	z-index: 1;
	border-radius: 30px / 30px;
   -webkit-box-shadow: 7px 7px 10px 10px #3C3C34;
    box-shadow: 7px 7px 10px 10px #3C3C34;
	}	
.menuaccordeonpigments {
margin-left: auto;
margin-right: auto;
} 

/* Menus de Navigation */


/* Images */
.banniere {
display:block;
max-width: 100%;
margin: 0  auto;
margin-left:auto;
margin-right:auto;
box-shadow: none;
border-radius: 30px;
opacity:0.7;
}

 
.image2  {
display:block;
position: absolute;
right: auto;
bottom: auto;
left: 88%;
max-width: 25%;
width:25%;
z-index: 3;
top: 40%;
 }  
.image3   {
display:block;
position: absolute;
right: auto;
bottom: auto;
left: 88%;
max-width: 25%;
width:25%;
z-index: 3;
top: 49.4%;
 } 
.image4   {
display:block;
position: absolute;
right: auto;
bottom: auto;
left: 88%;
max-width: 25%;
width:25%;
z-index: 3;
top: 57.6%;
 }   
.image5 {
display:block;
position: absolute;
right: auto;
bottom: auto;
left: 88%;
max-width: 25%;
width:25%;
z-index: 3;
top: 67.5%;

 }
.image6 {
display:block;
max-width: 15%;
position: absolute;
right: auto;
bottom: auto;
left: 88%;
top: 77.2%;
heigh: 15%;
width: 25%;
max-width: 25%;
z-index: 3;
} 
.image7 {
display:block;
max-width: 15%;
position: absolute;
right: auto;
bottom: auto;
left: 88%;
top: 83.7%;
heigh: 15%;
width: 25%;
max-width: 25%;
z-index: 3;
} 
.image8 {
    display:block;
    position: absolute;
    right: 1%;
    bottom: auto;
    left: 90%;
    top: 87.5%;
    width:19%;
	heigh: 15%;
    max-width: 21%;
	z-index:3;
}
.image9  {
    display:block;
    position: absolute;
    right: 1%;
    bottom: auto;
    left: 88%;
	top: 45.6%;
    width:25%;
	heigh: 15%;
max-width: 25%;
	z-index:3;
}
.image10  {
    display:block;
    position: absolute;
    right: 1%;
    bottom: auto;
    left:88%;
	top: 34%;
	heigh: 24%;
	width:25%;
	z-index: 3;
max-width: 25%;
	 } 
.image11 {
display:block;
position: absolute;
max-width: 25%;
right: auto;
bottom: auto;
left: 89%;
top: 41%;
heigh: 15%;
width:25%;
z-index: 3;
} 	 
.image12 {
    display:block;
    position: absolute;
    right: 1%;
    bottom: auto;
    left: 88%;
	top: 71.4%;
	heigh: 15%;
	width: 25%;
	z-index: 3;
max-width: 25%;
	 } 
.image13 {
    display:block;
    position: absolute;
    right: 1%;
    bottom: auto;
    left: 88%;
	top: 78%;
	heigh: 20%;
    width:25%;
	z-index: 3;
max-width: 25%;
}
.image14 {
    display:block;
    position: absolute;
    right: 1%;
    bottom: auto;
    left: 88%;
	top: 81.7%;
	heigh: 15%;
    width:26%;
	z-index: 3;
max-width: 25%;
}
.image15 {
display:block;
position: absolute;
right: 1%;
bottom: auto;
left: 88%;
top: 88.3%;
heigh: 18%;
width: 25%;
z-index: 3;
max-width: 25%;
	 } 
	 
.image16 { 
display:block;
    position: absolute;
    right: 1%;
    bottom: auto;
    left: 88%;
	top: 91.'%;
	heigh: 24%;
    width:25%;
	z-index: 3;
max-width: 25%;
 } 
	 
.image17 {
    display:block;
    position: absolute;
    right: 1%;
    bottom: auto;
    left: 88%;
    top: 94%;
	heigh: 30%;
	width: 25%;
max-width: 25%;
	z-index: 3;
}
 


/* Effets, Rotations des images, Box Shadows, ombres, Angles arrondis, Radius etc. */


.logo0 img {
    position: absolute;
    right: 6%;
    bottom: auto;
	top: 13%;
	left: 79%;
	width: 90%;
	height: 90%;
	z-index: 3;
max-width: 100%;
}

.logo1 img {
    position: absolute;
    right: 6%;
    bottom: auto;
	top: 18%;
	left: 79%;
	width: 90%;
	height: 90%;
	z-index: 3;
max-width: 100%;
}
.icone img { 
  box-shadow: none; 
max-width: 100%;
  }
.symbolique img { 
  box-shadow: none;
  } 
.noradius img {
  border-radius: 0px / 0px;  
  box-shadow:0px 0px 0px #000000;
  width: 850px; /* On a indiqué une largeur (obligatoire) */
  margin: auto; /* On peut donc demander à ce que le bloc soit centré avec auto */
  border: 0px solid black;
  text-align: justify;
  padding: 12px;
  margin-bottom: 30px;  
  }
  
.radius img{ 
box-shadow: none !important;
-moz-box-shadow: none !important;
-webkit-box-shadow: none !important;
-webkit-border-radius: 0 !important;
 border-radius: 0 !important;
 border: 0px
 }   
.radius30 img { 
border-radius: 30px / 30px;  
box-shadow:none;
}  
  a:hover { 
color:#DAA520;
text-decoration:none;
}
/* data-hover-response h4 */
h4 { 
position: relative;
 }  
h4:hover { 
color: transparent; }  
h4:hover:after {  
    content: attr(data-hover-response);   
    position:relative;  
    left: -20%;
    width: 100%
    -moz-border-radius: 25px;
    -webkit-border-radius: 25px;
    -o-border-radius: 25px;
    border-radius: 25px;
	color: #FFFFFF;
	font-variant: small-caps;
font-variant: small-caps;
text-shadow:0 1px 0 #ccc, 0 2px 0 #c9c9c9,0 3px 0 #bbb, 0 4px 0 #b9b9b9, 0 5px 0 #aaa, 0 6px 1px rgba(0,0,0,.1), 0 0 5px rgba(0,0,0,.1), 0 1px 3px rgba(0,0,0,.3), 0 3px 5px rgba(0,0,0,.2), 0 5px 10px rgba(0,0,0,.25), 0 10px 10px rgba(0,0,0,.2), 0 20px 20px rgba(0,0,0,.15);
}
/* data-hover-response h4 */

/* data-hover-response h6 */
h6 { 
position: relative; 
}  
h6:hover { 
color: transparent; 
} 
  
h6:hover:after {  
    content: attr(data-hover-response);  
    color: whitesmoke;  
    position: relative; 
    left: -20%;	
    text-align: center;

} 
/* data-hover-response h6 */ 

/* Effets Box Shadows ombre Radius etc. */

/* Textes */
h1 { 
font-family:'Book Antiqua'; font-style:normal; font-weight:lighter; font-size:1.15em; color:black; text-align:justify; background-color:transparent; line-height:150%;
}


h2  { font-family:'Book Antiqua'; font-style:normal; font-weight:lighter; font-size:1.063em; color:crimson; text-align:left; background-color:transparent; text-shadow: 0px 1px 1px #B0B0BB; 
} 

h2:hover {
/*transition*/
-webkit-transition:4s all steps(3, end);
   -moz-transition:4s all steps(3, end);
     -o-transition:4s all steps(3, end);
        transition:4s all steps(3, end);
/*transform*/
-webkit-transform:translateX(-500px);
   -moz-transform:translateX(-500px);
    -ms-transform:translateX(-500px);
     -o-transform:translateX(-500px);
        transform:translateX(-500px);
} 

h3 { font-family:'open sans'; font-style:normal; font-weight:bolder; font-size:1.500em; color:white;  text-align: center; background-color:transparent; text-decoration:none; text-shadow: 2px 2px 1px #9ACD32; 
} 

h4 { font-family:'Book Antiqua'; font-style:normal; font-weight:bolder; font-variant: small-caps; font-size: 1.4em; color:black; background-color:transparent; text-shadow: 3px 3px 3px #5A5A5A outline: 2px ridge #FFFFFF; outline-offset: #FFFFFF; outline: 2px outset #ADA7A9; background-color:hsla(71, 100%, 41%, 1); text-align: center;
} 
 
h6 { font-family:'Book Antiqua'; font-style:normal; font-weight:bolder; font-size:1.188em; color: white; text-align: center; outline: 2px ridge #ADA7A9; outline-offset: #FFFFFF; outline: 2px outset #ADA7A9; background-color:#778899;
}  
.description  { font-family:'Book Antiqua'; font-size:1.063em; font-weight:lighter; color:white; background-color:transparent; text-align:justify; 
} 

titreteal { 
font-family:'Book Antiqua'; font-style:normal; font-weight:bolder; font-size: 2em; color:teal; text-align: left; margin-left:28%; background-color:transparent; text-decoration:underline; text-shadow: 0px 1px 1px #000000; 
}
 
#titre { 
font-family:Times New Roman;
font-variant:small-caps;
font-size:38px;
color:#FFFFFF;
margin-right:13.8%;
margin-left:60%;
background-color:hsla(0, 0%, 35% ,0.6);
text-align:right;
padding:1%;
/*border-radius*/
-webkit-border-radius:20px;
   -moz-border-radius:20px;
        border-radius:20px;
/*box-shadow*/
-webkit-box-shadow:0px 2px 2px 0px rgba(0, 0, 0, 0.5) inset, 0px 2px 2px 0px rgba(255, 255, 255, 0.5);
   -moz-box-shadow:0px 2px 2px 0px rgba(0, 0, 0, 0.5) inset, 0px 2px 2px 0px rgba(255, 255, 255, 0.5);
        box-shadow:0px 2px 2px 0px rgba(0, 0, 0, 0.5) inset, 0px 2px 2px 0px rgba(255, 255, 255, 0.5);
outline-offset:#FFFFFF;
text-shadow:0 1px 0 #ccc, 0 2px 0 #c9c9c9,0 3px 0 #bbb, 0 4px 0 #b9b9b9, 0 5px 0 #aaa, 0 6px 1px rgba(0,0,0,.1), 0 0 5px rgba(0,0,0,.1), 0 1px 3px rgba(0,0,0,.3), 0 3px 5px rgba(0,0,0,.2), 0 5px 10px rgba(0,0,0,.25), 0 10px 10px rgba(0,0,0,.2), 0 20px 20px rgba(0,0,0,.15;
}


/* TEXTE EN 3D */

.texten3d2 {
position:absolute;
top:5%;
bottom:80%;
left:-30%;
font-size:3em;
color:#cccccc;
} 
.texten3d2 a {
color:#cccccc;
text-decoration:none;
font-weight:normal;
} 
.texten3d2 a:hover {
color:#cccccc;
text-decoration:none;
font-weight:normal;
}  
.texten3d2 {
font-family: Palatino;
color: #FFFFFF;
text-shadow:0 1px 0 #ccc, 0 2px 0 #c9c9c9,0 3px 0 #bbb, 0 4px 0 #b9b9b9, 0 5px 0 #aaa, 0 6px 1px rgba(0,0,0,.1), 0 0 5px rgba(0,0,0,.1), 0 1px 3px rgba(0,0,0,.3), 0 3px 5px rgba(0,0,0,.2), 0 5px 10px rgba(0,0,0,.25), 0 10px 10px rgba(0,0,0,.2), 0 20px 20px rgba(0,0,0,.15);
} 
.texten3d {
position:absolute;
bottom:70%;
top:15%;
left:0%;
font-size:4em;
color:#cccccc;
} 
.texten3d a {color:#cccccc;text-decoration:none;font-weight:normal;
} 
.texten3d a:hover {color:#cccccc;text-decoration:none;font-weight:normal;
} 
.texten3d {
font-family: Book Antiqua;
color: #FFFFFF;
text-transform: uppercase;
text-shadow:0 1px 0 #ccc, 0 2px 0 #c9c9c9,0 3px 0 #bbb, 0 4px 0 #b9b9b9, 0 5px 0 #aaa, 0 6px 1px rgba(0,0,0,.1), 0 0 5px rgba(0,0,0,.1), 0 1px 3px rgba(0,0,0,.3), 0 3px 5px rgba(0,0,0,.2), 0 5px 10px rgba(0,0,0,.25), 0 10px 10px rgba(0,0,0,.2), 0 20px 20px rgba(0,0,0,.15);
}
.text3D3 {
position:absolute;
bottom:54%;
left:-10%;
color:#ff6600;
} 
.text3D3 a {
color:#494949;
text-decoration:none;
font-weight:normal;
}
 
.text3D3 a:hover {
color:#cccccc;
text-decoration:none;
font-weight:normal;
}
 
.text3D3 { ;
font-size:3em;
font-family: Palatino Linotype;
color:#FF8C00; 
font-style: italic;
text-shadow:0 1px 0 #ccc, 0 2px 0 #c9c9c9,0 3px 0 #bbb, 0 4px 0 #b9b9b9, 0 5px 0 #aaa, 0 6px 1px rgba(0,0,0,.1), 0 0 5px rgba(0,0,0,.1), 0 1px 3px rgba(0,0,0,.3), 0 3px 5px rgba(0,0,0,.2), 0 5px 10px rgba(0,0,0,.25), 0 10px 10px rgba(0,0,0,.2), 0 20px 20px rgba(0,0,0,.15);
}
.3dtext {
position:absolute;bottom:0;left:0;font-size:8px;color:#cccccc;
} 
.3dtext a {color:#cccccc;text-decoration:none;font-weight:normal;
} 
.3dtext a:hover {color:#cccccc;text-decoration:none;font-weight:normal;
} 
.3dtext {
font-size: 30px;
font-family: Palatino Linotype;
color: #FFFFFF;
font-variant: small-caps;
text-shadow:0 1px 0 #ccc, 0 2px 0 #c9c9c9,0 3px 0 #bbb, 0 4px 0 #b9b9b9, 0 5px 0 #aaa, 0 6px 1px rgba(0,0,0,.1), 0 0 5px rgba(0,0,0,.1), 0 1px 3px rgba(0,0,0,.3), 0 3px 5px rgba(0,0,0,.2), 0 5px 10px rgba(0,0,0,.25), 0 10px 10px rgba(0,0,0,.2), 0 20px 20px rgba(0,0,0,.15);
} 
#texte3d4 { 
	background-color: hsla:(0, 0%, 0%, 0.7);
    font-size: 1.6em;
color: #FF6600;
text-decoration:none;
font-family: Georgia;
font-weight: bold;
text-align:justify;
text-shadow:0 1px 0 #5A5A5A, 0 2px 0 #FFFFFF,0 3px 0 #bbb, 0 4px 0 #FFFFFF, 0 5px 0 #aaa, 0 6px 1px rgba(0,0,0,.1), 0 0 5px rgba(255,255,255,1), 0 1px 3px rgba(255,255,255,1), 0 3px 5px rgba(255,255,255,1), 0 5px 10px rgba(90,90,90,1);
}

#texteen3d5 {
font-family: Times New Roman;
font-variant: small-caps;
font-weight: bold;
font-style: oblique;
font-size: 2.4em;
color: #FF6600;
text-decoration:none;
font-weight: bold;
text-align:center;
text-shadow:0 1px 0 #ccc, 0 2px 0 #c9c9c9,0 3px 0 #bbb, 0 4px 0 #b9b9b9, 0 5px 0 #aaa, 0 6px 1px rgba(90,90,90,.1), 0 0 5px rgba(90,90,90,.1), 0 1px 3px rgba(90,90,90,.3), 0 3px 5px rgba(90,90,90,.2), 0 5px 10px rgba(90,90,90,.25), 0 10px 10px rgba(90,90,90,.2), 0 20px 20px rgba(90,90,90,.15), 0 1px 0 #5A5A5A, 0 2px 0 #FFFFFF,0 3px 0 #bbb, 0 4px 0 #FFFFFF, 0 5px 0 #aaa, 0 6px 1px rgba(0,0,0,.1), 0 0 5px rgba(255,255,255,1), 0 1px 3px rgba(255,255,255,1), 0 3px 5px rgba(255,255,255,1), 0 5px 10px rgba(90,90,90,1);
} 
/* TEXTE EN 3D */
#titre3D {
font-family: palatino;color: #FFFFFF;font-variant: small-caps; font-size: 38px; margin-right: 13.8%; margin-left:60%; background-color: hsla(0, 0%, 35% ,0.6); /* text-shadow: 1px 1px 3px #FFFFFF; */ text-align: right; padding: 1%; border-radius:20px; box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.5) inset, 0px 2px 2px 0px rgba(255, 255, 255, 0.5); outline-offset: #FFFFFFpx; text-shadow:0 1px 0 #ccc, 0 2px 0 #c9c9c9,0 3px 0 #bbb, 0 4px 0 #b9b9b9, 0 5px 0 #aaa, 0 6px 1px rgba(0,0,0,.1), 0 0 5px rgba(0,0,0,.1), 0 1px 3px rgba(0,0,0,.3), 0 3px 5px rgba(0,0,0,.2), 0 5px 10px rgba(0,0,0,.25), 0 10px 10px rgba(0,0,0,.2), 0 20px 20px rgba(0,0,0,.15);
} 

hr { 
height: 4px;
box-shadow: inset 0 14px 14px -12px rgba(0,0,0,0.5);
}    
.italique { 
font-style:italic;} 

mark {
    background-color: black;
    color: gold;
}
/* Liens */

a:link2 {  
font-family:'Book Antiqua'; font-style:normal; font-weight:bolder; font-size:0.9em; color:white; background-color:transparent;
 }
/* Liens */

/* Footer Formulaire Newsletter et Copyright*/
 ul.pied li { 
     display: block;
     position: absolute;
     margin-left: 5% !important;
	right: 5%;
	bottom: auto;
	top: auto;
		list-style-type: none;
	list-style-type: none;
	text-align: center;
	-moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    -o-border-radius: 25px;
    border-radius: 25px;
	padding: 2%; 
	border-radius:20px; 
	box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.8) inset, 0px 2px 2px 0px rgba(255, 255, 255, 0.8); 
	outline-offset: #FFFFFF; 	
	vertical-align: bottom;
    margin-top: 0;
    width: 100%;
	height: 7%;	
    padding-left: 2px;
	padding-right: 2px;
background: rgb(40,52,59); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(40,52,59,1) 0%, rgba(130,140,149,1) 7%, rgba(181,189,200,1) 15%, rgba(130,140,149,1) 43%, rgba(181,189,200,1) 50%, rgba(181,189,200,1) 53%, rgba(40,52,59,1) 94%, rgba(130,140,149,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(40,52,59,1)), color-stop(7%,rgba(130,140,149,1)), color-stop(15%,rgba(181,189,200,1)), color-stop(43%,rgba(130,140,149,1)), color-stop(50%,rgba(181,189,200,1)), color-stop(53%,rgba(181,189,200,1)), color-stop(94%,rgba(40,52,59,1)), color-stop(100%,rgba(130,140,149,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(40,52,59,1) 0%,rgba(130,140,149,1) 7%,rgba(181,189,200,1) 15%,rgba(130,140,149,1) 43%,rgba(181,189,200,1) 50%,rgba(181,189,200,1) 53%,rgba(40,52,59,1) 94%,rgba(130,140,149,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(40,52,59,1) 0%,rgba(130,140,149,1) 7%,rgba(181,189,200,1) 15%,rgba(130,140,149,1) 43%,rgba(181,189,200,1) 50%,rgba(181,189,200,1) 53%,rgba(40,52,59,1) 94%,rgba(130,140,149,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(40,52,59,1) 0%,rgba(130,140,149,1) 7%,rgba(181,189,200,1) 15%,rgba(130,140,149,1) 43%,rgba(181,189,200,1) 50%,rgba(181,189,200,1) 53%,rgba(40,52,59,1) 94%,rgba(130,140,149,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(40,52,59,1) 0%,rgba(130,140,149,1) 7%,rgba(181,189,200,1) 15%,rgba(130,140,149,1) 43%,rgba(181,189,200,1) 50%,rgba(181,189,200,1) 53%,rgba(40,52,59,1) 94%,rgba(130,140,149,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#28343b', endColorstr='#828c95',GradientType=0 ); /* IE6-9 */


/*     background-color: rgba(0 , 155, 160, 0.3); */

}

 ul.pied2 li
 { 
    display: block;
     position: absolute;
     margin-left: 5% !important;
	right: 5%;
	bottom: auto;
	top: auto;
	list-style-type: none;
	text-align: center;
	-moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    -o-border-radius: 25px;
    border-radius: 25px;
	padding: 2%; 
	border-radius:20px; 
	box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.8) inset, 0px 2px 2px 0px rgba(255, 255, 255, 0.8); 
	outline-offset: #FFFFFF; 	
	vertical-align: top;
    margin-top: 0;
    width: 100%;
	height: 7%;	
    padding-left: 2px;
	padding-right: 2px;
	
background: rgb(140,51,16); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(140,51,16,1) 1%, rgba(240,183,161,1) 6%, rgba(140,51,16,1) 50%, rgba(117,34,1,1) 54%, rgba(191,110,78,1) 96%, rgba(117,34,1,1) 99%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,rgba(140,51,16,1)), color-stop(6%,rgba(240,183,161,1)), color-stop(50%,rgba(140,51,16,1)), color-stop(54%,rgba(117,34,1,1)), color-stop(96%,rgba(191,110,78,1)), color-stop(99%,rgba(117,34,1,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(140,51,16,1) 1%,rgba(240,183,161,1) 6%,rgba(140,51,16,1) 50%,rgba(117,34,1,1) 54%,rgba(191,110,78,1) 96%,rgba(117,34,1,1) 99%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(140,51,16,1) 1%,rgba(240,183,161,1) 6%,rgba(140,51,16,1) 50%,rgba(117,34,1,1) 54%,rgba(191,110,78,1) 96%,rgba(117,34,1,1) 99%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(140,51,16,1) 1%,rgba(240,183,161,1) 6%,rgba(140,51,16,1) 50%,rgba(117,34,1,1) 54%,rgba(191,110,78,1) 96%,rgba(117,34,1,1) 99%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(140,51,16,1) 1%,rgba(240,183,161,1) 6%,rgba(140,51,16,1) 50%,rgba(117,34,1,1) 54%,rgba(191,110,78,1) 96%,rgba(117,34,1,1) 99%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8c3310', endColorstr='#752201',GradientType=0 ); /* IE6-9 */

/*     background-color: rgba(255, 215, 0, 0.7); */
	
} 

textarea {
  resize: both; /* l'élément est étirable dans les deux sens */
  empty-cells: show;
}
/* FOOTER Formulaire Newsletter et Copyright*/
[data-tip] {
    position: relative;
    cursor: help;
    border-bottom: 2px dotted #aaa;
} 
[data-tip]:hover:after {
    content: attr(data-tip);
    position: absolute;
    top: 1.5em;
    left: 0;
    white-space: nowrap; 
    padding: 8px 13px;
    background: #ACCD00;
 background: -moz-linear-gradient(top, #ACCD00 0%, #F5F5F5 100%);
 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ACCD00), color-stop(100%,#F5F5F5)); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ACCD00', endColorstr='#F5F5F5',GradientType=0 );
    color: #fff;
	/* border-radius : 10px; */
	z-index: 4;
	/* -webkit-box-shadow: 3px 3px 3px rgba(0,0,0,.2); */
	-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
	/* padding: 1%;  */
	border-radius:10px; 
	box-shadow: 3px 2px 2px 0px rgba(0, 0, 0, 0.9) inset, 0px 2px 2px 0px rgba(255, 255, 255, 0.8); 
	outline-offset: #000000;
        color: #000000;
}
[data-tip]:hover:before {
    content: "▲";
    position: absolute;
    top: .4em;
    left: 22px;
    font-size: .5em;
    color: #000000;
  } 
/* INFOS BULLE HELP */


-->