body {
padding;0px;
margin: 0px;
font-family: Calibri, Verdana, Arial, SunSans-Regular, Sans-Serif;
font-size: 1em;
-webkit-font-smoothing: antialiased;
}
.gabarit {
/*border:1px dotted red;*/
width:auto;
height:auto;
margin-left: auto;
margin-right: auto;
padding: 0px;
}

.haut_de_page {
background-color: #F60;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF9900', endColorstr='#FF6600'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#F90), to(#F60)); /* for webkit browsers */
background: -moz-linear-gradient(top,  #F90,  #F60); /* for firefox 3.6+ */
}
.entete {
width:1024px;
height:auto;
overflow:hidden;
border-bottom: 1px solid #F30;
margin-left: auto;
margin-right: auto;
}
.logo {
float: left;
padding:5px;
padding-top: 10px;
padding-left: 10px;
width: 150px;
}
.menu_haut_de_page {
/*border:1px dotted green;*/
float: right;
margin-right:10px;
position: relative;
top: 30px;
}
.menu_haut_de_page ul {
list-style-type:none;
margin:0;
padding:0;
}
.menu_haut_de_page li {
display: inline;
text-transform: lowercase;
padding: 0px 5px 0px 10px;
}
.menu_haut_de_page li {
display: inline;
text-transform: lowercase;
border-left: 2px solid #F90;
}
.menu_haut_de_page li:first-child {
border-left: none;
}
.menu_haut_de_page a, .menu_haut_de_page a:hover, .menu_haut_de_page a:visited {
text-decoration: none;
color: #fff;
font-size: 1.1em;
font-weight: 600;
text-shadow: #333 0px 1px 3px;
}
.menu_haut_de_page a:hover {
text-shadow: #FC0 0px 1px 3px;
}

.page {
/*border:1px dotted red;*/
width:1024px;
min-height:455px;
margin-left: auto;
margin-right: auto;
}
.titres_accueil {
/*border:1px dotted brown;*/
padding: 0px;
text-align: center;
}
.titres_accueil h1 {
font-size: 4em;
color: #333;
line-height: 50px;
text-shadow: #999 0px 1px 2px;
}
.titres_accueil h2 {
font-size: 1.55em;
color: #666;
position: relative;
top: -30px;
}
.contenu_page {
/*border:1px dotted lime;*/
overflow:hidden;
position: relative;
top: 0px;
width:1024px;
min-height:inherit;
margin-left: auto;
margin-right: auto;
padding-bottom: 0px;
}
.theme {
/*border:1px dotted pink;*/
font-size: 0.85em;
color: #333;
padding: 0px 0px 15px 0px;
margin: 0px;
}
.format_de_page {
/*border:1px dotted pink;*/
border-left: 1px solid #ccc;
overflow:hidden;
position: relative;
top: 0px;
padding-left: 15px;
padding-top: 10px;
min-height:inherit;
}
.format_de_page h1 {
padding: 0px;
margin: 0px;
}
.format_de_page .surtitre {
display: block;
font-size: 1em;
padding: 0px;
margin: 0px;
color: #F60;
text-shadow: #999 0px 1px 2px;
}
.format_de_page .titre {
display: block;
font-size: 1em;
padding: 0px;
margin: 0px;
color: #333;
text-shadow: #999 0px 1px 2px;
}
.format_de_page p {
font-size: 1.2em;
color: #333;
padding: 0px 5px 10px 5px;
margin: 0px;
}
.format_de_page h2 {
color: #333;
font-size: 1.1em;
margin-top: 5px;
margin-bottom: 0px;
}
.format_de_page ul {
padding-top:0px;
margin-top:0px;
}
.format_de_page li {
list-style: square;
font-size: 1em;
color: #333;
padding: 5px 5px;
}
.format_de_page a, .format_de_page a:visited {
text-decoration: none;
color: #f60;
}
.format_de_page a:hover {
text-decoration: underline;
}
.icones_accueil {
/*border: 1px dotted pink;*/
overflow:hidden;
margin-left: auto;
margin-right: auto;
width:auto;
text-align: center;

}
.icones_accueil_1, .icones_accueil_2, .icones_accueil_3 {
/*float: left;}*/
display: inline-block;
min-width:170px;
min-height:170px;
background: #FFF;
border: 3px solid #F60;
padding: 0px ;
margin: 0px 72px;

text-align: center;
position: relative;
top: 0px;

-moz-box-shadow: inset 0px 4px 20px #999;
-webkit-box-shadow: inset 0px 4px 20px #999;
box-shadow: inset 0px 4px 10px #999;
}
.icones_accueil_1 {
-moz-border-radius: 50px 0px 0px 0px;
-webkit-border-radius: 50px 0px 0px 0px;
border-radius: 50px 0px 0px 0px;
}
.icones_accueil_3 {
-moz-border-radius: 0px 0px 50px 0px;
-webkit-border-radius: 0px 0px 50px 0px;
border-radius: 0px 0px 50px 0px;
}
.caracteres_clavier {
/*border: 1px dotted red;*/
font-size: 7em;
color: #F60;
text-shadow: #666 0px 4px 6px;
position: relative;
top: 5px;
}

/*=== Début de navigation pour l'accueil ===*/
.navigation_accueil {
/*border: 1px dotted brown;*/
position: relative;
top: 0px;
padding: 10px 0px;
}

.navigation_accueil ul {
list-style-type:none;
padding: 0px;
margin: 0px;
text-align: center;
}
.navigation_accueil ul li {
/*border: 1px dotted red;*/
display: inline-block;
vertical-align: top;
min-width: 320px;
font-size: 1.4em;
font-weight: 700;
color: #333;
}
.navigation_accueil ul li li {
font-size: 65%;
font-weight: normal;
display: block;
}
.navigation_accueil #prospectus {
line-height:50px;
font-weight: 700;
color: #F60;
font-size: 1.1em;
}

