@charset "UTF-8";
/* CSS Document */

body {margin:0;
background-color:#f0f0f0;
font-family:Arial, Helvetica, Verdana;
font-size:12px;}

/********************************************Div présents dans toutes pages********************************************/

div.center {text-align:center;
border:none;}

div.center table {border:none;}

div.alignCenter {text-align:center;}

div.center table {
display:inline;}

#tout {text-align:left;
min-width:825px;
max-width:1024px;
width:85%;
margin-left: auto;
margin-right: auto;}

#bandeau {background-image:url(images/co_motif_bandeau.jpg);
background-repeat:repeat-x;
margin:0;}

#logo {margin:0;}

#bandeauImage {float:right;
margin:0;}

#menu {background-image:url(images/co_motif_menu.jpg);
background-repeat:repeat-x;
height:35px;
margin:0;}

#sousmenu {background-image:url(images/co_motif_sousmenu.jpg);
background-repeat:repeat-x;
height:27px;
font-size:11px;
padding-top:0.4em;}

#orga {position:absolute;
visibility:hidden;}

#env {position:absolute;
padding-left:83px;
visibility:hidden;}

#prod {position:absolute;
padding-left:140px;
visibility:hidden;}

#milieu {margin-bottom:1.5em;
margin-top:1em;
max-width:825px;
min-width:825px;
text-align:left;
margin-left: auto;
margin-right: auto;}

#milieu_section {margin-bottom:1.5em;
margin-top:1em;
margin-left: auto;
margin-right: auto;
min-width:740px;
max-width:740px;}

#milieu_niv1 {margin-bottom:1.5em;
margin-top:1em;
margin-left: auto;
margin-right: auto;
min-width:600px;
max-width:600px;}

#image {float:left;}

#soussection {float:left;
padding-top:5px;
margin-right:12px;
background-color:#f0f0f0;}

#principal {float:left;
width:42%;
min-width:351px;
color:#2c2c2c;}

#principal_section {float:left;
width:60%;
min-width:500px;
max-width:700px;
color:#2c2c2c;
text-align:left;}

#principal_niv1 {float:left;
width:100%;
min-width:600px;
max-width:700px;
color:#2c2c2c;
text-align:left;}

#principal #CG {height:467px;}
#principal #CD {height:467px;}
#principal #CH {height:467px;}
#principal #CB {height:467px;}
#principal #CHG {height:467px;}
#principal #CHD {height:467px;}
#principal #CBG {height:467px;}
#principal #CBD {height:467px;}

#CG {
background-image: url(images/co_contenu_G.jpg);
background-position: left;
background-repeat: repeat-y;
background-color: #ffffff;}

#CH {
background-image: url(images/co_contenu_H.jpg);
background-position: top;
background-repeat: repeat-x;}

#CD {
background-image: url(images/co_contenu_D.jpg);
background-position: right;
background-repeat: repeat-y;}

#CB {
background-image: url(images/co_contenu_B.jpg);
background-position: bottom;
background-repeat: repeat-x;}

#CHG {
background-image: url(images/co_contenu_HG.jpg);
background-position: top left;
background-repeat: no-repeat;}

#CHD {
background-image: url(images/co_contenu_HD.jpg);
background-position: top right;
background-repeat: no-repeat;}

#CBD {
background-image: url(images/co_contenu_BD.jpg);
background-position: bottom right;
background-repeat: no-repeat;}

#CBG {
background-image: url(images/co_contenu_BG.jpg);
background-position: bottom left;
background-repeat: no-repeat;}

#contenu {padding:2.5em;}

#contenuEnv {padding:2.5em;}

#pied {height:29px;
background-image:url(images/co_motif_pied.jpg);
background-position:bottom;
color:#ffffff;
font-size:11px;
text-align:center;}

/********************************************Img présents dans toutes pages ou presque********************************************/

#menu img {border:0;
margin:0;}

#bandeau img {display:block;}

#logo img {display:block;
border:0;}

#soussection img {vertical-align: bottom;}

#soussection img {border:none;}

#principal img.noCt {border: none;}

#principal_section img.noCt {border: none;}

#principal_niv1 img.noCt {border: none;}

#principal img {border: 1px solid #5b6c78;}

