﻿/* ============================ */
/* MODULES 											*/ 
/* ============================ */

/* Classes par defauts */
div.module,
#menu-container {border: none;background: none; padding: 0;}
.xtop, .xbottom {display:block; background:transparent; font-size:1px;}
.xb1, .xb2, .xb3, .xb4 {display:block; overflow:hidden;}
.xb1, .xb2, .xb3 {height:1px;}
.xb2, .xb3, .xb4 {background:#ffffff; border-left:1px solid #004242; border-right:1px solid #004242;}
.xb1 {margin:0 5px; background:#004242;}
.xb2 {margin:0 3px; border-width:0 2px;}
.xb3 {margin:0 2px;}
.xb4 {height:2px; margin:0 1px;}
div.contenu-module {
	margin: 0;
	padding: 10px;
	display: block;
	background: #028F76;
	border: 0 solid #004242;
	border-width: 0 1px;
}


/*
 **** Variations ****
*/

/* Module par defaut */
.xb2,
.xb3,
.xb4,
div.contenu-module {background:#ffffff; border-color: #004242;}
.xb1 {background:#004242;}

/* Module Vert */
div.mod-vert .xb2,
div.mod-vert .xb3,
div.mod-vert .xb4,
div.mod-vert div.contenu-module {background:#004242; border-color: #004242;}
div.mod-vert .xb1 {background:#004242;}

/* Module Violet2 ajoute par mail emmanuel FM du 15 mai 2011 14h00 */
/* Module Violet */
div.mod-violet2 .xb2,
div.mod-violet2 .xb3,
div.mod-violet2 .xb4,
div.mod-violet2 div.contenu-module {background:#870D65; border-color: #870D65;}
div.mod-violet2 .xb1 {background:#870D65;}

/* Module Vert Clair */
div.mod-vert-clair .xb2,
div.mod-vert-clair .xb3,
div.mod-vert-clair .xb4,
div.mod-vert-clair div.contenu-module {background:#90BD88; border-color: #004242;}
div.mod-vert-clair .xb1 {background:#004242;}

/* Module Bords Violets */
div.mod-violet .xb2,
div.mod-violet .xb3,
div.mod-violet .xb4,
div.mod-violet div.contenu-module {background:#ffffff; border-color: #4F083C;}
div.mod-violet .xb1 {background:#4F083C;}

/* Module Titre */
div.mod-titre .xb2,
div.mod-titre .xb3,
div.mod-titre .xb4,
div.mod-titre div.contenu-module {background:#90BD88; border-color: #004242;}
div.mod-titre .xb1 {background:#004242;}
div.mod-titre div.contenu-module {padding: 2px 10px;}

/* Module Tampon */
div.mod-tampon .xb2,
div.mod-tampon .xb3,
div.mod-tampon .xb4,
div.mod-tampon div.contenu-module {background:none; border-color: #004242;}
div.mod-tampon .xb1 {background:#004242;}


/*
	***** Modules Specifiques *****
*/

/* Cliquer ici */
#cliquer-ici.module {padding: 0;}
#cliquer-ici.module div.contenu-module {padding: 0 10px;}
#cliquer-ici .xb2,
#cliquer-ici .xb3,
#cliquer-ici .xb4,
#cliquer-ici div.contenu-module {background:#FDFFBA; border-color: #004242;}
#cliquer-ici .xb1 {background:#004242;}


/* ============================ */
/* BOUTONS 											*/ 
/* ============================ */
a.bouton-ie:link,
a.bouton-ie:active,
a.bouton-ie:visited,
a.bouton-ie:hover {text-decoration:none;}


.bouton {
	display: inline;
	background: none;
	padding: 0;
	border:none;
	position: relative;
  white-space:nowrap;
}

.bouton span {
  background-image:url(../awd_images/boutons/boutons.png);
  background-repeat:no-repeat;
  display:inline-block;
	border:none;
	padding:0 10px 0 0;
  vertical-align:middle;
  margin-top: -1px;
  white-space:nowrap;
}

a.bouton span {cursor: hand;}

.bouton span.btn-gauche {
	display:inline-block;
	background-repeat:no-repeat;
  width:10px;
	padding:0;
  white-space:nowrap;
}

/* Background */
.btn-bckg-jaune span {background-image:url(../awd_images/boutons/boutons-jaune.png);}

/* Tailles */
.bouton span,
.btn-petit span {background-position:100% -270px;height:33px;line-height:33px;font-size:12px;}
.bouton span.btn-gauche,
.btn-petit span.btn-gauche {background-position:-491px -315px;height:33px;}

.btn-moyen span {background-position:100% -180px;height:37px;line-height:37px;font-size:14px;}
.btn-moyen span.btn-gauche {background-position:-491px -225px;height:37px;}

.btn-grand span {background-position:100% -90px;height:42px;line-height:42px;font-size:16px;}
.btn-grand span.btn-gauche {background-position:-491px -135px;height:42px;}

.btn-geant span {background-position:100% -1px;height:44px;line-height:44px;font-size:18px;}
.btn-geant span.btn-gauche {background-position:-491px -45px;height:44px;}

.btn-megageant span {background-position:100% -361px;height:64px;line-height:64px;font-size:20px;}
.btn-megageant span.btn-gauche {background-position:-491px -435px;height:64px;}



/* ============================ */
/* WORKAROUNDS	 								*/ 
/* ============================ */
#contenu div.contenu-module {min-height: 400px;}
#menu-container div.contenu-module {padding-bottom:19px;}
#cadre-encarts {padding: 0;}
#cadre-encarts div.contenu-module {padding: 5px;}
#bandeau-logo {height: 74px;}
#bandeau-logo div.contenu-module {height: 44px;}
#module-liens-pied-de-page div.marges {padding: 5px;}