/* Digest
------------------------------
    1. General
    2. Content
    	2.1 Images
    	2.2 Links
    	2.3 Tables
    3. Things to hide

*/

/* @page {
	size: portrait; landscape
} */

/* ----------------------------------------------------------------------------*/
  /* -------------------------------------------------------------------------------------------------->>> 1. General <<<-----------*/
/* ----------------------------------------------------------*/

/*body { 
	width: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
	line-height: 1.4;
	word-spacing: 1.1pt;
	letter-spacing: 0.2pt;
	font-family: Garamond, 'Times New Roman', serif;
	color: #2a2a2a;
	background: none;
	font-size: 12pt;
}*/
body {
	background: white;
	color: #4D5357;
	font: normal .80em/1.5em Arial, FreeSans, Helvetica, 'Trebuchet MS', Tahoma, verdana, sans-serif;
	padding: 1em;
}

#header {display:none;}
#navigation {display:none;}
#under-nav {display:none;}
#footer {display:none;}
#partners {display:none;}
/* -------------------------------------------------------------------------------------------------->>> 1.1 Titrailles <<<-----------*/

#contenu h1 {
	font-size: 1.9em;
	font-family: Arial Black, sans-serif;
	margin-bottom: 0.682em;
}
#contenu h2 {
	clear: both;
	float: left;
	width: 100%;
	font-size: 1.8em;
	margin-bottom:10px;
}
#contenu h2 span {
	/*background: #C4D9E4;*/
	background: #b2dee4;
	color: white;
	font-family: Arial Black, sans-serif;
	font-weight: 900;
	line-height: 1em;
	font-size: 1.2em;
	display: block;
	float: left;
	margin-bottom: .3em;
	clear: left;
}
#contenu h3 {
	color: black;
	font-size: 1.4em;
	font-family: Georgia, Times New Roman, Times, serif;
	line-height: 1em;
	font-weight: 400;
	padding: .2em 0;
	margin-bottom: .3em;
	float:left;
	width:100%;
}
#contenu h4 {
	font-size: 1.3em;
	font-family: Arial Black, sans-serif;
	margin-bottom: 0.682em;
}
#contenu span.titre_orange {
	background: #f8a008;
	color: white;
	font-family: Arial Black, sans-serif;
	font-weight: 900;
	line-height: 1em;
	font-size: 1.2em;
	display: block;
	float: left;
	margin-bottom: .3em;
	clear: left;
}
#contenu h5 {
	color: black;
	font-size: 1.2em;
	font-family: Georgia, Times New Roman, Times, serif;
	line-height: 1em;
	font-weight: 400;
	padding: .2em 0;
}
#contenu h5 span {
	color: black;
	font-size: .8em;
	font-family: Georgia, Times New Roman, Times, serif;
	line-height: 1em;
	font-style:italic;
	padding: .2em 0;
}
  /* -------------------------------------------------------------------------------------------------->>> 1.2 Espacements généraux <<<-----------*/

.sans_espacement {margin:0}
.petit_espacement {margin-bottom:5px}
.grand_espacement {margin-bottom:20px}
.tres_grand_espacement {margin-bottom:30px}

  /* -------------------------------------------------------------------------------------------------->>> 1.3 Paragraphes <<<-----------*/

#contenu p {
	line-height:1.5em;
	text-align:justify;
	margin: 1em 0;
}
#contenu p.text_right {
	line-height:1.5em;
	text-align:justify;
}
#contenu .text_gras {font-weight: bold}

  /* -------------------------------------------------------------------------------------------------->>> 1.4 Retour à la ligne <<<-----------*/

#contenu p.retour_ligne {clear:both}

  /* -------------------------------------------------------------------------------------------------->>> 1.5 Espacement des paragraphes <<<-----------*/

#contenu p.sans_espacement {margin:0}
#contenu p.petit_espacement {margin-bottom:5px}
#contenu p.grand_espacement {margin-bottom:20px}
#contenu p.tres_grand_espacement {margin-bottom:30px}
#contenu p.pointille {display:none;}
.box-05 .pointille {display:none;}

  /* -------------------------------------------------------------------------------------------------->>> 1.6 Alignement <<<-----------*/