#principal_section img {border: 1px solid #5b6c78;}

#principal_niv1 img {border: 1px solid #5b6c78;}

/********************************************Éléments présents dans toutes pages********************************************/

p {margin-top:0;
margin-bottom:1em;}

p.menu {float:right;
padding-right:12px;
color:#d4e1ec;
font-size:12px;
margin-top:1em;}

span.interMenu {background-image:url(images/co_interMenu.jpg);
background-repeat:no-repeat;
margin-left:0.5em;
margin-right:0.5em;}

hr.degageur {clear:both;
visibility:hidden;
margin:0;
padding:0;
height:1px;
width:2px;}

hr.separateur {
clear:both;
visibility:hidden;
padding:0;
margin: 0 0 1em 0;
height:1px;
width:2px;}

p.copy {padding-top:1em;
margin:0;}

h1 {background-image:url(images/co_h1.jpg);
background-repeat:repeat-x;
background-position:top;
color:#ffffff;
height:29px;
font-size:16px;
margin:0;
padding-top:8px;
padding-left:8px;
width:98.2%;}

span.pt1 {background-image:url(images/co_pt1.gif);
background-repeat:no-repeat;
background-position:bottom;
padding-left:1em;}

span.pt2 {background-image:url(images/co_pt2.gif);
background-repeat:no-repeat;
background-position:bottom;
padding-left:1em;}

span.pt {
background-image:url(images/co_sousmenu_pt.jpg);
background-repeat:no-repeat;
background-position:bottom;
margin-left:0.3em;
margin-right:0.3em;}

h2 {color:#6f7f8a;
background-image:url(images/co_h2.jpg);
background-repeat:repeat-x;
background-position:bottom;
font-size:14px;
padding-bottom:0.5em;}

ul li {list-style-image:url(images/co_puce.jpg);
padding-left:0.5em;}

#contenuEnv ul li {padding-bottom:1em;}

ul li.listeChoix {padding-bottom:0.3em;}

ul {padding-left:2.5em;
margin:0;}

ol {padding-left:2.5em;
margin:0;}

ol li {padding-left:0.5em;
padding-bottom:1em;}

