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

*{
    margin:0 auto;
}

body{
    font-family:Helvetica;
    font-size:12px;
    color:#FFFFFF;
}

img{
    border:none;
}

#page{
    width:980px;
}

#header{

}

#header a{
    border:none;
    text-decoration:none;
}

.banner{
    height:240px;
    background-image:url(../img/common/bg-header.png);
    background-repeat:no-repeat;
}

.logo{
    padding-left:10px;
    width:530px;
}

.lien{
    color:#FFFFFF;
}

.lienMarco{
    height:192px;
    margin-left:510px;
    width:300px;
    cursor:pointer;
}

.nav{
    margin-top:15px;
    background-image:url(../img/common/bg-nav.png);
    background-repeat:no-repeat;
    height:33px;
    color:#FFFFFF;
    font-size:15px;
    font-weight:bold;
}

.subNav a{
    color:#FFFFFF;
    text-decoration:none;
}

.subNav{
    float:left;
    padding:10px 10px 7px 15px;
    border-right:solid 1px #FFF;
    cursor:pointer;
}

.isNav{
    color:#0F6524;
    background-color:#FFFFFF;
    float:left;
    padding:10px 10px 7px 15px;
    border-right:solid 1px #FFF;
}

.isNav a{
    color:#0F6524;
    text-decoration:none;
}

.info{
    padding:20px 0px 0px 50px;
    color:#0c6625;
    font-weight:bold;
}

.infoV{
    padding:20px 0px 0px 50px;
    color:#0c6625;
    font-weight:bold;
}

.content{

}

.accueil{
    background-image:url(../img/content/bg-inscription-fin.png);
    background-repeat:no-repeat;
    margin-top:15px;
    padding:10px 0 0 0;
    height:218px;
}

.inscription{

}

.chemin{
    padding:10px 0px 0 5px;
    background-image:url(../img/common/navigation.jpg);
    background-repeat:no-repeat;
    height:28px;
    color:#FCD71F;
}

.chemin a{
    color:#FFFFFF;
    text-decoration:none;
}

.deco{
    float: right;
    margin-right:50px;
    color:#990000;
}

.left{
    width:285px;
}

.right{
    width:300px;
    text-align:center;
    color:#FFFFFF;
}

.right img{
    padding-bottom:5px;
}

.blogg{
    width:250px;
    margin-top:-0px;
    margin-bottom:30px;
    text-align:center;
}


.mentionM{
    margin-top:-20px;
    background-image:url(../img/content/bg-footer.png);
    width:980px;
    height:33px;
    margin-left:2px;
}

.mention{
    margin-top:0px;
    background-image:url(../img/content/bg-footer.png);
    width:980px;
    height:33px;
    margin-left:2px;
}

.texteMention{
    margin-left:780px;
    margin-top:15px;
}

.texteMention a{
    color:#FFFFFF;
    text-decoration:none;
}

.titreFooter{
    background:#0c6625;
    font-size:11px;
    font-weight:bold;
    padding-left:10px;
    padding-top:3px;
    padding-bottom:3px;
    width:974px;
    margin-top:-11px;
}

.mangerBouger{
    width:971px;
    text-align:center;
    padding-top: 3px;
}

.font20{
    font-size:20px;
}
.font18{
    font-size:18px;
}
.font16{
    font-size:16px;
}
.font15{
    font-size:15px;
}
.font14{
    font-size:14px;
}
.font13{
    font-size:13px;
}
.font12{
    font-size:12px;
}
.font11{
    font-size:11px;
}
.font10{
    font-size:10px;
}

.red{
    color:#990000;
}

.green{
    color:#0c6625;
}
.floatL{
    float:left;
}

.onglet{
    height:31px;

    background-repeat:no-repeat;
}

.texteOnglet{
    padding:10px 0 10px 0;
    text-align:center;
}

.texteOnglet a{
    color:#FFFFFF;
    text-decoration:none;
    cursor:pointer;
}

#recet{
    width:330px;
}

#gain{
    width:210px;
    margin-left:-35px;
}

#meilleur{
    width:280px;
    margin-left:-45px;
    color:#0F6524;
}

#ami{
    width:260px;
    margin-left:-45px;
}

.marginLess{
    margin-left:-110px;
}

.margL50{
    margin-left:50px;
}
.bandeau{
    height:80px;
    width:980px;
    background-repeat:no-repeat;
    margin-top:-1px;
}

.bandeauMaPage{
    width:980px;
    background-repeat:no-repeat;
    margin-top:-1px;
}

.bandeauRecette{
    width:980px;
    background-repeat:no-repeat;
    margin-top:-1px;
    height:140px;

}
.formulaire{
    margin-top:90px;
    color:#0C6625;
    padding-left:30px;
}

.texte{
    margin-top:90px;
    padding-left:30px;
}