#contenu p.alignement_centre {text-align:center}
#contenu p.alignement_droite {text-align:right}

  /* -------------------------------------------------------------------------------------------------->>> 1.7 Introduction <<<-----------*/

#contenu p.introduction {
	clear:both;
	/*float: left;*/
    padding-bottom: 6px;
	font-weight: bold;
	line-height:1em;
	font-size:1.2em;
	margin:5px 3px 5px 0;
	width:100%;
}
#contenu p.introduction-right {
	padding-bottom: 2px;
	font-weight: bold;
	line-height:1.5em;
	font-size:1.2em;
	margin:0 3px 0 0;
}
#contenu .introduction-right2 {
	padding-bottom: 2px;
	font-weight: normal;
	line-height:1.5em;
	font-size:1.2em;
	margin:0 3px 0 0;
}
#contenu p.introduction_light {
	font-family: Georgia, serif;
	color: black;
	font-size: 1.4em;
	font-weight: normal;
}


  /* -------------------------------------------------------------------------------------------------->>> 1.8 Mise en avant <<<-----------*/

#contenu .mis_en_avant_bleu {
	clear: both;
	background:  #f3f3f3;
	padding: 10px;
	font-weight: bold;
}
#contenu .mis_en_avant_violet {
	clear: both;
	color: white;
	background: #C4D9E4;
	padding: 10px;
}

#contenu .mis_en_avant_cyan {
	clear: both;
	background: #C4D9E4;
	padding: 8px;
	font-weight: bold;
}
#contenu .lien_fond_bleu {
	background:  #f3f3f3;
	padding: 3px;
	font-weight: bold;
}
#contenu .fond_bleu {
	background:  #f3f3f3;
	padding: 3px;
	font-weight: bold;
}

#contenu ul.mea_bleu {
    background:#f3f3f3;
	padding:10px 0 10px 0;
}

#contenu ul.mea_bleu li {
    background:  #f3f3f3;
	font-weight: bold;
}

#contenu div.pave_texte_bleu {
    background:  #f3f3f3;
	font-weight: normal;
	font-size:1em;
	padding:5px 5px 5px 5px;
}

  /* -------------------------------------------------------------------------------------------------->>> 1.9 Citation <<<-----------*/

#contenu p.citation {
    background: #F3F3F3;
	clear:both;
	font-style:italic;
	font-weight:900;
	font-size: 1em;
	padding:10px 60px 10px 10px;
}
#contenu span.citation-right {
	border-top: 8px solid #4D5357;
	margin: 17px 0 0 15px;
	float:right;
	width: 50%;
	font-family: Georgia, Times New Roman, Times, serif;
	font-weight: bold;
	font-style:italic;
	font-size:1.3em;
	padding:10px 0 10px 0;
}

  /* -------------------------------------------------------------------------------------------------->>> 1.10 Liens <<<-----------*/

#contenu a {
	color:#3fadbd;
	text-decoration:none;
	font-weight: bold;
}
#contenu a:hover {text-decoration:underline}

#contenu p.lien-right a {
	color:#3fadbd;
	text-decoration:underline;
	font-weight: bold;
	float:right;
}
#contenu p.lien-right a:hover {text-decoration:underline}

#contenu p.more a {
     color: black;
	 font-weight: normal;
	 /*text-decoration: none;*/
	 }

  /* -------------------------------------------------------------------------------------------------->>> 1.11 Listes <<<-----------*/

	  /* -------------------------------------------------------------------------------------------------->>> 1.11.1 Premier Niveau <<<-----------*/

#contenu ul, #contenu ol {
	clear:both;
	padding:0 0 15px 2px;
}
#contenu ul li {
	background-image:url(../../images/elements/puce-01.gif);
	background-position:0 9px;
	background-repeat:no-repeat;
	padding:0 0 0 22px;
	margin:0 0 0 0;
}
#contenu ol li {
	list-style-type:decimal;
	list-style-position:inside;
	margin:0 0 3px 0;
}

	  /* -------------------------------------------------------------------------------------------------->>> 1.11.2 Second Niveau <<<-----------*/

