/* CSS Document */



#top {
height: 151px;
}

#conteneur {
background-color:#FFFFFF;
}


#bloc-contenu {
float: left;
width: 100%;
}

#middle {
margin-right:226px;
padding:5px 10px 5px 10px;
}

#middle a{
text-decoration:underline;
color:#014D87;
}

#middle a:hover{
text-decoration:none;
}

#right {
float: left;
width: 226px;
margin-left: -226px;
background-color: #FFFFFF;
}

#piedpage {
background-color: #FFFFFF;
clear: left;
width: 100%;
font: normal 10px Arial, Helvetica, sans-serif;
color: #000000;
text-align: center;
padding: 4px 0;
}

#piedpage a{
font: normal 10px Arial, Helvetica, sans-serif;
color:#E31177;
text-decoration:none;
}

#piedpage a:hover{
font: normal 10px Arial, Helvetica, sans-serif;
color:#E31177;
text-decoration:underline;
}

/*------------------Cartouches------------------*/

.cartouche-vert{
background-color:#F6F9F3;
width:620px;
font: normal 12px Arial, Helvetica, sans-serif;
}

.cartouche-vert a {
color:#76B313;
text-decoration:underline;
}

.cartouche-vert a:hover {
color:#76B313;
text-decoration:none;
}


.cartouche-vert p{
padding:0 5px 5px 5px;
}

.cartouche-mauve{
background-color:#F6F9F3;
width:620px;
font: normal 12px Arial, Helvetica, sans-serif;
}

.cartouche-mauve a {
color:#E31177;
text-decoration:underline;
}

.cartouche-mauve a:hover {
color:#E31177;
text-decoration:none;
}


.cartouche-mauve p{
padding:0 5px 5px 5px;
}


.cartouche-blanc{
background-color:#FFFFFF;
width:620px;
}

.cartouche-blanc p{
padding:0 5px 5px 5px;
}

.cartouche-gris{
background-color:#F7F5F6;
width:620px;
}

.cartouche-gris p{
padding:10px 5px 5px 5px;
}

.cartouche-rose{
background:#E31177 url(../images/contenu/onglet-rose.gif) no-repeat;
width:600px;
height:27px;
font:normal 12px Arial, Helvetica, sans-serif;
color:#FFFFFF;
padding-left:20px;
line-height:25px;
}


.cartouche-rose a{
font:normal 12px Arial, Helvetica, sans-serif;
color:#FFFFFF;
text-decoration:none;
line-height:25px;
}

.cartouche-rose a:hover{
font:normal 12px Arial, Helvetica, sans-serif;
color:#FFFFFF;
text-decoration:underline;
line-height:25px;
}


/*--------------------COLONNES = BLOCS LEFT ET RIGHT POUR CARTOUCHES---------------------*/

.minileft{
float:left;
width:280px;
text-align:justify;
}

.miniright{
float:right;
width:280px;
text-align:justify;
}


/*--------------------STYLES TEXTES --------------------------*/


.normal{
font:normal 12px Arial, Helvetica, sans-serif;
color:#000000;
}

.normal a{
font:normal 12px Arial, Helvetica, sans-serif;
color:#000000;
text-decoration:none;
}

.normal a:hover{
font:normal 12px Arial, Helvetica, sans-serif;
color:#000000;
text-decoration:underline;
}

.normal-gras{
font:bold 12px Arial, Helvetica, sans-serif;
color:#000000;
}

.gras-14{
font:bold 14px Arial, Helvetica, sans-serif;
color:#000000;
}

.rose-gras-12{
font:bold 12px Arial, Helvetica, sans-serif;
color:#E31177;
border-bottom:1px dotted #E31177;
}

a.rose-gras-12{
font:bold 12px Arial, Helvetica, sans-serif;
color:#E31177;
border-bottom:1px dotted #E31177;
text-decoration:none;
}

a:hover.rose-gras-12{
font:bold 12px Arial, Helvetica, sans-serif;
color:#E31177;
border:none;
text-decoration:none;
}

.rose-gras-14 a{
font:bold 14px Arial, Helvetica, sans-serif;
color:#E31177;
text-decoration:none;
}

.rose-gras-14 a:hover{
font:bold 14px Arial, Helvetica, sans-serif;
color:#E31177;
border:none;
text-decoration:underline;
}



.rose-gras-14{
font:bold 14px Arial, Helvetica, sans-serif;
color:#E31177;
border-bottom:1px dotted #E31177;
}