.gauche{
    width:345px;
}

.gaucheFiche{
    width:200px;
}

.gaucheForm{
    width:420px;
}

.gaucheGamme{
    width:560px;
}

.gaucheRecette{
    width:320px;
}
.milieuGamme{
    width:420px;
}

.milieu{
    width:400px;
}

.milieuFiche{
    width:500px;
}

.milieuWhite{
    width:550px;
}

.droite{
    padding-top:50px;
    width:200px;
    text-align:center;
}

.droiteFiche{
    padding-bottom:10px;
    width:182px;
    text-align:center;
}

.label{
    width:150px;
    text-align:right;
    padding-top:3px;
}

.labelM{
    width:220px;
    text-align:right;
    padding-top:3px;
}

.inputF{
    margin:0 10px 3px 3px;
    width:170px;
    text-align:center;
}

.inputFT{
    margin:0 10px 3px 3px;
    width:170px;
    text-align:center;
}


.inputM{
    margin:0 3px 3px 3px;
    width:170px;
}

.textInfo{
    padding:15px 0 0 70px;
}

.textInfoRecette{
    padding:15px 0 0 30px;
}

#bandeau1{
    background-image:url(../img/content/bandeau-inscription-vert.jpg);
}

#bandeauFiche1{
    /*background:url(../img/content/fond-vert.jpg);*/
    background-color:#72AB20;
}

#bandeauFiche2{
    background:url(../img/content/fond-rouge.jpg);
}

#bandeauCom{
    background:#0C6625;
    margin-bottom:33px;
}

#bandeau2{
    background-image:url(../img/content/bandeau-inscription-rouge.jpg);
}

#bandeau3{
    background-image:url(../img/content/bandeau-inscription-vert-fonce.jpg);
}

#bandeau4{
    background-image:url(../img/content/bandeau-inscription-jaune.jpg);
}

.border{
    border:1px #000 solid;
}

.vert{
    background-image:url(../img/content/ongletvert.png);
}

.vertFiche{
    background-image:url(../img/content/onglet-mapagevert.png);
}

.recherche{
    background-image:url(../img/content/resultat-recherche.png);
}

.rouge{
    background-image:url(../img/content/ongletrouge.png);
}

.rougeFiche{
    background-image:url(../img/content/onglet-mapagerouge.png);
}


.fonce{
    background-image:url(../img/content/ongletfonce.png);
}

.jaune{
    background-image:url(../img/content/ongletjaune.png);
}

.rougeRecette{
    background-image:url(../img/content/onglet-recette.png);
}

.rougeRecetteCom{
    background-image:url(../img/content/onglet-recette2.png);
}

.vertprofil{
    background-image:url(../img/content/onglet-profil.png);
}

.commentaire{
    background-image:url(../img/content/onglet-commentaire.png);
}

.ast{
    color:#666666;
    width:980px;
    padding-bottom:5px;
}

.button{
    cursor:pointer;
}

.titreRecette{
    width:980px;
    color:#0c6625;
    font-size:14px;
    padding	:10px 0px 20px 50px;
}

.titreForm{
    color:#0c6625;
    font-size:14px;
    font-weight:bold;
}
input[type=text]{
    width:165px;
}

input[type=password]{
    width:165px;
}


/* Autocompletion */
.update{
    position:absolute;
    width:250px;
    background-color:white;
    border:1px solid #888;
    margin:0px;
    padding:0px;
}

