/**********/
/* Global */
/**********/
body {
	margin:0;
	padding:0;
	
	background: rgb(245,246,246);
background: -moz-linear-gradient(left, rgba(245,246,246,1) 0%, rgba(255,255,255,1) 20%, rgba(255,255,255,1) 80%, rgba(245,246,246,1) 100%);
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(245,246,246,1)), color-stop(20%,rgba(255,255,255,1)), color-stop(80%,rgba(255,255,255,1)), color-stop(100%,rgba(245,246,246,1)));
background: -webkit-linear-gradient(left, rgba(245,246,246,1) 0%,rgba(255,255,255,1) 20%,rgba(255,255,255,1) 80%,rgba(245,246,246,1) 100%);
background: -o-linear-gradient(left, rgba(245,246,246,1) 0%,rgba(255,255,255,1) 20%,rgba(255,255,255,1) 80%,rgba(245,246,246,1) 100%);
background: -ms-linear-gradient(left, rgba(245,246,246,1) 0%,rgba(255,255,255,1) 20%,rgba(255,255,255,1) 80%,rgba(245,246,246,1) 100%);
background: linear-gradient(to right, rgba(245,246,246,1) 0%,rgba(255,255,255,1) 20%,rgba(255,255,255,1) 80%,rgba(245,246,246,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f6f6', endColorstr='#f5f6f6',GradientType=1 );
}
#content {
	margin: 0 auto;
	background: rgb(255,255,255);
}

* {
	font-family: Helvetica, Arial, sans-serif;
/*/	font-size: 12px;
	font-style: normal; /**/
	color: #333333;
	text-transform: none;
}
#corps_de_page {
	width:520px;
}
#menu_gauche,
#pub,
div.pub,
#corps_de_page,
#corps_de_page textarea,
#cadre_bas,
#contactForm,
div.encarts {
	font-size: 12px;
}
sup, 
sub {
	font-size: 80%;
}
img {
	border:0;
}
a:link,
a:visited  {
	text-decoration:underline;
}
a:hover,
a:active {
	text-decoration:none;
}
a.button {
	display:inline-block;
	padding: 5px;
	border-radius: 3px;
	margin: 0 10px;
	background-color: rgb(238, 238, 238);
	border: 1px solid rgb(221, 221, 221);
}
a:hover.button {
	background-color:rgb(255, 255, 255);
}

.titrerouge {
	font-style: normal;
	font-weight: bold;
	color: #990000;
	font-variant: small-caps;
	font-size: 14px;
	text-transform: uppercase;
}

.textepetit {
	font-size: 10px;
	font-style: normal;
}

span.evidence:hover {
	background-color: #CCCCFF;
}
tr.evidence:hover td {
	background-color: #DFDFFF;
}

/***************/
/* Menu Gauche */
/***************/


#menu_gauche h1 {
	font-size: 20px;
	color: #d78e01;
	text-align:center;
	margin:20px 0px;
}

#menu_gauche ul {
	padding:0px 20px 10px;
}
#menu_gauche > ul {
	padding:0px 25px 10px;
}
#menu_gauche > ul > li{
	padding:5px 0px;
}

#menu_gauche li.img {
	list-style-type:none;
	margin: 5px 0;
}

/*
#menu_gauche a:link,
#menu_gauche a:visited,
#menu_gauche a:hover,
#menu_gauche a:active {
	text-decoration:none;
}
*/

/*****************/
/* Corps de page */
/*****************/
#corps_de_page {
	min-height:350px;
	margin:0px 0px;
	padding:10px 10px;
}

#panier {
	border:solid 1px #014E9E;
	min-width:520px;
}

#panier th,
#panier td {
	text-align:center;
	padding: 0px 5px;
}

#corps_de_page dt {
	font-weight:bold;
}

#deuxpossibilites li {
	margin-bottom: 20px; 
}

/*************/
/* Cadre bas */
/*************/
#cadre_bas {
	background-color:#014E9E;
	margin:20px;
	padding:10px;
 } 
#cadre_bas * {
	color:#ffffff;
}

/*************************/
/* Bandeaux de publicit? */
/*************************/

.pub {
	margin:15px 10px 25px 10px;
	padding:10px;
	text-align:center;
}
.pub_cadre {
	border:solid 1px #d78e01;
}

p.publication {
	clear:both;
}
p.publication img {
	margin:20px 10px;
}

