/*==================================================================================================
Couleur
==================================================================================================*/
/*
color: #000000; Noir
color: #ffffff; blc
color: #dc1960; Rose
color: #03a688; Gris
color: #f18800; Orange
color: #9c0042; Bordeau
color: #009654; Vert
color: #0096b3; Bleu
color: #e72546; rge
/* @end */


/*==================================================================================================
Textes
==================================================================================================*/

.texte100 {
position: relative;
padding-top: 65px;
padding-left: 13em;
padding-right: 13em;
width: 100%;
float: left;
margin-left: auto;
margin-right: auto;
margin-top: 0;
margin-bottom: 0;
*zoom: 1;
}

/*==================================================================================================
Page menu
==================================================================================================*/

.boutonimg {
width: 100%;
margin-left: 0px;
padding-left: 20px;
padding-right: 20px;
margin-top: 0;
margin-bottom: 0;
*zoom: 1;}

.menu {
background: #03a688;
line-height: 38px;
font-size: 1rem;
margin-bottom: -1em;
max-width: 328px;
margin-left: auto;
margin-right: auto;
border: 7px solid #03a688;
border-radius : 10px;
-moz-border-radius : 10px;}

.menu-caption  a{color: #ffffff;}

.menu:hover,
.menu-caption:hover{
background: #dc1960;
border-color: #dc1960;
color: #ffffff;}

.menu-caption  a:hover{color: #ffffff;}

.menu-img {
position: relative;
margin-bottom: 0.1em;
overflow: hidden;
border-radius: 0px 0px 0px 0px;
-moz-border-radius: 0px 0px 0px 0px;
-webkit-border-radius: 0px 0px 0px 0px;}

ul.colone-menu-1 li {text-align: center;}

[class*="colone-menu-"] {
display: block;
padding: 0;
margin: 0em 8em 1em 8em;
*zoom: 1;}

[class*="colone-menu-"]:before, [class*="colone-menu-"]:after {
content: " ";
display: table;}

[class*="colone-menu-"]:after {clear: both;}

[class*="colone-menu-"] > li {
display: inline;
height: auto;
float: left;
padding: 0 1.5em 3em;}

/*==================================================================================================
Media Queries
==================================================================================================*/

@media only screen {

.colone-menu-1 > li {
width: 100%;
padding: 0 1.5em 3em;}

.colone-menu-1 > li:nth-of-type(n) {clear: none;}

.colone-menu-1 > li:nth-of-type(1n+1) {clear: both;}

}

@media only screen and (min-width: 40.063em) {

.colone-menu-2 > li {
width: 33.33333%;
padding: 0 1.5em 3em;}

.colone-menu-2 > li:nth-of-type(n) {clear: none;}

.colone-menu-2 > li:nth-of-type(3n+1) {clear: both;}

}

@media (max-width: 1080px) {
  
[class*="colone-menu-"] {
margin: 0 -1.5em;
*zoom: 1;}  

.texte100 {
padding-left: 1.5em;
padding-right: 1.5em;
padding-top: 50px;}

}  
   
@media (max-width: 641px) {

.texte100 {padding-top: 10px;}

.menu {font-size: 0.8rem;}

.menu-caption {margin-top: 5px;}

  .colone-menu-2 > li {
    width: 50%;
  padding: 0 1em 2em;
  }

  .colone-menu-2 > li:nth-of-type(n) {
    clear: none;
  }

  .colone-menu-2 > li:nth-of-type(2n+1) {
    clear: both;
  }

}

@media (max-width: 370px) {

.menu {line-height: 1em}

}