#contenu ul li ul, #contenu ol li ol {padding:3px 0 0 20px}

  /* -------------------------------------------------------------------------------------------------->>> 1.12 Tableaux <<<-----------*/

#contenu table.tableau_donnees {
	float:left;
	width:100%;
	border-collapse:collapse;
	margin:0 0 0 0;
}
#contenu table.tableau_donnees tr p {
	text-align: left;
	line-height: normal;
	margin:0;
}
#contenu table.tableau_donnees tr th {
	padding:4px;
}
#contenu table.tableau_donnees tr th p {
    background: #f3f3f3;
	border-collapse:collapse;
	width:100%;
	text-align: left;
	font-weight: bold;
	padding: 10px 4px;
}
#contenu table.tableau_donnees tr td {
	border:0;
	vertical-align: middle;
	background:url(../../images/elements/dotted_gris.gif) repeat-x;
	padding:8px 4px;
}
#contenu table.tableau_donnees tr td.mis_en_avant {background:#efefef url(../../images/elements/dotted_gris.gif) repeat-x}
#contenu table.tableau_donnees tr td.alignement_centre p {text-align:center;}
#contenu table.tableau_donnees tr td.alignement_droite p {text-align:right;}
#contenu table.tableau_donnees tr td.border-left p {border-left:1px solid #f3f3f3;}
#contenu table.tableau_donnees tr th.trait-top {border-top: 2px solid #4D5357;}
#contenu table.tableau_donnees tr td.grande_cellule p{
    text-align: left;
	width: 400px;
}
#contenu table.tableau_donnees tr td.petite_cellule p{
    text-align: left;
	width: 100px;
}



  /* -------------------------------------------------------------------------------------------------->>> 1.13 Images <<<-----------*/

#contenu div.object-left {
	float:left;
	clear:left;
	margin-bottom:10px;
}
#contenu div.object-left img {margin:8px 10px 0 0}
#contenu div.object-right {
	float:right;
	clear:right;
	margin-bottom:10px;
}
#contenu div.object-right img {margin:0 0 0 10px}
#contenu div.object-right p {text-align:right}
#contenu div.object-center {
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	margin-bottom:10px;
}
#contenu div.object-center p {text-align:center}

#contenu h2 a img.rss {display:none;}

#IE7 #contenu h2 a img.rss {
	width:32px;
	height:32px;
    margin-left:10px;
}
  /* -------------------------------------------------------------------------------------------------->>> 1.14 Fichiers joints <<<-----------*/

#contenu div.fichier_joint {
	width:100%;
	padding:0 0 5px 0;
}
#contenu div.object-right span.fichier_joint {float:right}

  /* -------------------------------------------------------------------------------------------------->>> 1.15 Date et ref <<<-----------*/
#contenu span.type2 {
    float:left;
	/**/color:#666;
	margin-right:10px;
}
#contenu span.date2 {
    /*font-style:italic;*/
    /**/color:#666;
}
#contenu #content-paveL {
    float:left;
	margin-right:14px;
	width:15%;
}
#contenu #content-paveR {
    float:right;
    margin-left:25px;
	width:80%;
}
  /* -------------------------------------------------------------------------------------------------->>> 1.16 Pave Staff <<<-----------*/
#contenu #elementL {
    float:left;
	margin-right:14px;
	width:60%;
	margin-top:10px;
}
#contenu #elementR {
    float:right;
	width:38%;
	margin-top:10px;
}

  /* -------------------------------------------------------------------------------------------------->>> 1.17 bouton panier <<<-----------*/
#contenu form .panier {
	background:transparent url(/extension/www/design/www/images/elements/ajout-panier.png) no-repeat 0 0;
	border:0 none;
	
}

	/* ------------------------------------------------------------->>> 3.4 Box 01 blue <<<-----------*/

