* {margin: 0; padding: 0;}
.break {clear: both; line-height: 1px; height: 1px; font-size: 1px; line-height: 1px;}
sup {line-height: 80%; font-size: 80%;}

body {
    background-color: #FFEBA5/*#D9EF7F*/;
    font-family: "Arial", Verdana, sans-serif;
    font-size: 12px;}
    
#degrade {
    width: 990px; margin: 0 auto;
    background: transparent url(../../images/bgMainContent.gif) repeat-y;}
    
#allContent {
    width: 990px; 
    background: transparent url(../../images/bgAllContent.gif) no-repeat;
    position: relative;}
    
a {color: #EF3B41;}
a:hover {text-decoration: underline !important;}
    
/*************************************** entete */
    
#enTete {
height: 210px;}

#logBlog {
position: absolute; 
left: 310px; top: 0;
z-index: 80;
width: 681px;
height: 179px;
display: block;}


#enTete #menu {
width: 197px; height: 228px;
background: transparent url(../../images/bgMenu.gif) no-repeat;
position: absolute; left: 0px; top: 145px;
list-style: none;}

#enTete #menu li a {
display: block; 
position: absolute;
top: 20px;
left: 39px;
height: 16px;}

#enTete #menu li a span {display: none;}
#enTete #menu li#btnMenuA a {width: 72px; background: transparent url(../../images/btnMenuA.gif) no-repeat; top: 44px;}
#enTete #menu li#btnMenuH a {width: 141px; background: transparent url(../../images/btnQui.gif) no-repeat; top: 64px;}
#enTete #menu li#btnMenuI a {width: 91px; background: transparent url(../../images/btnOffre.gif) no-repeat; top: 84px;}
#enTete #menu li#btnMenuB a {width: 131px; background: transparent url(../../images/btnMenuB.gif) no-repeat; top: 104px;}
#enTete #menu li#btnMenuC a {width: 131px; background: transparent url(../../images/btnMenuC.gif) no-repeat; top: 124px;}
#enTete #menu li#btnMenuF a {width: 96px; background: transparent url(../../images/btnMenuF.gif) no-repeat; top: 144px;}
#enTete #menu li#btnMenuG a {width: 100px; background: transparent url(../../images/btnMenuG.gif) no-repeat; top: 164px;}

/*#enTete #menu li#btnMenuA a {width: 72px; background: transparent url(../../images/btnMenuA.gif) no-repeat; top: 41px;}
#enTete #menu li#btnMenuB a {width: 86px; background: transparent url(../../images/btnMenuB.gif) no-repeat; top: 60px;}
#enTete #menu li#btnMenuC a {width: 100px; background: transparent url(../../images/btnMenuC.gif) no-repeat; top: 80px;}
#enTete #menu li#btnMenuD a {width: 120px; background: transparent url(../../images/btnMenuD.gif) no-repeat; top: 100px;}
#enTete #menu li#btnMenuE a {width: 100px; background: transparent url(../../images/btnMenuE.gif) no-repeat; top: 120px;}
#enTete #menu li#btnMenuF a {width: 96px; background: transparent url(../../images/btnMenuF.gif) no-repeat; top: 140px;}
#enTete #menu li#btnMenuG a {width: 100px; background: transparent url(../../images/btnMenuG.gif) no-repeat; top: 160px;}*/


/*************************************** structure */

#colGauche,
#colDroite {float: left;}

#colGauche {width: 195px; padding-top: 182px; }
#colDroite {width: 715px; padding: 0 40px 0 40px;}

#btnAssoc {
    color: #4B90CC; font-size: 10px; padding-right: 60px; padding-left: 30px;
    display: block; text-decoration: none; line-height: 12px; text-align: center;}
#colGauche em {font-size: 10px; font-style: normal; display: block; color: #000; }
#btnAssoc:hover {text-decoration: none !important;}

#pageAccueil #colDroite {
    width: 795px; padding: 0;
    background: transparent url(../../images/bgColDroite.gif) repeat-y;}

/****** colonnes en page d'accueil */

