﻿
ul, li
{
    margin:0px;
    padding:0px;
    list-style-type:none;
}
.fckbody ul, div.contenu ul
{
    padding:15px;
}
.fckbody li, div.contenu li
{
    position:relative;  
    padding-left:15px;
    list-style-type:none;

    background:url(../Images/puce.gif) no-repeat left top;
}

p, td, div, .fckbody li, div.contenu li, caption
{
    
    font-family: Arial;
    font-size: 12px;
    color: #000000;
}
div.contenu a
{
    
    font-family: Arial;
    font-size: 11px;
    text-decoration:underline;
}
div.contenu a:hover
{
    font-family: Arial;
    font-size: 11px;
    text-decoration:none;
}

a
{
   color:#6D595E;
}
a:hover
{
    color:#627377;
}


p
{
    margin:0px;
    padding:0px;
}

h1, h1 p
{
    position:relative;
    
    width:436px;
    height:24px;
    line-height:24px;
    vertical-align:middle;
    display:block;
    
    margin:0px;
    padding:0px;
    margin-left:-15px;
    padding-left:213px;
    padding-bottom:27px;

    font-family: verdana;
    font-size: 18px;
    font-weight:normal;
    color:#776469;

    background:url(../Images/backgroundH1.gif) no-repeat left top;

}
h1 a
{
    font-family: Arial;
    font-size: 18px;
    color:#776469 !important;
}

h2, h2 p, h2 a
{
    margin:0px;
    padding:0px;
    
    font-family: Arial;
    font-size: 14px;
    color: #38474B;  
    font-weight:bold;    
}


h3, h3 p, h3 a
{
    position:relative;
    
    margin:0px;
    padding:0px;
    padding-left:17px;
    padding-bottom:3px;
    
    width:436px;
    height:24px;
    line-height:24px;
    vertical-align:middle;
    display:block;
    
    font-family: Arial;
    font-size: 13px;
    color: #38474B;  

    background:url(../Images/backgroundH3.gif) no-repeat left 6px;

}

a img
{
    border:0;
}

.contenu
{
    position:relative;
    float:left;
    width:603px;
    display:block;
    
    z-index:1px;
    margin-left:21px;
}

.contenuAccueil
{
    position:relative;
    float:left;
    width:660px;
    display:block;
    
    z-index:1px;
}


a.lienVert 
{
    position:relative;
    float:left;
    width:223px;
    width:202px !important;
    height:24px;
    line-height:24px;
    vertical-align:middle;
    display:block;
    
    padding-left:21px;
    margin-left:9px;

    color:White;
    text-decoration:none;

    background:url(../Images/LienMenuGauche.gif) no-repeat left top;
}
.ModeleCartoucheAccueil a.lienVert
{
    margin-left:5px;
}

/****************************************************
        Modèle de la cartouche de la page default
*****************************************************/
.CartoucheDefault
{
    position:relative;
    z-index:7;

    width:962px;
    height:597px;
    display:block;
    
}

.CartoucheDefault .texte 
{
    position:absolute;
    z-index:8;

    width:249px;
    width:209px !important;
    height:359px;
    display:block;

    background:url(../Images/fondCartoucheDefaultDroite.png) no-repeat right top;
    
    padding-top:76px;
    padding-left:30px;
    padding-right:10px;
    
    top:0px;
    right:0px;
 
}

.CartoucheDefault .texte, 
.CartoucheDefault .texte p, 
.CartoucheDefault .texte a, 
.CartoucheDefault .texte a:hover, 
.CartoucheDefault .texte span
{
    font-family:Arial;
    font-size:11px;
    color:White;
}


/****************************************************
        Modèle Liste de résultat
*****************************************************/
.ListeDeResultats
{
    position:relative;
    width:606px;
    height:173px;
    display:block;
}

.fckbody .ListeDeResultats,
.fckbody .image,
.fckbody div.paragraphe
{
    border:dotted 1px blue;
}

.ListeDeResultats div.image
{
    position:relative;
    float:left;
    width:214px;
    height:143px;
    display:block;
}