.box-01 {
	/*background: #C4D9E4;*/
	background: #daeeed;
	margin: 1em 0;
	padding: 1em;
}
.box-01 h2 {
	clear: both;
	float: left;
	width: 100%
}
.box-01 h2 span {
	background: white;
	color: #66beca;
	font-family: Arial Black, sans-serif;
	font-weight: 900;
	line-height: 1em;
	font-size: 1.2em;
	display: block;
	float: left;
	margin-bottom: .3em;
}
.box-01 .caption {
	display: block;
	clear: both;
}
.box-01 .caption span {
	background: #009AA6;
	color: white;
	font-weight: 900;
}
.box-01 .caption span em {
	font-style: normal;
	font-weight: 400;
}
.box-01 h3 {
	color: black;
	font-size: 1.7em;
	font-family: Georgia, Times New Roman, Times, serif;
	line-height: 1em;
	font-weight: 400;
	padding: .2em 0;
}
.box-01 h3 a {color: black;}
.box-01 img {
	display: block;
	float: left;
	padding: 0 1em .2em 0;
}
.box-01 .more a {color: black; text-decoration: none;}
.box-01 .more a:hover, .box-01 .more a:focus, .box-01 .more a:active {text-decoration: underline;}

.box-01 .in-box-01 {
	clear: both;
	border-top: 2px dotted #4D5357;
	margin-top: 1em;
	padding-top: 1em;
}
.box-01 .in-box-01 strong {
	color: black;
	font-family: Arial Black, sans-serif;
	font-size: .9em;
}
.box-01 .in-box-01 h3 {
	display: inline;
	font-family: Arial, sans-serif;
	font-weight: 900;
	font-size: 1em;
	color: #586A63;
}
.box-01 .in-box-01 a {
	color: #009AA6;
	text-decoration: underline;
}
.box-01 .in-box-01 a:hover, .box-01 .in-box-01 a:focus, .box-01 .in-box-01 a:active {
	text-decoration: none;
}

	/* ------------------------------------------------------------->>> 3.5 Box 02 dark grey <<<-----------*/

.box-02 {
	background: #C2C7C4;
	color: black;
	margin-bottom: 1em;
	padding: 1em;
}
.box-02 a {color: black;}
.box-02 h2 {
	clear: both;
	float: left;
	width: 100%
}
.box-02 h2 span {
	background: white;
	color: #C2C7C4;
	font-family: Arial Black, sans-serif;
	font-weight: 900;
	line-height: 1em;
	font-size: 1.2em;
	display: block;
	float: left;
	margin-bottom: .3em;
	clear: left;
}

	/* ------------------------------------------------------------->>> 3.6 Box 03 light grey <<<-----------*/

.box-03 {
	background: #f3f3f3;
	margin-bottom: 1em;
	padding: 1em;
}
.box-03 a {color: black;}
.box-03 h2 {
	clear: both;
	float: left;
	width: 100%
}
.box-03 h2 span {
	background: white;
	color: #C2C7C4;
	font-family: Arial Black, sans-serif;
	font-weight: 900;
	line-height: 1em;
	font-size: 1.2em;
	display: block;
	float: left;
	margin-bottom: .3em;
	clear: left;
}

		/* ---------->>> 3.6.1 Tag cloud <<<-----------*/

#tag-cloud {text-align: center;}
#tag-cloud ul {
	float: none;
	text-align: center;
	margin: 0;
}
#tag-cloud ul li {
	display: inline;
	padding: 0;
	line-height: 1;
	background: none;
}
#tag-cloud ul li a:link, #tag-cloud ul li a:visited, #tag-cloud ul li a:active, #tag-cloud ul li a:focus, #tag-cloud ul li a:hover {
	text-decoration: none;
	text-shadow: 1px 1px 0 white;
}

#tag-cloud ul li.level-1 {font-size: xx-small;}
#tag-cloud ul li.level-2 {font-size: x-small;}
#tag-cloud ul li.level-3 {font-size: small;}
#tag-cloud ul li.level-4 {font-size: medium;}
#tag-cloud ul li.level-5 {font-size: large;}
#tag-cloud ul li.level-6 {font-size: x-large;}
#tag-cloud ul li.level-7 {font-size: xx-large;}
#tag-cloud ul li.level-1 a {color: #999;}
#tag-cloud ul li.level-2 a {color: #888;}
#tag-cloud ul li.level-3 a {color: #777;;}
#tag-cloud ul li.level-4 a {color: #666;}
#tag-cloud ul li.level-5 a {color: #555;}
#tag-cloud ul li.level-6 a {color: #444;;}
#tag-cloud ul li.level-7 a {color: #333;}