.zoneTexte {margin-bottom: 15px;}
.zoneTexte p {margin-bottom: 10px;}
.zoneTexte ul {margin: 0 25px 10px 25px; list-style: none;}
.zoneTexte ul li {
width: 100%;
display: block;
float: left;
background: transparent url(../../images/flecheMini.gif) no-repeat 0 2px;
padding-left: 25px; margin-bottom: 5px;}


#colA,
#colB,
#colC {float: left;}

#colA {width: 321px; padding: 0 15px 0 10px;}
#colB {width: 229px; padding: 0 15px 0 15px;}
#colC {width: 190px; padding-top: 0;}

#colDroite h1 {background: transparent url(../../images/flecheUne.gif) no-repeat;
    color: #4B90CC;
    padding-left: 50px; font-size: 22px;
    padding: 12px 0 15px 50px;}
#colDroite h2 {
    font-size: 16px; margin-bottom: 10px;
    line-height: 17px;}
/*#colDroite h3 {background-color: #4B90CC; color: #fff; padding: 2px 4px; font-size: 14px;}*/
#colDroite p {margin-bottom: 10px;}

#colDroite ul.liste {
    list-style: none;
    margin-left: 30px;
    margin-bottom: 15px;}
#colDroite ul.liste li {
    padding-left: 25px; margin-bottom: 5px;
    background: transparent url(../../images/flecheMini.gif) no-repeat 0 2px;}

#colA h1 {
    font-size: 22px;
    padding: 15px 0 0 0;}
#colA h1 span {padding-left: 50px;}
#colA h3 {font-size: 18px; font-weight: normal; margin-bottom: 10px;}
.date {font-size: 14px; text-align: right; padding-bottom: 15px; color :#EF3B41;}

/*#colA .zoneTexte {color: #4B90CC;}*/
   
#colB h2 {
    width: 176px; height: 26px; padding: 13px 0 0 53px;
    color: #4B90CC; font-size: 14px; margin-bottom: 10px;
    background: transparent url(../../images/titreCategActus.gif) no-repeat;} 
#colB .actu {
    margin: 0 10px 10px 10px; padding: 0 0 13px 0; 
    background: transparent url(../../images/filetActu.gif) repeat-x left bottom;}
#colB .actu h4 {font-size: 12px; line-height: 15px;}
#colB .actu a {color: #000; text-decoration: none;}
#colB .actu img {border: 0; margin: 5px;}

#edito {color: #000 !important; }

.btnTV {
margin: 0 0 30px 20px;
display: block;
width: 143px;
height: 80px;
background: transparent url(../../images/bouton_Web_TV.gif) no-repeat;}

.btnTV span {
display: none;}

/*************************************** colonne gauche */

#navReseau {
    width: 180px; height: 243px;
    background: transparent url(../../images/bgNavReseau.gif) no-repeat;
    list-style: none; margin-top: 19px;}
#navReseau li a {display: block; width: 180px;}
#navReseau li a span {display: none;}

#navReseau li#btnNavResA a {
width: 180px;
height: 184px; 
background: transparent url(../../images/btnNavReseauA.gif) no-repeat right bottom;}

#navReseau li#btnNavResB a {
width: 180px;
height: 59px; background: transparent url(../../images/btnNavReseauB.gif) no-repeat right bottom;}

/*************************************** colonne droite */

/******** bloc lauréat du jour */

#blocLaureatJour {width: 190px; background: transparent url(../../images/bgBlocLaureatJour.gif) no-repeat 0 40px; margin-bottom: 30px;}
#blocLaureatJour h4 {width: 190px; height: 40px; background: transparent url(../../images/titreBlocLaureatJour.gif) no-repeat;}
#blocLaureatJour h4 span {display: none;}
#blocLaureatJour #contentLaureatJour {
    background: transparent url(../../images/piedBlocLaureatJour.gif) no-repeat left bottom;
    padding: 25px 0 5px 0; text-align: center; }
#blocLaureatJour #contentLaureatJour img {
    border: 0; position: relative; top: -12px; left: 5px;
    width: 95px; display: block; margin: 0 auto;}