.rose-gras-14-sans{
font:bold 14px Arial, Helvetica, sans-serif;
color:#E31177;
}

a.rose-gras-14-sans {
font:bold 14px Arial, Helvetica, sans-serif;
color:#E31177;
text-decoration:none;
}

a:hover.rose-gras-14-sans {
font:bold 14px Arial, Helvetica, sans-serif;
color:#E31177;
text-decoration:underline;
}


.rose-12{
font:normal 12px Arial, Helvetica, sans-serif;
color:#E31177;
}

.rose-12 a{
font:normal 12px Arial, Helvetica, sans-serif;
color:#E31177;
text-decoration:none;
}

.rose-12 a:hover{
font:normal 12px Arial, Helvetica, sans-serif;
color:#E31177;
text-decoration:underline;
}

.rose-10{
font:normal 10px Arial, Helvetica, sans-serif;
color:#E31177;
}

.rose-10 a{
font:normal 10px Arial, Helvetica, sans-serif;
color:#E31177;
text-decoration:none;
}

.rose-10 a:hover{
text-decoration:underline;
}

.bleu-gras-14{
font:bold 14px Arial, Helvetica, sans-serif;
color:#3A99C3;
}

.bleu-gras-12{
font:bold 12px Arial, Helvetica, sans-serif;
color:#3A99C3;
}

.bleu-12{
font:normal 12px Arial, Helvetica, sans-serif;
color:#3A99C3;
}

.bleu-12 a{
font:normal 12px Arial, Helvetica, sans-serif;
color:#3A99C3;
text-decoration:underline;
}

.bleu-12 a:hover{
font:normal 12px Arial, Helvetica, sans-serif;
color:#3A99C3;
text-decoration:none;
}

.orange-14{
font:bold 14px Arial, Helvetica, sans-serif;
color:#F29220;
}

.orange-12-gras{
font:bold 12px Arial, Helvetica, sans-serif;
color:#F29220;
}

.orange-12{
font:normal 12px Arial, Helvetica, sans-serif;
color:#F29220;
}

.orange-12 a{
font:normal 12px Arial, Helvetica, sans-serif;
color:#F29220;
text-decoration:underline;
}

.orange-12 a:hover{
font:normal 12px Arial, Helvetica, sans-serif;
color:#F29220;
text-decoration:none;
}

.vert-12-gras{
font:bold 12px Arial, Helvetica, sans-serif;
color:#9BC337;
}

.mauve-14{
font:bold 14px Arial, Helvetica, sans-serif;
color:#C6A2CA;
}

.mauve-12-gras{
font:bold 12px Arial, Helvetica, sans-serif;
color:#C6A2CA;
}

.mauve-12{
font:normal 12px Arial, Helvetica, sans-serif;
color:#C6A2CA;
}

.mauve-12 a{
font:normal 12px Arial, Helvetica, sans-serif;
color:#C6A2CA;
text-decoration:underline;
}

.mauve-12 a:hover{
font:normal 12px Arial, Helvetica, sans-serif;
color:#C6A2CA;
text-decoration:none;
}

.pointilles-gris{
border-bottom:2px dotted #8D8D8D;
}

.pointilles-bleu{
border-bottom:1px dotted #4B95DE;
}


/*-----------------------------------------------------bloc right----------------------------------------*/

.casetitre {
margin:1em 0 0 34px;
background:#FFFFFF url(../images/interface/case-newsletter.gif) no-repeat left top;
width:200px;
height:37px;
font:normal bold 13px/38px Arial, Helvetica, sans-serif;
color:#FFFFFF;
text-align:center;
}


#moteur {
background:#FFFFFF url(../images/structure/cartouche-moteur.gif) no-repeat;
width:225px;
height:50px;
font:normal 10px Arial, Helvetica, sans-serif;
color:#000000;
}

#moteur form {
margin:0;
padding:12px 0 5px 10px;
}

#moteur input.bouton {
background:#FFFFFF url(../images/structure/bouton-go.gif) no-repeat;
width:23px;
height:16px;
border:none;
}

#membre {
background:#FFFFFF url(../images/structure/cartouche-membres.gif) no-repeat;
width:225px;
height:191px;
font:normal 10px Arial, Helvetica, sans-serif;
color:#000000;
}

#membre form {
margin:0;
padding:45px 0 5px 10px;
}