.navigation_accueil a, .navigation_accueil a:hover, .navigation_accueil a:visited {
text-decoration: none;
color: inherit;
}

.navigation_accueil a:before, .navigation_accueil a:hover:before, .navigation_accueil a:visited:before {
content:"« ";
visibility: hidden;
}

.navigation_accueil a:after, .navigation_accueil a:hover:after, .navigation_accueil a:visited:after {
content:" »";
visibility: hidden;
}

.navigation_accueil a:hover:before {
content:"« ";
visibility: visible;
}
.navigation_accueil a:hover:after {
content:" »";
visibility: visible;
}
/*=== Fin de navigation pour l'accueil ===*/

/*=== Début de navigation pour les pages ===*/
.navigation_pages {
/*border: 1px dotted yellow;*/
/*border-right: 1px solid #ccc;*/
float: left;
position: relative;
top: 0px;
left: 0px;
width: 319px;
margin: 10px 0px;
padding: 0px 10px;
}

.navigation_pages ul {
list-style-type:none;
padding: 0px;
margin: 0px;
display: block;
}
.navigation_pages ul li {
/*border: 1px dotted red;*/
font-size: 1.5em;
font-weight: 700;
color: #333;
}
.navigation_pages ul li li {
/*border: 1px dotted red;*/
font-size: 60%;
font-weight: normal;
display: block;
}
.navigation_pages #prospectus {
/*visibility: hidden;*/
/*display: none;*/
line-height:50px;
color: #F60;
font-weight: 700;
font-size: 1.1em;

}
.navigation_pages a, .navigation_pages a:hover, .navigation_pages a:visited {
text-decoration: none;
color: inherit;
}
.navigation_pages a:after, .navigation_pages a:hover:after, .navigation_pages a:visited:after {
content:" »";
visibility: hidden;
}

.navigation_pages a:hover:after {
content:" »";
visibility: visible;
}
/*=== Fin de navigation pour les pages ===*/