#blocLaureatJour #contentLaureatJour a {color: #000; text-decoration: none;}
#blocLaureatJour #contentLaureatJour h5 {font-size: 12px; position: relative; top: -6px; left: 5px;}
#blocLaureatJour #contentLaureatJour p {font-size: 11px; position: relative; top: -7px; left: 5px; margin: 0 20px;}
    
/******** bloc portrait */

#blocPortrait {width: 190px; background: transparent url(../../images/bgBlocPortrait.gif) no-repeat 0 40px;}
#blocPortrait h4 {width: 190px; height: 40px; background: transparent url(../../images/titreBlocLaureatJour.gif) no-repeat;}
#blocPortrait h4 span {display: none;}

#blocPortrait #contentPortrait {
width: 190px;
background: transparent url(../../images/piedBlocPortrait.gif) no-repeat left bottom;
padding: 36px 0 5px 0; 
text-align: center;}

.portrait {
    display: block; 
    margin: 0 20px 0 20px; 
    border-bottom: 2px #4B90CC dotted; 
    position: relative; 
    top: -12px; 
    left: 5px; 
    text-decoration: none; 
    color: #000;}

#blocPortrait #contentPortrait h5 {
position: relative; top: -6px; left: 0;
margin: 0 20px 0 20px;
width: 150px;
font-size: 12px; }

#blocPortrait #contentPortrait p {
font-size: 11px;}


.portrait img {
position: relative; 
top: -6px; left: 0;
border: 0;}

/******************************************* footer */

#footer {
    width: 810px; height: 56px; color: #000; font-size: 10px; padding: 30px 180px 0 0;
    background: transparent url(../../images/bgFooter.gif) no-repeat;
    text-align: right; }
#footer a {color: #000;}

/*************************************** associations */


#pageSelectRegion #contactCreateur {
margin: 10px 0 20px 20px;
float: left;
background: transparent url(../../images/btnCreateur.gif) no-repeat;}

#pageSelectRegion #contactChef {
margin: 10px 0 20px 20px;
float: left;
background: transparent url(../../images/btnEntreprise.gif) no-repeat;}

#pageSelectRegion #contactCreateur a {
display: block;
width: 302px;
height: 60px;}

#pageSelectRegion #contactChef a {
display: block;
width: 302px;
height: 60px;}


#contactCreateur span,
#contactChef span {
display: none;}


#pageSelectRegion #colDroite img {
    float: left; margin: 20px 20px 0 0;
    border: 0;}

#regions {
    width: 223px;
    float: left; margin-top: 50px;}
#regions h2 {color: #4B90CC; font-size: 18px; margin-bottom: 10px;}
#regions h3 {
    padding-left: 30px; font-size: 12px;
    background: transparent url(../../images/fleche.gif) no-repeat;}
#regions ul.listeServices {margin-left: 30px;}

ul.listeServices {list-style: none; margin-bottom: 15px;}
ul.listeServices li {font-size: 11px; padding-left: 20px; margin-bottom: 3px;}
ul.listeServices li a {text-decoration: none;}
ul.listeServices li.pictoTel {background: transparent url(../../images/pictoTel.gif) no-repeat;}
ul.listeServices li.pictoFax {background: transparent url(../../images/pictoFax.gif) no-repeat;}
ul.listeServices li.pictoMail {background: transparent url(../../images/pictoMail.gif) no-repeat;}
ul.listeServices li.pictoUrl {background: transparent url(../../images/pictoUrl.gif) no-repeat 0 4px;}
ul.listeServices li.pictoUrl a {color: #4B90CC;}

#regions p {font-size: 11px; padding-left: 30px; margin-bottom: 10px;}

#blocChiffres,
#pageFicheAsso .zoneTexte {
font-size: 12px;
font-weight: normal;
width: 490px; margin-bottom: 15px;}

#blocChiffres h3 {
    width: 450px; height: 31px; line-height: 34px; color: #4B90CC;
    background: transparent url(../../images/bgSousTitre.gif) no-repeat;
    padding-left: 55px;}