#membre input.bouton {
background:#FFFFFF url(../images/structure/bouton-go-rose.gif) no-repeat;
width:48px;
height:23px;
border:none;
}

/*-------------------------CARTOUCHE ABONNE---------------------*/
#membre-abonne {
background:#FFFFFF url(../images/structure/cartouche-membres-abonne.gif) no-repeat;
width:225px;
height:227px;
font:normal 12px Arial, Helvetica, sans-serif;
color:#000000;
}

#membre-abonne p {
font:normal 12px Arial, Helvetica, sans-serif;
color:#000000;
text-align:center;
line-height:20px;
}



/*----------------------------------------------------------------*/

#asso {
background:#FFFFFF url(../images/structure/cartouche-asso.gif) no-repeat;
width:225px;
height:64px;
padding-top:12px;
font:bold 14px Arial, Helvetica, sans-serif;
color:#E31177;
}

#newsletter {
background:#FFFFFF url(../images/structure/cartouche-newsletter.gif) no-repeat;
width:225px;
height:195px;
font:bold 12px Arial, Helvetica, sans-serif;
color:#FFFFFF;
}

#marraine {
background:#FFFFFF url(../images/structure/cartouche-marraine.gif) no-repeat;
width:225px;
height:261px;
font:normal 12px Arial, Helvetica, sans-serif;
color:#000000;
}

#marraine p{
font:normal 12px Arial, Helvetica, sans-serif;
color:#000000;
padding:0 10px 0 10px;
}

#reseau {
background:#FFFFFF url(../images/structure/cartouche-reseau.gif) no-repeat;
width:225px;
height:148px;
padding:25px 0 0 0;
font:normal 14px Arial, Helvetica, sans-serif;
color:#000000;
text-align:center;
}

#tags {
background-color:#FFFFFF;
font:normal 14px Arial, Helvetica, sans-serif;
color:#000000;
text-align:center;
}

#tags a{
color:#666666;
text-decoration:none;
}

#tags a:hover{
color:#000000;
text-decoration:underline;
}


#logos {
background-color:#FFFFFF;
font:normal 12px Arial, Helvetica, sans-serif;
color:#4B95DE;
text-align:center;
}

.imgleft{
float:left;
margin:0 5px 5px 0;
}

.imgright{
float:right;
margin:0 0 5px 5px;
}

/* les barres de titre H1 et titres de paragraphes H2 */

h1.bleu {
height:26px;
background:#FFFFFF url(../images/interface/barre-bleue.gif) no-repeat top left;
font:normal bold 18px/26px "Times New Roman", Times, serif;
color:#FFFFFF;
padding-left:15px;
}

h1.vert {
height:26px;
background:#FFFFFF url(../images/interface/barre-verte.gif) no-repeat top left;
font:normal bold 18px/26px "Times New Roman", Times, serif;
color:#FFFFFF;
padding-left:15px;
}

h1.mauve {
height:26px;
background:#FFFFFF url(../images/interface/barre-mauve.gif) no-repeat top left;
font:normal bold 18px/26px "Times New Roman", Times, serif;
color:#FFFFFF;
padding-left:15px;
}

h1.orange {
height:26px;
background:#FFFFFF url(../images/interface/barre-orange.gif) no-repeat top left;
font:normal bold 18px/26px "Times New Roman", Times, serif;
color:#FFFFFF;
padding-left:15px;
}

h2.vert {
color:#76B313;
font:normal bold 14px Arial, Helvetica, sans-serif;
}

h2.bleu {
color:#014D87;
font:normal bold 14px Arial, Helvetica, sans-serif;
}

h2.rose {
color:#E31177;
font:normal bold 14px Arial, Helvetica, sans-serif;
}

h2.orange {
color:#F29220;
font:normal bold 14px Arial, Helvetica, sans-serif;
}

/* une liste simple */

ul.simple {
list-style-position:inside;
font: normal 12px Arial, Helvetica, sans-serif;
color:#333333;
list-style-image:url(../images/interface/puce-grise.gif);
margin-left:1em;
}

ul.simple li {
margin-bottom:1em;}

/* une div de separation */

.separe-rose {
border-bottom: 1px dotted #C6A2CA;
margin:1em 0 1em 0;
clear:both;
}

.separe-bleu {
border-bottom: 1px dotted #014D87;
margin:1em 0 1em 0;
clear:both;
}