#tag-cloud ul li a:hover, #tag-cloud ul li a:active, #tag-cloud ul li a:focus {	color: black;}

	/* ------------------------------------------------------------->>> 3.7 Box 04 white <<<-----------*/

.box-04 {
	background: white;
	margin-bottom: 1em;
	padding: 1em;
	border-bottom: 2px solid #4D5357;
}
.box-04 a {color: black;}
.box-04 h2 {
	clear: both;
	float: left;
	width: 100%
}
.box-04 h2 span {
	background: #b2dee4;
	color: white;
	font-family: Arial Black, sans-serif;
	font-weight: 900;
	line-height: 1em;
	font-size: 1.2em;
	display: block;
	float: left;
	margin-bottom: .3em;
	clear: left;
}
.box-04 .caption {
	display: block;
	clear: both;
	padding-top: .5em;
}
.box-04 .caption span {
	background: #b2dee4;
	color: #009AA6;
	font-weight: 900;
}
.box-04 .caption span em {
	font-style: normal;
	font-weight: 400;
}
.box-04 h3 {
	font-family: Georgia, serif;
	color: black;
	font-size: 1.3em;
	font-weight: normal;
}
.box-04 img {
	display: block;
	float: left;
	padding: 0 1em .2em 0;
}

	/* ------------------------------------------------------------->>> 3.8 Box 05 bleu cyan <<<-----------*/

.box-05 {
	/*background: #C4D9E4;*/
	background:#daeeed;
	margin-bottom: 1em;
	padding: 1em;
}
.box-05 a {color: black;}
.box-05 h2 {
	clear: both;
	float: left;
	width: 100%
}
.box-05 h2 span {
	background: white;
	/*color: #C2C7C4;*/
	color: #66beca;
	font-family: Arial Black, sans-serif;
	font-weight: 900;
	line-height: 1em;
	font-size: 1.3em;
	display: block;
	float: left;
	margin-bottom: .3em;
	clear: left;
}
.box-05 h3 {
	font-family: Arial Black, sans-serif;
	color: black;
	font-size: 1.3em;
	font-weight: normal;
	margin-bottom:15px;
}
.box-05 .caption {
	display: block;
	clear: both;
	padding-top: .5em;
}
.box-05 .caption span {
	background: #009AA6;
	color: white;
	font-weight: 900;
}
.box-05 .caption span em {
	font-style: normal;
	font-weight: 400;
}
.box-05 h4 {
	font-family: Georgia, serif;
	color: black;
	font-size: 1.4em;
	font-weight: normal;
}
.box-05 h5 {
	font-family: Arial Black, sans-serif;
	color: #3fadbd;
	font-size: 1.3em;
	font-weight: normal;
}
.box-05 img {
	display: block;
	float: left;
	padding: 0 1em .2em 0;
}
.box-05 .pointille {
    border-top: 2px dotted #4D5357;
}
.box-05 .date {
	background: #009AA6;
	font-family: Arial, sans-serif;
	font-size: 1.2em;
	color: white;
	font-weight: 900;
	padding: 1px 0 1px 0;
}
.box-05 .gras {
	font-family: Arial, sans-serif;
	font-size: 1.2em;
	color: black;
	font-weight: 900;
	padding: 1px 0 1px 0;
}

	/* ------------------------------------------------------------->>> 3.9 Box 06 orange <<<-----------*/

.box-06 {
	background: #f8a008;
	margin-bottom: 1em;
	padding: 1em;
}
.box-06 a {
    color: white;
    text-decoration:underline;
}
.box-06 h2 {
	clear: both;
	float: left;
	width: 100%
}
.box-06 h2 span {
	color: white;
	font-family: Arial, sans-serif;
	line-height: 1em;
	font-size: 1.2em;
	display: block;
	float: left;
	margin-bottom: .3em;
	clear: left;
}
.box-06 h2 span em {
    font-style: normal;
	font-family: Arial Black, sans-serif;
	color: #4D5357;
	font-size: 1.2em;
	font-weight: normal;
}

	/* ------------------------------------------------------------->>> 3.10 Box 07 calendrier <<<-----------*/