#blocPilotage {
width: 200px;
float: right;}
#blocPilotage h3 {
    background: transparent url(../../images/titreBloc.gif) no-repeat;
    width: 145px; height: 40px; line-height: 40px; margin-bottom: 10px;
    color: #4B90CC; padding-left: 55px; font-size: 18px;}

#blocPilotage h4 {margin-bottom: 10px; font-size: 12px;}
#blocPilotage h5 {font-size: 10px; text-transform: uppercase; font-weight: normal; letter-spacing: 1px;}

#blocPilotage .btnVoir {padding-left: 30px; font-size: 12px;
    background: transparent url(../../images/fleche.gif) no-repeat;
    text-decoration: none; color: #4B90CC; display: block; height: 17px;}

.adresse {margin-bottom: 10px;}

/****************** fiche asso */

.btnRetour {
    display: block; float: right; padding-left: 30px;
    background: transparent url(../../images/btnRetour.gif) no-repeat;
    color: #4B90CC; font-weight: bold; text-decoration: none; height: 16px;}

#logoAsso {float: right;}

/*************************************** réseau */

#sousNavReseau {
display: block;
float: left;
list-style: none;}

#sousNavReseau li {
    padding: 0 10px 0 25px;
    background: transparent url(../../images/flecheMini.gif) no-repeat 0 2px;}
#sousNavReseau li a {text-decoration: none;}

.pageCorporate #colDroite {margin-top: 10px;}

.pageCorporate #colDroite h1 {
display: block;
margin-top: 70px;}

.pageCorporate #colDroite h1.qui {
display: block;
margin-top: 10px !important;}

.pageCorporate #colDroite ul {list-style: none;}

.pageCorporate #colDroite ul li {float: left;
margin: 5px 0 0 0;}

#webTVH1 {
display: block;
margin-top: 0px !important;
}

/*************************************** actualités */

#thematiques {
    float: left;
    width: 170px; 
    margin-right: 15px;
    padding-right: 20px;}
#thematiques h3 {margin-bottom: 15px;}
#thematiques ul {list-style: none;}
#thematiques ul li a {
    background: transparent url(../../images/fleche.gif) no-repeat;
    padding-left: 30px; padding-bottom: 10px;
    display: block; text-decoration: none; color: #000;}

#contentActus {
background: transparent url(../../images/bgActus.gif) repeat-y;}

#listeActus {
display: block;
width: 500px; float: left;}

#listeActus h2 {
    width: 435px; height: 31px; line-height: 34px; color: #4B90CC;
    background: transparent url(../../images/bgSousTitre.gif) no-repeat;
    padding-left: 55px;}

.actu {background: transparent url(../../images/filetActu.gif) repeat-x left bottom; margin-bottom: 10px;}
#listeActus .date {font-size: 11px; margin-bottom: 0 !important; padding-bottom: 0;}
.actu h4 {font-size: 14px;}
.actu a {text-decoration: none; color: #000;}
#listeActus img {float: left; margin-right: 10px; border: 0;}

/***************************************** laureats */

#btnDepotCandidature {
    display: block;
    width: 331px; height: 29px;
    background: transparent url(../../images/btnDepotCandidature.gif) no-repeat;}
#btnDepotCandidature span {display: none;}

#pageRechercheLaureat #colDroite .lineForm {padding-left: 150px;}
#pageRechercheLaureat #colDroite select {width: 300px;}
#pageRechercheLaureat #colDroite option {padding-left: 5px;}

.pagination {position: relative; text-align: center; margin-bottom: 10px;}
.pagination a,
.pagination span {display: block; height: 20px; line-height: 20px; text-decoration: none; font-size: 11px; font-weight: bold;}
.pagination a.btnPrecedent {
    position: absolute; left: 0; top: 0; padding-left: 25px; 
    background: transparent url(../../images/flechePrecedent.gif) no-repeat left;}
.pagination a.btnSuivant {
    position: absolute; right: 0; top: 0; padding-right: 25px;
    background: transparent url(../../images/flecheSuivant.gif) no-repeat right;}