ul.contacts  {
    list-style-type: none;
    margin:0px;
    padding:0px;
    text-align: left;
}
ul.contacts li.selected { background-color: #ffb; cursor: pointer; }
li.contact {
    list-style-type: none;
    display:block;
    margin:0;
    padding:2px;
    height:32px;
}
li.contact div.image {
    float:left;
    width:32px;
    height:32px;
    margin-right:8px;
}
li.contact div.nom {
    font-size:12px;
    line-height:1.2em;
}

dl{
    width:350px;
}

dt{
    width:70px;
    float:left;
    height:26px;
    color:#0c6625;
    text-align:right;
}

dd{
    width:180px;
    height:26px;

    text-align:right;

}

dl.ident{
    width:440px;
}

dt.ident{
    width:100px;
    float:left;
    height:26px;
    color:#0c6625;
    text-align:right;
}

dd.ident{
    width:210px;
    height:26px;

    text-align:left;

}

dl.fiche{
    width:440px;
}

dl.ficheInscription{
	width:460px;
}

dt.fiche{
    padding-right:10px;
    width:120px;
    float:left;
    height:26px;
    text-align:right;
}

dt.ficheInscription{
	padding-right:10px;
    width:120px;
    float:left;
    height:26px;
    text-align:right;
}

dt.fiche2{
    padding-right:10px;
    width:120px;
    float:left;
    height:66px;
    text-align:right;
}

dt.fiche3{
    padding-right:10px;
    width:180px;
    float:left;
    height:26px;
    text-align:right;
}

dd.fiche{
    width:210px;
    height:26px;
    text-align:left;
    float:left;
}

dd.ficheInscription{
    width:300px;
    height:26px;
    text-align:left;
    float:left;
}

dt.text{
    width:120px;
    float:left;
    height:26px;
    text-align:right;
}

dt.img{
    width:170px;
    float:left;
    height:26px;
    text-align:right;
}
dd.text{
    width:160px;
    height:50px;
    text-align:right;

}

dd.text2{
    width:160px;
    height:60px;
    text-align:right;

}
dd.textImg{
    width:440px;
    height:50px;
    text-align:right;

}
dd.img{
    width:170px;
    float:left;
    height:26px;
    text-align:right;
}

.messageArea{
    width:300px;
}

.labelI{
    width:110px;
    text-align:right;
}


.addContact{
    color:#0c6625;
    text-decoration:none;
    cursor:pointer;
}

.messageContact{
    margin-top:30px;
    padding-left:40px;
}

.diffusion{
    width:160px;
    float:right;
    margin-top:-30px;
    text-align:center;
    margin-right:30px;
}

.acces{
    margin-bottom:50px;
    text-align:center;
}

.ficheBas{
    margin-top:10px;
}

.leftLink{
    width:400px;
    height:33px;
}

.rightLink{
    width:580px;
    text-align:right;
}

.center{
    text-align:center;
}

.recetteGauche{
    width:200px;
    margin-right:10px;
}

.recetteMilieu{
    width:300px;
    margin-right:10px;
}

.recetteAjout{
    width:300px;
    margin-right:10px;
}

.recetteMilieuCom{
    width:550px;
    margin-right:10px;
}

.recetteDroite{
    letter-spacing:1px;
    width:220px;
    padding-bottom:10px;
}

.recetteDroiteCom{
    letter-spacing:1px;
    width:350px;
    height:200px;
}

.recetteVisu{
    padding-left:10px;
}

.vote{
    width:216;
    background:url(../img/content/bg-votes.png);
    background-repeat:no-repeat;
    padding:10px;
    height:105px;
    margin-top:10px;
    font-weight:bold;
    letter-spacing:1px;
}

.voteVert{
    width:216;
    height:105px;
    background-image:url(../img/content/bg-votes-vert.png);
    padding:10px;
    margin-top:10px;
    font-weight:bold;
    letter-spacing:1px;
}

.titreVote{
    color:#fcd720;
}

.titreVote a{
    color:#fcd720;
    text-decoration:none;
}

.lienBandeau{
    cursor:pointer;
    width:200px;
    height:30px;
    float:left;
    color:#990000;
    font-weight:bold;
}

.titreBandeau{
    cursor:pointer;
    width:300px;

    float:left;
    color:#990000;
    font-weight:bold;
}

.pink{
    color:#d5001b;
}

.pink a{
    color:#d5001b;
    text-decoration:none;
}

.separation{
    background-image:url(../img/content/barre-gamme.png);
    background-repeat:no-repeat;
    width:900px;
    height:20px;
}

.padR10{
    padding-right:10px;
}

.marcoMini{
    /*margin:-30px 0 0 50px;*/
}

.bold{
    font-weight:bold;
}

.cursor{
    cursor:pointer;
}

.nomRecette{
    background-color:#D60000;
    padding:5px;
    margin-bottom:10px;
    cursor:pointer;
    width:170px;
}

.nomRecette a{
    color:#FFFFFF;
    text-decoration:none;
}

.ajoutRecette{
    cursor:pointer;
    background-color:#710b00;
    padding:5px;
    width:130px;
    text-align:center;
}

.ajoutRecette a{
    color:#FFFFFF;
}

.upper{
    text-transform:uppercase;
}

.degustation{
    text-transform:uppercase;
    margin:5px;
}

.infoVisuel{
    background-color:#0C6625;
    width:980px;
    padding:2px;
}

.photoRecette{
    margin-bottom:10px;
    width:140px;
}

.photoGamme{
    margin-bottom:10px;
    width:140px;
}

.untop{
    margin-left:-40px;
}

.fondClair{
    background:#77b926;
    padding-left:10px;
    padding-top:2px;
}

.fondClair a{
    color:#FFFFFF;
    text-decoration:none;
}

.meilleur{
    padding-bottom:20px;
    margin-top:20px;
    margin-bottom:20px;
    float:right;
}

.slidePhoto{

}

.bottomRecette{
    background-image:url(../img/content/barre-bottom-recette.png);
    width:980px;
    height:33px;
    margin-top:75px;
}

.topRecette{
    background-image:url(../img/content/barre-top-recette.png);
    width:980px;
    height:33px;
    margin-top:-1px;
    text-align:right;
}

.noteGauche{
    width:320px;
    padding-left:50px;
}

.noteGauche a{
    color:#FFFFFF;
    text-decoration:none;
}

.noteMilieu{
    width:320px;
}

.noteMilieu a{
    color:#FFFFFF;
    text-decoration:none;
}

.noteDroite{
    width:280px;
    text-align:right;
    padding-top:10px;
}

.gold{
    color:#cc9900;
}


.annonceRecette{
    text-transform:uppercase;
    width:980px;
    color:#609E20;
    font-size:14px;
    padding	:10px 0px 10px 50px;
}

.rouille{
    color:#990000;
}

.maRecette{
    width:380px;
    float:left;
    color:#FFFFFF;
    font-weight:bold;
    text-align:center;
    padding-top:10px;;
}

.maRecette a{
    color:#FFFFFF;
    text-decoration:none;
}

.autreRecette{
    width:100px;
    float:left;
    color:#FFFFFF;
    font-weight:bold;
    padding-top:10px;
    text-align:center;
    padding-left:3px;
}

.autreRecette a{
    color:#FFFFFF;
    text-decoration:none;
}
.center{
    text-align:center;
}

.deco a{
    color:#990000;
    text-decoration:none;
    text-transform:uppercase;
}

.comment{
    border-bottom:1px #FFFFFF solid;
    margin-bottom:10px;
}

.ajoutVisu{
    margin-top:20px;
}

.lignePhoto{
    width:137px;
    height:109px;
    vertical-align:middle;
    text-align:center;
    border:1px solid #77B926;
}

#slidesContainer{
    padding:10px;
    text-align:center;
    height:200px;
    width:700px;
    margin-left:0px;
}