.ListeDeResultats div.paragraphe
{
    position:relative;
    float:left;
    width:214px;
    height:143px;
    display:block;
    margin-left:14px;
}

.ListeDeResultats .ensavoirplus
{
    color:#96969C;
    text-decoration:none;
}
.ListeDeResultats .ensavoirplus:hover
{
    color:#96969C;
    text-decoration:underline;
}



/*******************************
    Modèle Fiche
********************************/
.Fiche
{
}
.Fiche h2
{
    padding-bottom:10px;
}

.fckbody .Fiche,
.fckbody .Fiche div.colonneGauche,
.fckbody .Fiche div.colonneDroite
{
    border:dotted 1px blue;
}


.Fiche .colonneGauche
{
    position:relative;
    float:left;
    width:351px;
    display:block;

}

.Fiche .colonneDroite
{
    position:relative;
    float:left;
    width:230px;
    display:block;
    
    margin-left:11px;
}

.Fiche .colonneDroite img
{
    padding:2px;
}


/***************************************************
			Accueil
****************************************************/


.ModeleAccueil
{

}

.ModeleAccueil .colonneGauche
{
    position:relative;
    float:left;
    width:306px;
    display:block;
}

.ModeleAccueil .colonneDroite
{
    position:relative;
    float:left;
    width:112px;
    display:block;
    
    margin-left:9px;
    padding-top:6px;
    padding-bottom:6px;

    border:solid 1px #E7E7E7;
}

.ModeleAccueil .colonneDroite h2
{
    position:relative;
    float:left;
    width:110px;
    display:block;
    
    padding:0;
    margin:0;
    margin-left:1px;
    padding-top:5px;
    padding-bottom:5px;
    margin-bottom:5px;
    
    text-align:center;
    font-size:11px;
    font-weight:bold;
    color:White;
    background:none;
    background-color:#38474B;
    
}

.ModeleAccueil .colonneDroite h3
{
    position:relative;
    float:left;
    width:112px;
    display:block;
    
    padding:0;
    margin:0;
    margin-top:7px;
    margin-left:13px;
    
    color:#627377;
    font-weight:bold;
    font-size:12px;
    background:none;
}

.ModeleAccueil .colonneDroite p
{
    position:relative;
    float:left;
    width:112px;
    display:block;
    
    margin-left:13px;
    color:#96969C;
    font-size:11px;
}

/*
.ModeleAccueil .colonneDroite h4
{
    position:relative;
    float:left;
    width:110px;
    display:block;
    
    padding:0;
    margin:0;

    text-align:center;
    background:none;
}
*/
.ModeleAccueil .colonneDroite img
{
    margin-top:15px;
    margin-left:38px;
}

/***************************************************
	Cartouche Accueil
****************************************************/

.ModeleCartoucheAccueil
{
    position:relative;
    float:left;
    width:232px;
    display:block;

    margin-left:36px;
}

.ModeleCartoucheAccueil .item1,
.ModeleCartoucheAccueil .item2,
.ModeleCartoucheAccueil .item3
{
    margin-top:4px;
    padding-left:5px;
}

.ModeleCartoucheAccueil .item1
{
    
}

.ModeleCartoucheAccueil .Titre
{
    width:232px;
    height:26px;
    line-height:23px;
    vertical-align:middle;
    display:block;
    
    color:#6D595E;
    text-decoration:none;
    padding-left:24px;
    margin-left:-5px;
}

.ModeleCartoucheAccueil .item1 .Titre
{
    background:url(../Images/background_TitreItem1.png) no-repeat left top;
}
.ModeleCartoucheAccueil .item2
{
}
.ModeleCartoucheAccueil .item2 .Titre
{
    background:url(../Images/background_TitreItem2.png) no-repeat left top;
}

.ModeleCartoucheAccueil .item3
{
}

.ModeleCartoucheAccueil .item3 .Titre
{
    background:url(../Images/background_TitreItem3.png) no-repeat left top;
}