dl {margin: 30px 0;}
dl dt {
    float: left; width: 200px;
    text-align: right; font-weight: bold;
    padding-right: 2px;}
dl dd {margin-bottom: 5px;}

#photoLaureat {float: right;}

#pageResultats dl {margin: 0;}
#pageResultats dt {width: 150px;}
#pageResultats dd {width: 200px; float: left;}

.blocLaureat {
    width: 50%; float: left;
    border-top: 1px #4B90CC solid;
    padding: 10px 0;}

/***************************************** infos pratiques */

.btnSuite {
    display: block; float: right; padding-left: 30px;
    background: transparent url(../../images/fleche.gif) no-repeat;
    color: #4B90CC; font-weight: bold; text-decoration: none; height: 16px;}

/************************************** contacts */

input, select, textarea {font-size: 11px; font-family: "Arial", Verdana, sans-serif;}

#btnCandidature ,
#btnDevenirMembre,
#btnContactReseau {display: block; margin: 15px 0 0 50px;}

#btnCandidature span,
#btnDevenirMembre span,
#btnContactReseau span {display: none;}

#btnCandidature {width: 226px; height: 29px; background: transparent url(../../images/btnCandidature.gif) no-repeat;}
#btnDevenirMembre {width: 286px; height: 29px; background: transparent url(../../images/btnDevenirMembre.gif) no-repeat;}
#btnContactReseau {width: 286px; height: 29px; background: transparent url(../../images/btnContactReseau.gif) no-repeat; margin-bottom: 50px;}

#pageContactAccueil #colDroite h2,
#pageContactAccueil #colDroite p {margin-left: 50px;}

legend {font-size: 14px; padding: 0 15px; font-weight: bold; background-color: #fff; color: #4B90CC;}
fieldset {border: 1px #4B90CC dotted; padding: 10px; margin-bottom: 10px; font-size: 11px;}
fieldset label {display: block; float: left; text-align: right; width: 280px; padding-right: 5px;}
fieldset .labelInline {display: inline; float: none; text-align: left; width: auto;}
fieldset .lineForm {margin-bottom: 5px;}

.marge {padding-left: 100px;}
.nb {font-size: 10px;}
.lineSubmit {text-align: center;}
.btnForm {
    border: 0; background-color: #4B90CC; padding: 1px 5px;
    color: #fff; text-align: center; font-weight: bold;}

#blocSearchMail .btnForm {margin-left: 5px;}

#blocProjet .labelGrd {width: 320px;}

#btnPourquoiAdherer {
    display: block; margin-bottom: 10px;
    width: 146px; height: 29px; float: right;
    background: transparent url(../../images/btnPourquoiAdherer.gif) no-repeat;}
#btnPourquoiAdherer span {display: none;}

/************************************** newsletter */

.pageNewsletter .liste {margin-top: 30px;}
.pageNewsletter .liste span {display: block; font-size: 10px; color: #EF3B41; font-weight: normal; }
.pageNewsletter .liste a {text-decoration: none; font-weight: bold; color: #4B90CC;}

#blocEnCours {border: 1px #ffd600 solid; padding: 10px 10px 0 10px; margin-bottom: 15px; text-align: left;}
#blocEnCours img {float: left; margin-right: 15px;}
#blocEnCours .date {font-size: 11px; font-weight: bold;}
#blocEnCours h2 {margin-top: 5px; line-height: 22px;}
#blocEnCours h2 a {text-decoration: none; color: #000; font-size: 18px;}
#blocEnCours h2 a span {background-color: #4b90cc; padding: 0 4px; color: #fff;}

#listeArchives {list-style: none;}
#listeArchives li {background: transparent url(../../images/filetActu.gif) repeat-x left bottom; height: 30px; margin-bottom: 10px;}
#listeArchives li span.date {font-size: 11px; font-weight: bold; float: right;}
#listeArchives li a {
   background: transparent url(../../images/flecheMini.gif) no-repeat 0 2px;
   text-decoration: none; font-size: 14px; color: #000; font-weight: bold;}
#listeArchives li a span {background-color: #4b90cc; padding: 0 4px; color: #fff;}
#listeArchives li a:hover,
#blocEnCours h2 a:hover {text-decoration: none !important;}

/************************************** plan du site */

#plandusite #colDroite ul,
#plandusite #colDroite ul ul {list-style: none; margin-left: 50px;}

#plandusite #colDroite ul li {
    background: transparent url(../../images/flecheMini.gif) no-repeat 0 2px; 
    padding-left: 25px; margin-bottom: 5px;} 
#plandusite #colDroite ul li a {color: #000;}

#plandusite #colDroite ul ul {margin-left: 30px; margin-top: 5px;}

.erreur {display: block; color: #EF3B41; font-weight: bold; text-align: center;}


/************************************** Sous navigation Qui sommes_nous ? */

.pageCorporate #sousNavCorpo {
padding: 5px 0 0 0;
display: block;
width: 690px;
float: left;
background: transparent url(../../images/bkgSousNavQui.gif) no-repeat;
}

.pageCorporate #piedSousNavCorpo {
display: block;
width: 690px;
float: left;
height: 12px;
background: transparent url(../../images/footerSousNavQui.gif) no-repeat;
}

.pageCorporate #colA {
display: block;
width: 310px;
float: left;}

.pageCorporate #colB {
display: block;
width: 310px;
float: left;}

.sousNavQui
{list-style: none;}

.sousNavQui li {
width: 310px;
margin-bottom: 5px;} 

.sousNavQui li a {
padding-left: 25px; 
background: transparent url(../../images/flecheMini.gif) no-repeat 0 2px; 
display: block;
color: #000;}

/************************************** Page Web TV*/

#webTV #allContent {
background: transparent url(../../images/bgAllContentTV.gif) no-repeat; 
width: 990px; 
position: relative;}

#enTeteTV {
position: relative;
height: 210px;}