.box-07 {
	background: white;
	margin-bottom: 1em;
	width: 100%
}
.box-07 h2 {
	clear: both;
	float: left;
	width: 100%
}
.box-07 h2 span {
	/*background: #C4D9E4;*/
	background: #b2dee4;
	color: white;
	font-family: Arial Black, sans-serif;
	font-weight: 900;
	line-height: 1em;
	font-size: 1.3em;
	display: block;
	float: left;
	margin-bottom: .3em;
	clear: left;
}
.box-07 li {
	display: block;
	float: left;
	background: #f3f3f3;
	margin: 0 20px 10px 0;
	padding: 4px;
	font-family: Arial, sans-serif;
	font-size: 1.4em;
	font-weight: 900;
}
.box-07 li a {
    color: #4D5357;
	text-decoration:none;
}

	/* ------------------------------------------------------------->>> 3.11 Box 08 Orange clair <<<-----------*/

.box-08 {
	background: #fce6cf;
	margin-bottom: 1em;
	padding: 1em;
}
.box-08 a {color: black;}
.box-08 h2 {
	clear: both;
	float: left;
	width: 100%
}
.box-08 h2 span {
	background: white;
	color: #C2C7C4;
	font-family: Arial Black, sans-serif;
	font-weight: 900;
	line-height: 1em;
	font-size: 1.3em;
	display: block;
	float: left;
	margin-bottom: .3em;
	clear: left;
}
.box-08 h3 {
	font-family: Arial Black, sans-serif;
	color: black;
	font-size: 1.4em;
	font-weight: normal;
}
.box-08 .caption {
	display: block;
	clear: both;
	padding-top: .5em;
}
.box-08 .caption span {
	background: #009AA6;
	color: white;
	font-weight: 900;
}
.box-08 .caption span em {
	font-style: normal;
	font-weight: 400;
}
.box-08 h4 {
	font-family: Georgia, serif;
	color: black;
	font-size: 1.5em;
	font-weight: normal;
}
.box-08 h5 {
	font-family: Arial Black, sans-serif;
	color: #3fadbd;
	font-size: 1.3em;
	font-weight: normal;
}
.box-08 img {
	display: block;
	float: left;
	padding: 0 1em .2em 0;
}
.box-08 .pointille {
    border-top: 2px dotted #4D5357;
}
.box-08 .date {
	background: #f8a008;
	font-family: Arial, sans-serif;
	font-size: 1.2em;
	color: white;
	font-weight: 900;
	padding: 1px 0 1px 0;
}
.box-08 .gras {
	font-family: Arial, sans-serif;
	font-size: 1.2em;
	color: black;
	font-weight: 900;
	padding: 1px 0 1px 0;
}
/* ----------------------------------------------------------------------------*/
  /* -------------------------------------------------------------------------------------------------->>> 3. Things to hide <<<-----------*/
/* ----------------------------------------------------------*/

#acces_rapide, #compas, #recherche, #menu, #footer {
	display: none;
}

#tabs{
	display: block;
	width: 100%;
}

#tabs h2.tab a{display:none;}

#tabs h2.tab.first a{display:none;}


#tabs h2.tab.last a{display:none;}

#tabs h2.tab.selected a{display:none;}

#tabs h2.advanced a{display:none;}

.tabContent{
	clear: both;
	background-color: #b3dee5;
	display: block;
	padding: 10px 10px 5px 10px;
}

.tabContent .more{
	display:none;
}
.tabContent div.more .underlined{
	display:none;
}

.tabContent .more a{
	display:none;
}

.tabContent .more a:hover{
	display:none;
}


.publiLeft{
	clear:both;
	width: 100%;
	height:100%;
}

.publiRight{
	clear:both;
	width: 100%;
	height:100%;
}


.tabContent .publiListe .publiItem{
	clear: both;
	display: block;
	padding: 5px 5px 55px 5px;
	height:auto;
}


.tabContent .publiListe .publiItem p.img{
	float: left;
	padding: 0 20px 10px 0;
	width: 97px;
}

.text_gras a, .text_gras {
    font-weight: bold;
	display: block;
	color:#000000
}