/* Ne pas cumuler avec jquery.columnizer
.liste_alphabetiques {
-moz-column-count: 3;
-moz-column-gap: 1.5em;
-moz-column-rule: 1px solid #c4c8cc;
-webkit-column-count: 3;
-webkit-column-gap: 1.5em;
-webkit-column-rule: 1px solid #c4c8cc;
-o-column-count: 3;
-o-column-gap: 1.5em;
-o-column-rule: 1px solid #c4c8cc;
-ms-column-count: 3;
-ms-column-gap: 1.5em;
-ms-column-rule: 1px solid #c4c8cc;
padding:0;
}
*/
.liste_alphabetiques li {
	list-style-type:none;
	color:#333333;
}
.liste_alphabetiques li a:link,
.liste_alphabetiques li a:hover,
.liste_alphabetiques li a:active {
	color:#000000;
}
.liste_alphabetiques li a:visited  {
	color:#333333;
}
.liste_alphabetiques li.lettre {
text-transform:uppercase;
font-weight:bold;
color:#880000;
}
#liste_communes li.lettre {
color:#880000;
}
#liste_themes li.lettre {
color:#008800;
}

/*************************/
/* Encarts de publicit? */
/*************************/

.encarts {
	width: 160px;
}
.evenement {
	border:solid 1px #014E9E;
	border-radius: 3px;
	margin: 3px 3px 3px 3px;
	padding: 3px;

	background:#f9e2ad;
	background: -webkit-gradient(linear, left top, left bottom, from(#f9e2ad), to(#f5c264));
	background-image: -moz-linear-gradient(top, #f9e2ad, #f5c264);
}
.evenement[onclick] {
	cursor: pointer;
}
.evenement[onclick]:hover {
	border-width: 2px;
	border-radius: 4px;
	margin: 3px 2px 2px 2px;
	padding: 2px 3px 2px 3px;

	background: #F9EDD4;
	background: -webkit-gradient(linear, left top, left bottom, from(#F9EDD4), to(#f9e2ad));
	background-image: -moz-linear-gradient(top, #F9EDD4, #f9e2ad);
}
.evenement p {
	margin: 0px;
}
.evenement p.commune {
	font-weight: bold;
	font-style: italic;
}
.evenement p.intitule_manif {
	font-weight: bold;
	font-size: larger;
}
.evenement p.images {
	clear:right;
	float:right;
}
.evenement p.fin {
	clear:both;
}
.evenement p.date {
}


.annonce {
	border:solid 1px #014E9E;
	border-radius: 3px;
	margin: 3px 3px 3px 3px;
	padding: 3px;
/*
	background:#A7C2DE;
	background: -webkit-gradient(linear, left top, left bottom, from(#A7C2DE), to(#5B8DC0));
	background-image: -moz-linear-gradient(top, #A7C2DE, #5B8DC0);
*/

	background: #E2ECF4;
	background: -webkit-gradient(linear, left top, left bottom, from(#E2ECF4), to(#A7C2DE));
	background-image: -moz-linear-gradient(top, #E2ECF4, #A7C2DE);
}
.annonce[onclick] {
	cursor: pointer;
}
.annonce:first-child {
	cursor:inherit;
}
.annonce[onclick]:hover {
	border-width: 2px;
	border-radius: 4px;
	margin: 3px 2px 2px 2px;
	padding: 2px 3px 2px 3px;

	background: #EAEFFA;
	background: -webkit-gradient(linear, left top, left bottom, from(#EAEFFA), to(#E2ECF4));
	background-image: -moz-linear-gradient(top, #EAEFFA, #E2ECF4);
}
.annonce p {
	margin: 0px;
}
.annonce p.titre {
	font-weight: bold;
	font-style: italic;
	color: #1862A1;
}
.annonce p.departements {
	font-weight: bold;
	font-size: larger;
}
.annonce p.nom {
	text-align: right;
	color: #1862A1;
}


.publicite {
	border:solid 1px #014E9E;
	border-radius: 3px;
	margin: 3px 3px 3px 3px;
	padding: 3px;

	background:#dddddd;
	background: -webkit-gradient(linear, left top, left bottom, from(#dddddd), to(#cccccc));
	background-image: -moz-linear-gradient(top, #dddddd, #cccccc);
}
.publicite:hover {
	border-width: 2px;
	border-radius: 4px;
	margin: 3px 2px 2px 2px;
	padding: 2px 3px 2px 3px;

	background: #eeeeee;
	background: -webkit-gradient(linear, left top, left bottom, from(#eeeeee), to(#dddddd));
	background-image: -moz-linear-gradient(top, #eeeeee, #dddddd);
}
.publicite p {
	margin: 0px;
}



/************************************/
/*       Prospectus  - Ã  la une     */
/************************************/
.evenement.prospectus p {
	text-align:center;
}
.evenement.prospectus ol {
	text-align:left;
	width:46ex;
	margin:auto;
}
.evenement.prospectus * {
	color:red;
}
.evenement.prospectus sup a {
	text-decoration:none;
}
.evenement.prospectus .asterisque {
	text-align:left;
	font-size:80%;
}

/* < Page d'accueil ****************************************************/

.evenement.p_accueil,
.annonce.p_accueil,
.information.p_accueil {
	margin: 16px 0px;
	padding: 10px 10px;
}

.evenement.p_accueil *,
.annonce.p_accueil *,
.information.p_accueil * {
	font-size:14px;
}
.evenement.p_accueil .accroche,
.annonce.p_accueil .accroche,
.information.p_accueil .accroche {
	text-align: center;
	font-weight: bold;
}

.evenement.p_accueil .cliquez {
	float: right;
	font-size: smaller;
}

.evenement.p_accueil,
.annonce.p_accueil {
	text-align: center;
}

.annonce.p_accueil .nouveau {
	transform:rotate(-20deg);
	-ms-transform:rotate(-20deg); /* IE 9 */
	-moz-transform:rotate(-20deg); /* Firefox */
	-webkit-transform:rotate(-20deg); /* Safari and Chrome */
	-o-transform:rotate(-20deg); /* Opera */
	color: #FF4400;
	float: left;
	font-size: larger;
	font-weight: bold;
	margin-left: -38px;
	margin-top: -21px;
	text-shadow: 0 0 2px #FFFF00, 0 0 6px #FFFF00, 0 0 7px #FFFF00, 0 0 8px #FFFF00, 0 0 9px #FFFF00, 0 0 10px #FFFF00;
}


.information.p_accueil a {		    
	/* Fonctionne déjà sur webkit */
	-webkit-transition-property: all;
	-webkit-transition-duration: .2s;
	-webkit-transition-timing-function: ease-in;
	
	/* Bientôt supporté par Firefox */
	-moz-transition-property: all;
	-moz-transition-duration: .2s;
	-moz-transition-timing-function: ease-in;
	
	/* … et lorsque ce sera standardisé */
	transition-property: all;
	transition-duration: .2s;
	transition-timing-function: ease-in;
}

.information.p_accueil a:hover,
.information.p_accueil a:focus {
	color: #ff7777;
	font-size: 18px;
}
/* Page d'accueil > ****************************************************/

/* < adresse_livraison_valide ******************************************/
form#adresse_livraison_valide p {
	clear: both;
} 
form#adresse_livraison_valide label {
	width: 7em; 
	float: left; 
	cursor: pointer; 
	_cursor: hand;
} 
form#adresse_livraison_valide label em {
	color:#990000;
	font-weight:bold;
} 
form#adresse_livraison_valide input, 
form#adresse_livraison_valide textarea {
	width: 14em; 
	float: left;
} 
form#adresse_livraison_valide .bouton {
	width: 8em; 
	margin: 1ex;
}
/* adresse_livraison_valide > ******************************************/


/* < encart commune code exemple ******************************************/
div.mode_emploi {
	max-width:600px;
}
div.code_exemple {
	max-width:600px; 
	border:solid 1px black;
	padding:5px;
	overflow-x:scroll;
	white-space:pre;
}
div.code_exemple,
div.code_exemple * {
	font-family:courier; 
}
div.mode_emploi > p strong,
div.code_exemple span {
	font-weight:bold;
	letter-spacing:-0.3px;
}
div.mode_emploi > p strong+strong,
div.code_exemple span+span {
	color:#880000;
}
div.mode_emploi > p strong+strong+strong,
div.code_exemple span+span+span {
	color:#008800;
}
div.code_exemple span:hover {
	font-weight:inherit;
	letter-spacing:inherit;
	color:inherit;
}
/* encart commune code exemple > ******************************************/