.slide{
    text-align:left;
    margin-top:-10px;
}

.inside{
    width:500px;
    margin-top:-10px;
}

.inscrivez{
    margin-left:230px;
}

dl{
    width:500px;
    float:left;
}

dt{
    width:40px;
    margin-right:10px;
    height:45px;
}

dd{
    float:none;
    text-align:left;
    width:440px;
    height:45px;
}

#test{
    display:none;
}

#s3slider {
    width: 400px; /* important to be same as image width */
    height: 300px; /* important to be same as image height */
    position: relative; /* important */
    overflow: hidden; /* important */
}

#s3sliderContent {
    width: 400px; /* important to be same as image width or wider */
    position: absolute; /* important */
    top: 0; /* important */
    margin-left: 0; /* important */
}

.s3sliderImage {
    float: left; /* important */
    position: relative; /* important */
    display: none; /* important */
}

.s3sliderImage span {
    position: absolute; /* important */
    left: 0;
    font: 10px/15px Arial, Helvetica, sans-serif;
    padding: 10px 13px;
    width: 374px;
    background-color: #000;
    filter: alpha(opacity=70); /* here you can set the opacity of box with text */
    -moz-opacity: 0.7; /* here you can set the opacity of box with text */
    -khtml-opacity: 0.7; /* here you can set the opacity of box with text */
    opacity: 0.7; /* here you can set the opacity of box with text */
    color: #fff;
    display: none; /* important */
    top: 0;

    /*
        if you put
        top: 0; -> the box with text will be shown at the top of the image
        if you put
        bottom: 0; -> the box with text will be shown at the bottom of the image
    */
}

.clear {
    clear: both;
} 

.inscrivez-vous{
    width:200px;
    height:60px;
    margin-top:-35px;
    margin-left:-225px;
    cursor:pointer;
    z-index:999;
    float:left;

}

.ieMarg{
    margin-top:-5px;
}

.diaporama{
    width:137px; /* Largeur d'une photo */
    height:120px /* Hauteur d'une photo */
}


.diaporama li{
    list-style-type:none;
    overflow:hidden;
    position:absolute /* Les images seront positionnées toutes au même endroit */
}

.diaporama_controls{
    width:512px;
    margin:3px 0;
    clear:both;
    overflow:hidden;

}



.diaporama_controls .btns{
    float:right;
}

.diaporama_controls a{
    font-weight:normal;
    width:10px;
    height:13px;
    text-indent:-9999px;
    display:inline-block;
    margin:0 3px;
}

.footer{
    background-color:#77B926;
    width:700px;
    max-height:120px;
    margin-top: -35px;
}

#participation{
    padding-top:5px;
    float: left;
    width:180px;
}

#animation{
    float:left;
    margin-top:5px;
    width:510px;
    text-align:center;
    height:120px;
}

#part_face_book{
    float:left;
    margin-left: 80px;
    color:#000000;
    text-align: center;
    text-transform: uppercase;
    margin-top: -35px;
}

.gifHome{
    margin-top: -9px;
}