tr.tr1 {background-color:#f0f0f0;}

tr.tr2 {background-color:#f8f8f8;}

blockquote {font-style:italic;}

h3 {font-size:12px;
margin-left:1.3em;
margin-top:1.2em;
margin-bottom:0.2em;}

p.retour {padding-bottom:1em;}

#principal_niv1 div.ulGroupe li {padding-bottom:0.1em;}

/********************************************Éléments contenus dans Accueil********************************************/

p.lienBoite {margin-top:0.5em;}

p.lienBoiteNouv {margin-top:0.5em;}

#contenuAc {padding:2.5em;}

#boites {float:left;
margin:0;
width:20%;
min-width:220px;
max-width:400px;}

div.boite {background-image: url(images/co_boite.jpg);
margin:0;
padding:0;}

div.boitePeinture {margin:0;
padding:0;}

div.boitePeinture img {border:1px solid #ffffff;
border:none;}

div.BG {
background-image: url(images/co_boite_G.jpg);
background-position: left;
background-repeat: repeat-y;}

div.BH {
background-image: url(images/co_boite_H.jpg);
background-position: top;
background-repeat: repeat-x;}

div.BD {
background-image: url(images/co_boite_D.jpg);
background-position: right;
background-repeat: repeat-y;}

div.BB {
background-image: url(images/co_boite_B.jpg);
background-position: bottom;
background-repeat: repeat-x;}

div.BHG {
background-image: url(images/co_boite_HG.jpg);
background-position: top left;
background-repeat: no-repeat;}

div.BHD {
background-image: url(images/co_boite_HD.jpg);
background-position: top right;
background-repeat: no-repeat;}

div.BBD {
background-image: url(images/co_boite_BD.jpg);
background-position: bottom right;
background-repeat: no-repeat;}

div.BBG {
background-image: url(images/co_boite_BG.jpg);
background-position: bottom left;
background-repeat: no-repeat;}

div.contenuB {padding:1em;
padding-bottom:2em;
padding-left:2em;
padding-right:2em;
color:#2b2b2b;
margin:0;}

div.nouvelle {
background-image:url(images/ac_sepa_nouv.jpg);
background-repeat:no-repeat;
background-position:bottom;
padding-bottom:1em;
padding-top:0.5em;
margin:0;
z-index: 200;}

div.nouvelleD {padding-top:0.5em;
padding-bottom:0;}

div.imgDate {}

span.date {color:#895e10;}

div.contNouvelle {float:right;
width:9em;
padding-top:5%;}

div.titreNouv {font-size:14px;
font-weight:bold;
color:#ffffff;
padding-top:1.3em;
padding-left:2em;
margin:0;}

div.contenuB p {margin-bottom:0;}

/********************************************Éléments contenus dans Produits********************************************/

div.article {float:left;
margin:0;
width:25%;
text-align:center;
color:#4a5f7d;}

div.articleDetail {margin:0;
text-align:center;
color:#4a5f7d;}

#principal_niv1 div.articleDetail img {border: 3px solid #5b6c78;
margin-top:0.3em;
margin-bottom:0.3em;}

div.souscat {background-color:#f0f0f0;
padding:1em 0 1em 0;}

div.article img {border: 1px solid #5b6c78;
margin-top:0.3em;
margin-bottom:0.3em;}

span.prix {color:#444444;}

/********************************************Éléments contenus dans Nous joindre********************************************/

img.jdr {border: 1px solid #5b6c78;}

div.jdr {float:right;
width:70%;}

p.soush2 {margin-left:0em;
background-color:#f0f0f0;
padding:1em;}

div.soush2 {margin-left:0em;
background-color:#f0f0f0;
padding:1em;}

#formJdr p {margin-top:1em;}

#formJdr p.soush1 {margin-top:0;}

fieldset.jdr {padding:1em 0 1em 0;
margin-bottom:1em;
margin-top:1em;
background-color:#f9f9f9;
border: 1px solid #ccc;}

/********************************************Éléments contenus dans Saviez-vous que********************************************/

div.svPage {margin-bottom:1em;
background-color:#f0f0f0;
padding:1em;
padding-bottom:0;
border: 1px solid #ccc;}

div.svPage2 {margin-bottom:1em;
background-color:#fefefe;
padding:1em;
padding-bottom:0;
border: 1px solid #ccc;}

/********************************************Éléments contenus dans Nouvelles********************************************/

div.nouvPage {margin-bottom:1em;
background-color:#f0f0f0;
padding-top:1.5em;
border: 1px solid #ccc;}

div.nouvPage2 {margin-bottom:1em;
background-color:#f8f8f8;
padding-top:1.5em;
border: 1px solid #ccc;}

div.nouvPageArticle {float:right;
width:74%;
padding-right:2em;
padding-bottom:1em;}

div.nouvPageImg {width:26%;
text-align:center;
margin-bottom:1em;}

img.imgNouv {border: 3px #f0f0f0 solid;}

/********************************************Éléments contenus dans Partenaires********************************************/

table.part {border-spacing: 0px;
background-color:#ccc;
width:99%;}

table.part td {border-top: 1px solid #ccc;}

table.part td.p {border-top:none;}

/********************************************Éléments contenus dans Formulaires et validations********************************************/

p.erreur {border: 1px solid #C53133;
padding:1.5em;
color:#C53133;
font-weight:bold;}

p.confirmation {border: 1px solid #7EA336;
padding:1.5em;
color:#7EA336;
font-weight:bold;}

p.confirmation_ok {color:#54703d;
padding-left:1em;}

span.obligatoire {color:#b87e20;}

p.obligatoire {color:#b87e20;
padding-left:1em;
margin-bottom:2em;
font-size:10px;}

input,textarea {color:#2c2c2c;
margin:0;
background-color:#f0f0f0;}

label {float: left;
width: 22%;
text-align: right;
margin-right:1em;}

label.radio {width:100%;}

input.bouton{margin-left:81%;
padding: 0.3em;}

#msgFormNom {margin-left:24.7%;
color:#C53133;
margin-top:0;}

form p {margin-bottom:0;}

#msgFormMess {margin-left:24.7%;
color:#C53133;}

#msgFormCourr {margin-left:24.7%;
color:#C53133;}

div.form {margin-top:0.5em;
padding-top:0.2em;
padding-bottom:1em;
background-color:#f0f0f0;}

p.bouton {text-align:right;
margin-top:1em;}

/********************************************Éléments contenus dans Trucs et astuces et jeux********************************************/

#principal_niv1 img.rep {border:none;}

table.form {margin-top:0.2em;
padding-top:1em;
padding-bottom:1em;
background-color:#f0f0f0;
width:100%;
color:#6f7f8a;}

table.form td.p {padding-left:4em;}

p.choix {margin-top:2px;}

span.repNo {border: 1px solid #C53133;}

span.repOk {border: 1px solid #7EA336;}

table.form td.dvf {text-align:left;
width:70%;
padding-right:2em;
vertical-align:middle;}

table.form td.d {text-align:left;
color:#6f7f8a;
width:20%;}

table.form td.m {width:5%;}

div.reponse {padding-top:1.5em;
float:right;
text-align:left;
width:87%;
color:#7EA336;}

div.reponseNeg {padding-top:1.5em;
float:right;
text-align:left;
width:87%;
color:#C53133;}

form#formD {line-height:30px;}

input.dNeg {color:#C53133;
background-image:url(images/img_no.gif);
background-repeat:no-repeat;
background-position:right;
padding-right:1.5em;}

input.dOk {color:#7EA336;
background-image:url(images/img_ok.gif);
background-repeat:no-repeat;
background-position:right;
padding-right:1.5em;}

fieldset.jeu {padding:1em;
margin-bottom:1em;
background-color:#f9f9f9;
border: 1px solid #ccc;}

p.vf {margin-top:0.5em;}

/********************************************Éléments contenus dans les tableaux de navigation (saviez-vous que, nouvelles)********************************************/

table.defilement {text-align:center;
color:#999;}

/********************************************Les liens********************************************/

a.nouvs:link {color:#2b2b2b;
font-size:18px;
font-weight:bold;
line-height:2px;}

a.nouvs:visited {color:#2b2b2b;
font-size:18px;
font-weight:bold;
line-height:2px;}

a.nouvs:hover {color:#6f7f8a;
font-size:18px;
font-weight:bold;
line-height:2px;
text-decoration:none;}

a.nouvs:active {color:#2b2b2b;
font-size:18px;
font-weight:bold;
line-height:2px;}

a.nomNouv:link {color:#2b2b2b;
text-decoration:none;
font-weight:bold;}

a.nomNouv:visited {color:#2b2b2b;
text-decoration:none;
font-weight:bold;}

a.nomNouv:hover {color:#2b2b2b;
text-decoration:underline;
font-weight:bold;}

a.nomNouv:active {color:#2b2b2b;
text-decoration:none;
font-weight:bold;}

a.nouv:link {color:#2b2b2b;
font-weight:bold}

a.nouv:visited {color:#2b2b2b;
font-weight:bold;}

a.nouv:hover {color:#2b2b2b;
text-decoration:none;
font-weight:bold;}

a.nouv:active {color:#2b2b2b;
font-weight:bold;}

a.boite:link {color:#f9edd8;}

a.boite:visited {color:#f9edd8;}

a.boite:hover {color:#f9edd8;
text-decoration:none;}

a.boite:active {color:#f9edd8;}

a.menu:link {color:#fff;
text-decoration:none;}

a.menu:visited {color:#fff;
text-decoration:none;}

a.menu:hover {color:#d4e1ec;
text-decoration:none;}

a.menu:active {color:#d4e1ec;
text-decoration:none;}

a.sousmenu:link {color:#006699;
text-decoration:none;
font-size:12px;}

a.sousmenu:visited {color:#006699;
text-decoration:none;
font-size:12px;}

a.sousmenu:hover {color:#ffffff;
text-decoration:none;
font-size:12px;}

a.sousmenu:active {color:#006699;
text-decoration:none;
font-size:12px;}

a:link {color:#855a0b;
text-decoration:underline;}

a:visited {color:#645539;
text-decoration:underline;}

a:hover {color:#e6a530;
text-decoration:none;}

a:active {color:#2c2c2c;
text-decoration:underline;}