.bas_de_page {
/*border: 1px dotted orange;*/
background-color: #696969;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#696969', endColorstr='#CCCCCC'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#696969), to(#CCC)); /* for webkit browsers */
background: -moz-linear-gradient(top,  #696969,  #CCCCCC); /* for firefox 3.6+*/

/*border-top:1px solid #eee;*/
border-bottom: 1px solid #969696;
overflow:hidden;
position: relative;
top:0px;
height: auto;
padding-bottom: 1px;
}
.contenu_bas_de_page {
/*border: 1px dotted orange;*/
overflow:hidden;
width: 1024px;
min-height: 220px;
margin-left: auto;
margin-right: auto;
padding-bottom: 10px;
text-align: center;
}

.cms_e_plus, .encart_rss, .tweeter {
/*border: 1px dotted orange;*/
display: inline-block;
overflow:hidden;
vertical-align: top;
width: 320px;
min-height: inherit;
margin: 0px 0px;
}
.cms_e_plus { border-right: 1px dotted #ccc; padding: 0px 5px 0px 10px}
.encart_rss {  padding: 0px 10px;}
.tweeter { border-left: 1px dotted #ccc; padding-left: 10px;}

.cms_e_plus h2 {
position: relative;
top: 7px;
line-height: 14px;
color: #FFF;
font-size: 1em;
text-align: left;
padding: 0px;
margin: 0px;
text-shadow: #333 0px 0px 2px;
}
.cms_e_plus img {
float: left;
position: relative;
top: 8px;
margin-right: 5px;
}
.cms_e_plus ul {
position:relative;
left: 10px;
}
.cms_e_plus li {
list-style-type: square;
padding: 0px;
margin: 0px;
font-size: 0.8em;
text-align: left;
color: #fff;
}
.cms_e_plus a, .cms_e_plus a:hover, .cms_e_plus a:visited {
text-decoration: none;
color: #fff;
font-size: 1em;

}

.encart_rss h2 {
position: relative;
top: 5px;
left:-5px;
color: #FFF;
font-size: 1em;
text-align: left;
padding: 0px;
margin: 0px;
text-shadow: #333 0px 0px 2px;
}


.rss ul {
list-style-type: none;
/*border: 1px dotted white;*/

padding: 0px 0px;
margin: 0px;
text-align: left;
}
.rss li:first-child {
border-top: none;
padding: 10px;
margin: 0px;
}
.rss li {
line-height: 15px;
border-top: 1px dotted #fff;
padding: 10px;
margin: 0px;
color: #fff;
font-size: 0.95em;
}
.rss li.lien_nouvelles {
color: #f60;
}
.rss a, .rss a:hover, .rss a:visited {
text-decoration: none;
color: inherit;
}
.rss li.lien_nouvelles {
color: #f60;
font-weight: 600;
}




.twtr-join-conv {
visibility:hidden;
}
.menu_bas_de_page {
border: 1px solid #fff;
overflow:hidden;
background-color: #fff;
position: relative;
top:10px;
margin-left: auto;
margin-right: auto;
width: 600px;
height: auto;
padding-top: 1px;
text-align: center;

-moz-border-radius: 3px 3px 3px 3px;
-webkit-border-radius: 3px 3px 3px 3px;
border-radius: 3px 3px 3px 3px;

-moz-box-shadow: inset 0px 3px 10px #ccc;
-webkit-box-shadow: inset 0px 3px 10px #ccc;
box-shadow: inset 0px 3px 10px #ccc;
}
.menu_bas_de_page ul {
list-style-type:none;
margin:0px;
padding:0px;
text-shadow: #999 0px 2px 3px;
}
.menu_bas_de_page li  {
display:inline;
padding:0px;
margin: 0px 5px;
}
.menu_bas_de_page a {
display:inline-block;
background-color:transparent;
border: 1px solid transparent;
width:130px;
text-decoration: none;
color: #333;
font-weight: 600;
}
.menu_bas_de_page a:hover {
color:#fff;
border: 1px solid #999;
text-decoration:none;

background-color:#ccc;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cccccc', endColorstr='#999999'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#ccc), to(#999)); /* for webkit browsers */
background: -moz-linear-gradient(top,  #cccccc,  #999999); /* for firefox 3.6+ */

-moz-border-radius: 3px 3px 3px 3px;
-webkit-border-radius: 3px 3px 3px 3px;
border-radius: 3px 3px 3px 3px;
}

.signature {
/*border: 1px dotted #000;*/
position: relative;
top: 0px;
overflow: hidden;
width: 1024px;
height: auto;
margin-left: auto;
margin-right: auto;
padding: 10px 0px 10px 0px;
text-align: center;
font-size:0.75em;
}
.signature a {
text-decoration: none;
font-size: inherit;
color: #333;
}
.signature a:after {
content:" ";
}
.e_plus {
}

.contenu_page h1, .contenu_page h2 {
  display: none;
}

.titres_accueil h1, .titres_accueil h2, .format_de_page h1, .format_de_page h2 {
  display: block;
}