#visuelhautTV {
position: absolute; 
left: 310px; 
top: 0;
z-index: 80;
width: 681px;
height: 179px;
display: block;
background: transparent url(../../images/visuelHautTV.jpg) no-repeat;}

#enTeteTV #menuTV {
padding: 10px 0 0 0;
width: 197px; 
list-style: none;}

#enTeteTV #menuTV #pictoTV {
display: block;
margin: 0 0 0 28px;
width: 143px; 
height: 80px;
background: transparent url(../../images/bouton_Web_TV_gauche.gif) no-repeat;
list-style: none;}

#enTeteTV #menuTV #pictoTV span {
display: none;}

#webTV #colGauche {
padding: 5px !important;
display: block;
float: left;
width: 230px;}

#webTV #colGauche #navTV {
padding: 10px 0 10px 0;
display: block;
width: 210px;
background: url(../../images/bkgNavTV.gif) no-repeat;
list-style: none;}

#webTV #colGauche #navTV li {
display: block;


margin: 0 10px 5px 10px;
width: 180px;
float: left;
}

#webTV #colGauche #navTV li a {background: #4B90CC;padding: 3px;
display: block;
font-weight: bold;
width: 180px;
color: #fff;
text-decoration: none;
}

#webTV #colGauche #navTV li a:hover {
background: #ffd41c;
color: #000;
text-decoration: none;
}


#webTV #colGauche #footerNav {
height: 12px;
width: 210px;
background: transparent url(../../images/footerNavTV.gif) no-repeat !important;
display: block;
float: left;}

#webTV #colDroite {
padding: 0;
width: 700px;
display: block;
float: left;}

#flashPhotos {width: 7620px; height: 400px; display: block;}



/************************************** Andre Mulliez */

#visuelAndre a {
position: absolute;
top: 0;
right: 0;
display: block;
width: 681px;
height: 179px;}

#visuelAndre a img{
border: 0;}

#condoleances label {width: 80px;}
#condoleances textarea {width: 550px; height: 80px;}

.message {
width: 700px;

display: block;
border-bottom: 1px red solid;
padding: 0 0 0 0;
margin: 10px 0 10px 0;}