body{
font-family:Verdana;
margin-top:0;
}
a:link, a:visited, a:hover {
	text-decoration: none;
	color: #FB1462;
}

h1 {
	font-family:Verdana;
	font-size:11px;
	color:#FFFFFF;
	margin-left:25px;
	margin:2px 0 0 25px;
	font-weight: normal;
}

h2 {
font-family:Verdana;
font-size:14px;
font-weight:bold;
text-align:center;
color:#FFFFFF;

}
h3{
	font-family:arial;
	color:#666666;
	font-size:14px;
	margin:0px 30px 0 30px;
	text-align:justify;
	font-weight: normal;
}

a.gd_ville{
font-size:14px;
font-weight:bold;
color:#000000;
text-decoration:none;
}
a.modeannu{
font-size:14px;
font-weight:normal;
color:#e44190;
text-decoration:none;
}
a.gd_ville:hover{
text-decoration:none;
font-size:14px;
font-weight:bold;
color:#dd5a8a;
}

p.titreville{
color:#e44190; font-size:19px; font-weight:bold; margin:7px 0 10px 17px; 
}

p.reduc{
color:#000000; font-size:12px; margin:7px 30px 10px 30px; text-align:center;
}

h1.pack{
font-family:Verdana;
font-size:15px;
font-weight:bold;
color:#e93237;
margin:0px 0px 0px 0px;
text-decoration:underline;
}

h1.pack2{
font-family:Verdana;
font-size:15px;
font-weight:bold;
color:#006871;
margin:0px 0px 0px 0px;
text-decoration:underline;
}

p{
font-family:arial;
font-size:12px;
margin:0px 10px 0 10px;
padding: 10px;
}

p.pres{
font-family:Verdana;
color:#000000;
font-size:11px;
margin:0px 30px 0 30px;
text-align:justify;
}

.pres2{
font-family:arial;
color:#000000;
font-size:13px;
margin:0px 30px 0 20px;
text-align:justify;
}

.entete_minisite {
	font-family:arial;
	color:#000000;
	font-size:11px;
	text-align: justify;
	line-height: 13px;
	margin:0px 0px 0 0px;
}
.entete_minisite2 {
	font-family:arial;
	color:#000000;
	font-size:11px;
	text-align: justify;
	line-height: 15px;
	margin:0px 0px 0 0px;
}
.minisite {
	font-family:arial;
	color:#000000;
	font-size:12px;
	text-align: justify;
	line-height: 18px;
	margin:0px 10px 0 10px;
}
.minisite2 {
	font-family:arial;
	color:#000000;
	font-size:12px;
	line-height: 20px;
}

.minisite3 {
	font-family:arial;
	color:#000000;
	font-size:12px;
	text-align: justify;
	line-height: 18px;
	margin:0px 10px 0px 10px;
}
.minisitebas{
	font-family:arial;
	color:#000000;
	font-size:11px;
	text-align: center;
	line-height: 20px;
}

p.copy{
font-family:Verdana;
color:#ffffff;
font-size:10px;
text-align:center;
margin-top:10px;
}
p.copy2{
font-family:Verdana;
color:#000000;
font-size:10px;
text-align:center;
}



div.eve{
color:#000000;
font-size:11px;
margin:10px 10px 0 10px;
text-align:center;
}

td.navig{
margin:0px 0px 0 0px;
}

strong.eve{
color:#a72727;
}

p.accroche{
color:#000000;
font-size:12px;
margin:10px 0px 0 10px;
font-weight:bold;
text-decoration:underline;
}

p.information{
color:#FFFFFF;
font-size:10px;
margin:2px 2px 0 2px;
}

p.art{
color:#000000;
font-size:12px;
margin:10px 10px 0 10px;
}

td.com{
color:#000000;
font-size:21px;
text-align:center;
}

td.pub{
color:#FFF;
font-size:10px;
text-align:center;
}

td.eve{
font-family:Verdana;
color:#000000;
font-size:16px;
text-align:left;
}

ul.eve{
color:#000000;
font-style:italic;
font-weight:bold;
font-size:16px;
padding-top:0px;
}
li.eve{
margin:15px 0 0 0px;
}

ul{
color:#FFFFFF;
font-size:12px;
}

ul.com{
color:#000000;
font-size:12px;
}

li{
margin-bottom:30px;
}




ul#menucom {
list-style-image: url(../images/gifs/organisation.gif);
margin-left:0px;
padding-left:30px;
} 

ul#menucom li {margin-bottom: 5px;}

ul#menucom a {
     margin: 15px 2px 5px 0px;
	 
     width: 120px; 
     height: 30px;
     display: block;
     text-align: left;
	 vertical-align:middle;

     text-decoration: none;
     color: #fff;
   
	 }
	 
ul#menucom a:hover {
     background: #e93237;
     border: 1px solid gray; 
     }


ul.liste, .liste li, .liste a {padding:0px ; margin:0px} /*met à 0 les marges internes et externes de la liste et des liens */

.liste {width :162px ; /* largeur de la liste : environs 15 lettres majuscules - voir em */
list-style-type:none} /* suppression des boutons CSS devant les items de la liste */

.liste li a {
font-family:Verdana;
font-size:11px;
background-color:#5e5e5e ; /* couleur de fond des liens non survolés */
display:block; /* force le lien à prendre 100% de la largeur de la liste */
padding-left:1.1em ; /* insère un espace entre le texte du lien et le gros carré gris */
background: url('../images/puce.gif') no-repeat 5px center;
padding-top:5px;
color:black ; /* la police des liens non survolés est noire */
text-decoration:none ; /* on suprime le soulignement des liens */
height:2em;} /* hauteur de chaque ligne. N'est indispensable que pour IE 5.0 et 5.5 */

.liste li a:hover { /* style des liens lors du survol */
font-size:11px;
background-color:#a72727 ; /* le fond du lien passe au noir */
color:white ; /* le texte passe au blanc */
border-left-color:red} /* crée un gros carré rouge à gauche des liens survolés */







ul.liste2, .liste2 li, .liste2 a {padding:0px ; margin:0px} /*met à 0 les marges internes et externes de la liste2 et des liens */

.liste2 {width :162px ; /* largeur de la liste2 : environs 15 lettres majuscules - voir em */
list-style-type:none} /* suppression des boutons CSS devant les items de la liste2 */

.liste2 li a {
font-family:Verdana;
font-size:11px;
background-color:#5e5e5e ; /* couleur de fond des liens non survolés */
display:block; /* force le lien à prendre 100% de la largeur de la liste */
padding-left:1.1em ; /* insère un espace entre le texte du lien et le gros carré gris */
background: url('../images/puce2.gif') no-repeat 5px center;
padding-top:8px;
color:black ; /* la police des liens non survolés est noire */
text-decoration:none ; /* on suprime le soulignement des liens */
height:2.5em;} /* hauteur de chaque ligne. N'est indispensable que pour IE 5.0 et 5.5 */

.liste2 li a:hover { /* style des liens lors du survol */
font-size:11px;
background-color:#e93237 ; /* le fond du lien passe au noir */
color:white ; /* le texte passe au blanc */
border-left-color:red} /* crée un gros carré rouge à gauche des liens survolés */




ul.liste3, .liste3 li, .liste3 a {padding-left:2px ; padding-top:1px; margin:0px} /*met à 0 les marges internes et externes de la liste3 et des liens */
ul.liste3reduc, .liste3reduc li, .liste3reduc a {padding-left:2px ; padding-top:1px; margin:0px} /*met à 0 les marges internes et externes de la liste3 et des liens */
.liste3 {width :171px ; /* largeur de la liste3 : environs 15 lettres majuscules - voir em */
list-style-type:none} /* suppression des boutons CSS devant les items de la liste3 */
.liste3reduc {width :171px ; /* largeur de la liste3 : environs 15 lettres majuscules - voir em */
list-style-type:none}

.liste3 li.inac {
font-weight:normal;
font-family:Verdana;
font-size:11px;
background-color:#5e5e5e ; /* couleur de fond des liens non survolés */
display:block; /* force le lien à prendre 100% de la largeur de la liste */
padding-left:1.1em ; /* insère un espace entre le texte du lien et le gros carré gris */
background: url('../images/puce3.gif') no-repeat 5px center;
padding-top:5px;
color:#000000 ; /* la police des liens non survolés est noire */
text-decoration:none ; /* on suprime le soulignement des liens */
height:2em;}
.liste3_links a:visited, a:link {
color: #fa1461 ;

}


.liste3 li a {
font-weight:normal;
font-family:Verdana;
font-size:11px;
display:block; 
padding-left:1em ; 
padding-top:5px;
color:#000000 ; 
text-decoration:none ; 
height:2em; } 

.liste3reduc li a {
font-weight:normal;
font-family:Verdana;
font-size:10px;
background-color:#e31818 ; /* couleur de fond des liens non survolés */
display:block; /* force le lien à prendre 100% de la largeur de la liste */
padding-left:1.1em ; /* insère un espace entre le texte du lien et le gros carré gris */
background: url('../images/puce2.gif') no-repeat 5px center;
padding-top:5px;
color:#e31818  ; /* la police des liens non survolés est noire */
text-decoration:none ; /* on suprime le soulignement des liens */
height:2.2em;}


.liste3 li a:hover { /* style des liens lors du survol */
font-size:11px;
color: #fa1461 ; /* le texte passe au blanc */
border-left-color:red} /* crée un gros carré rouge à gauche des liens survolés */

.liste3reduc li a:hover { /* style des liens lors du survol */
font-size:10px;
background-color:#f19bc4; background-image:url('../images/puce.gif') no-repeat 5px center;
color:white ; /* le texte passe au blanc */
border-left-color:white}
ul.liste3reduchover, .liste3reduchover li, .liste3reduchover a {padding:0px ; margin:0px} /*met à 0 les marges internes et externes de la liste3 et des liens */
.liste3reduchover {width :163px ; /* largeur de la liste3 : environs 15 lettres majuscules - voir em */
list-style-type:none;font-size:11px;}

.liste3reduchover li a {
font-weight:bold;
font-family:Verdana;
font-size:11px;
background-color:#f19bc4 ; /* couleur de fond des liens non survolés */
display:block; /* force le lien à prendre 100% de la largeur de la liste */
padding-left:1.1em ; /* insère un espace entre le texte du lien et le gros carré gris */
background: url('../images/puce2.gif') no-repeat 5px center;
padding-top:5px;
color:#e31818  ; /* la police des liens non survolés est noire */
text-decoration:none ; /* on suprime le soulignement des liens */
height:2em;}

.liste3reduchover li a { /* style des liens lors du survol */
font-size:11px;
background-color:#e31818; background-image:url('../images/puce.gif') no-repeat 5px center;
color:white ; /* le texte passe au blanc */
border-left-color:white}

a.liste3_link {
font-size:11px;
color:#000000 ;
display:block; /* force le lien à prendre 100% de la largeur de la liste */
padding-left:1.1em ;
padding-top:5px;
 height:2em;
}
a:visited.liste3_link {
color:#000000 ;
}
a:visited.liste3_links,a:link.liste3_links, a:hover.liste3_links  {
color:#fa1461 ;
}
a:visited.liste_reduc3, a:link.liste_reduc3 {
color:#fa1461 ;
}
a:hover.liste_reduc3  {
color:#000000 ;
}

ul.liste4, .liste4 li, .liste4 a {padding:0px ; margin:0px} /*met à 0 les marges internes et externes de la liste4 et des liens */

.liste4 {width :162px ; /* largeur de la liste4 : environs 15 lettres majuscules - voir em */
list-style-type:none} /* suppression des boutons CSS devant les items de la liste4 */

.liste4 li a {
font-family:Verdana;
font-size:11px;
background-color:#5e5e5e ; /* couleur de fond des liens non survolés */
display:block; /* force le lien à prendre 100% de la largeur de la liste */
padding-left:1.1em ; /* insère un espace entre le texte du lien et le gros carré gris */
background: url('../images/puce2.gif') no-repeat 5px center;
padding-top:6px;
color:black ; /* la police des liens non survolés est noire */
text-decoration:none ; /* on suprime le soulignement des liens */
height:2em;} /* hauteur de chaque ligne. N'est indispensable que pour IE 5.0 et 5.5 */

.liste4 li a:hover { /* style des liens lors du survol */
font-size:11px;
background-color:#14b7ca ; /* le fond du lien passe au noir */
color:white ; /* le texte passe au blanc */
border-left-color:red} /* crée un gros carré rouge à gauche des liens survolés */



ul.liste5, .liste5 li, .liste5 a {padding:0px ; margin:0px} /*met à 0 les marges internes et externes de la liste5 et des liens */

.liste5 {width :162px ; /* largeur de la liste5 : environs 15 lettres majuscules - voir em */
list-style-type:none} /* suppression des boutons CSS devant les items de la liste5 */

.liste5 li a {
font-family:Verdana;
font-size:11px;
background-color:#5e5e5e ; /* couleur de fond des liens non survolés */
display:block; /* force le lien à prendre 100% de la largeur de la liste */
padding-left:1.1em ; /* insère un espace entre le texte du lien et le gros carré gris */
background: url('../images/puce2.gif') no-repeat 5px center;
padding-top:4px;
color:black ; /* la police des liens non survolés est noire */
text-decoration:none ; /* on suprime le soulignement des liens */
height:2em;} /* hauteur de chaque ligne. N'est indispensable que pour IE 5.0 et 5.5 */

.liste5 li a:hover { /* style des liens lors du survol */
font-size:11px;
background-color:#bce936 ; /* le fond du lien passe au noir */
color:white ; /* le texte passe au blanc */
border-left-color:red} /* crée un gros carré rouge à gauche des liens survolés */


ul.liste6, .liste6 li, .liste6 a {padding:0px 0 0 5px ; margin:0px} /*met à 0 les marges internes et externes de la liste6 et des liens */

.liste6 {width :145px ; /* largeur de la liste6 : environs 15 lettres majuscules - voir em */
list-style-type:none;
text-decoration:underline;
color:#000000;} /* suppression des boutons CSS devant les items de la liste6 */

.liste6 li a {
font-family:Verdana;
font-size:11px;
background-color:#5e5e5e ; /* couleur de fond des liens non survolés */
display:block; /* force le lien à prendre 100% de la largeur de la liste */
padding-left:1.1em ; /* insère un espace entre le texte du lien et le gros carré gris */
background: url('../images/puce2.gif') no-repeat 5px center;
padding-top:4px;
color:black ; /* la police des liens non survolés est noire */
text-decoration:underline ; /* on suprime le soulignement des liens */
height:2em;} /* hauteur de chaque ligne. N'est indispensable que pour IE 5.0 et 5.5 */

.liste6 li a:hover { /* style des liens lors du survol */
width :140px ;
font-size:11px;
background-color:#f19bc4 ; /* le fond du lien passe au noir */
color:#ffffff ; /* le texte passe au blanc */
border-left-color:red} /* crée un gros carré rouge à gauche des liens survolés */

ul.liste6bis, .liste6bis li, .liste6bis a {padding:0px ; margin:0px} /*met à 0 les marges internes et externes de la liste6 et des liens */

.liste6bis {width :160px ; /* largeur de la liste6 : environs 15 lettres majuscules - voir em */
list-style-type:none} /* suppression des boutons CSS devant les items de la liste6 */

.liste6bis li a {
font-weight:bold;
font-family:Verdana;
font-size:11px;
background-color:#d3edfd ; /* couleur de fond des liens non survolés */
display:block; /* force le lien à prendre 100% de la largeur de la liste */
padding-left:1.1em ; /* insère un espace entre le texte du lien et le gros carré gris */
background: url('../images/puce2.gif') no-repeat 5px 8px;
padding-top:3px;
padding-bottom:5px;
color:black ; /* la police des liens non survolés est noire */
text-decoration:none ; /* on suprime le soulignement des liens */
height:2em;} /* hauteur de chaque ligne. N'est indispensable que pour IE 5.0 et 5.5 */

.liste6bis li a:hover { /* style des liens lors du survol */
font-size:11px;
background-color:#d3edfd ; /* le fond du lien passe au noir */
color:#000000 ; /* le texte passe au blanc */
border-left-color:red} /* crée un gros carré rouge à gauche des liens survolés */

.liste6bis li.activ a {
font-size:11px;
background-color:#d3edfd; background-image:url('../images/puce.gif') no-repeat 5px center;
color:black ; /* le texte passe au blanc */
border-left-color:red}







ul.liste6ter, .liste6ter li, .liste6ter a {padding:0px ; margin:0px} /*met à 0 les marges internes et externes de la liste6 et des liens */

.liste6ter {width :149px ; /* largeur de la liste6 : environs 15 lettres majuscules - voir em */
list-style-type:none} /* suppression des boutons CSS devant les items de la liste6 */

.liste6ter li a {
font-family:Verdana;
font-size:11px;
background-color:#5e5e5e ; /* couleur de fond des liens non survolés */
display:block; /* force le lien à prendre 100% de la largeur de la liste */
padding-left:1.1em ; /* insère un espace entre le texte du lien et le gros carré gris */
background: url('../images/puce2.gif') no-repeat 5px center;
padding-top:4px;
color:black ; /* la police des liens non survolés est noire */
text-decoration:underline ; /* on suprime le soulignement des liens */
height:2em;} /* hauteur de chaque ligne. N'est indispensable que pour IE 5.0 et 5.5 */

.liste6ter li a:hover { /* style des liens lors du survol */
font-size:11px;
background-color:#d3edfd ; /* le fond du lien passe au noir */
color:#000000 ; /* le texte passe au blanc */
border-left-color:red} /* crée un gros carré rouge à gauche des liens survolés */

.liste6ter li.activ a {
font-size:11px;
background-color:#d3edfd; background-image:url('../images/puce.gif') no-repeat 5px center;
color:black ; /* le texte passe au blanc */
border-left-color:red}





ul.liste64, .liste64 li, .liste64 a {padding:0px ; margin:0px} /*met à 0 les marges in4nes et ex4nes de la liste6 et des liens */

.liste64 {width :149px ; /* largeur de la liste6 : environs 15 lettres majuscules - voir em */
list-style-type:none} /* suppression des boutons CSS devant les items de la liste6 */

.liste64 li a {
font-family:Verdana;
font-size:13px;
background-color:#5e5e5e ; /* couleur de fond des liens non survolés */
display:block; /* force le lien à prendre 100% de la largeur de la liste */
padding-left:1.1em ; /* insère un espace entre le texte du lien et le gros carré gris */
background: url('../images/puce2.gif') no-repeat 5px center;
padding-top:4px;
color:black ; /* la police des liens non survolés est noire */
text-decoration:underline ; /* on suprime le soulignement des liens */
height:2em;} /* hauteur de chaque ligne. N'est indispensable que pour IE 5.0 et 5.5 */

.liste64 li a:hover { /* style des liens lors du survol */
font-size:13px;
background-color:#f19bc4 ; /* le fond du lien passe au noir */
color:#000000 ; /* le texte passe au blanc */
border-left-color:red} /* crée un gros carré rouge à gauche des liens survolés */

.liste64 li.activ a {
font-size:13px;
background-color:#d3edfd; background-image:url('../images/puce.gif') no-repeat 5px center;
color:black ; /* le texte passe au blanc */
border-left-color:red}





#menu2 ul{
color:#FFFFFF;
font-size:12px;
margin-left:0px;
padding-left:30px;
list-style-image: url(../images/gifs/organisation.gif);
list-style-type: square ;
}
#menu2 li{
margin:5px 0 0 0px;
}

#menu2 a{
font-style:oblique;
color:#FFFFFF;
text-decoration:none;
}

#menu2 a:hover{
font-style:oblique;
color:#FFFFFF;
font-weight:bold;
text-decoration:none;
}
#menu3 ul{
color:#FFFFFF;
font-size:12px;
margin-left:0px;
padding-left:30px;
list-style-image: url(../images/gifs/organisation.gif);
list-style-type: square ;
}
#menu3 li{
margin:5px 0 0 0px;
}

#menu3 a{
font-style:oblique;
color:#FFFFFF;
text-decoration:none;
}

#menu3 a:hover{
font-style:oblique;
color:#FFFFFF;
font-weight:bold;
text-decoration:none;
}


#mea ul{
color:#000000;
font-size:12px;
font-weight:bold;
margin-left:10px;
padding-left:20px;
text-decoration:underline;
list-style-image: url(../images/illustration/puce-conseil.gif);
list-style-type: square ;
}

#enonce ul{
color:#000000;
font-size:11px;
margin-left:15px;
padding-left:10px;
margin-top:0;
list-style-position:inside;
list-style-type: disc ;
}
#enonce li{
margin:5px 0 0 10px;
}

a.accueil{
color:#e54894;
font-size:12px;
font-weight:bold;
text-decoration:none;
}

a.mini-link {
color:#000000;
font-weight:normal;
text-decoration:none;
font-family:Verdana, Arial, Helvetica, sans-serif;
}


ul#accueil {
margin: 0;

	padding: 0;

	list-style-type: none;	

	line-height: 15px;
}

ul#accueil li{

margin: 0 0 0 0px;
padding:0px 0px 0px 15px;
line-height:15px;}

a.pub{
color:#FFF;
font-size:10px;
font-weight:bold;
}

a.oeuvre{
font-family:Verdana, Arial, Helvetica, sans-serif;
text-decoration:none;
color:black;
font-size:11px;
font-weight:bold;
}

a:hover.accueil{
color:#666666;
font-size:12px;
font-weight:bold;
text-decoration:none;
}

a.ville{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#000000;
font-weight:bold;
text-decoration:none;
}

a:hover.ville{
color:#ffffff;
font-weight:bold;
text-decoration:none;
}

a.contact{
font-style:oblique;
color:#000000;
font-weight:bold;
}
a.contact_eve{

color:#000000;
font-weight:bold;
}

a.contact_eve2{
color:#006871;
font-weight:bold;
}

a.lienactiv{

color:#000000;
font-weight:bold;


}

a.lienactiv2{
color:#0077c0;
font-weight:bold;
text-decoration:underline;

}
a.lienext{
color:#000000;
font-size:10px;
}

a.lienphil{
color:#e93237;
font-size:11px;
font-weight:bold;
text-decoration:underline;

}
a.lienactiv2{
color:#0077c0;
font-weight:bold;
text-decoration:underline;

}
a.rub{
	color:#000000;
	font-size:15px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: 400;
	text-decoration: none;
}
a.modeannu{
	color:#000000;
	font-size:16px;
	font-weight:normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: 400;
	text-decoration: none;
}
a.rub2{
	color:#FB1462;
	font-size:15px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: 400;
	text-decoration: none;
}
a:hover.rub{
	color:#FB1462;
	text-decoration:none;

}
.entrerub{
	color:#A2A2A4;
	text-decoration:none;
	font-size: 18px;

}


ul#lienactiv {
margin: 0;

	padding: 0;

	list-style-type: none;	

	line-height: 15px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000000;
}

ul#lienactiv li{
background: url(../images/illustration/puce.gif) no-repeat 0 3px;
list-style-position:inside;
margin: 0 0 0 15px;
padding:0px 0px 0px 0px;
line-height:15px;}

ul#lienactiv2 {
margin: 0;

	padding: 0;

	list-style-type: disc;	

	line-height: 15px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#006871;
}

ul#lienactiv2 li{

list-style-position:inside;
margin: 0 0 0 15px;
padding:0px 0px 0px 0px;
line-height:15px;}




img.partenaire{
margin:10px 10px 10px 10px;
}
/** Page et encart agenda **/
.imgnews{
display:block;
clear:both;
margin-left:auto;
margin-right:auto;
border-color:#FFFFFF;
margin:auto;
}

h3.news{
font-size:12px;
text-align:center;
margin-bottom:0px;
}

p.news{
font-size:11px;
text-align:center;
margin:0 0 0 0;
}

/** Page contact ***/
fieldset.contact{

font-size:12px;
width:90%;
margin-top:15px;
color:#000000;
}
fieldset{
border : 0px;
width:90%;

}

label
{
    display        : block;
    padding-right  : 5px;
	padding-top:5px;
    margin-right   : 3px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:right;
	
}

#conteneurInput div
{
   
    background     : #000000;
    position       : relative;
    text-align     : center;
    float          : left;
	margin-top:5px;



}#conteneurInput2 div
{
   
	background: url('../images/input_rose.jpg') no-repeat  center;
    position       : relative;
    text-align     : center;
    float          : left;
	margin-top:5px;



}
.a_titre {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #FA1461;
}

#conteneurInput input
{
    background: transparent;
    border         : 0px;
    padding        : 0 0px;
   
	margin-left   : 00px;
	
	color		   :#000000;
}

#conteneurTextarea div
{
    position       : relative;
	margin-top:     00px;
    float          : left;
	color          :#000000;
	
}

#conteneurTextarea, textarea
{
    background: transparent;
     border         : 0px;
    padding        : 4px 10px;
	
    overflow       : auto;
	color          :#000000;
	
}

span.top-left
{
    position       : absolute;
    width          : 4px;
    height         : 4px;
    overflow       : hidden;
    top	           : -1px;
    left           : -1px;
    background     : url("top-left.gif");
}

span.bottom-left
{
    position       : absolute;
    width          : 4px;
    height         : 4px;
    overflow       : hidden;
    bottom         : -1px;
    left           : -1px;
    background     : url("bottom-left.gif");
}

span.bottom-right
{
    position       : absolute;
    width          : 4px;
    height         : 4px;
    overflow       : hidden;
    bottom         : -1px;
    right          : -1px;
    background     : url("bottom-right.gif");
}

span.top-right
{
    position       : absolute;
    width          : 4px;
    height         : 4px;
    overflow       : hidden;
    top            : -1px;
    right          : -1px;
    background     : url("top-right.gif");
}
.trait

{

background-color: #0077c0;

height: 2pt;

width: 90%;

}
.trait2

{

background-color: #e54e97;

height: 2pt;

width: 90%;

}
.traitannu
{
background-color: #d7612d;
height: 1px;
width: 80%;
}

.a_titre {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FA1461;
	text-decoration: none;
}
.a_desc {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #000000;
}
.a_tb_desc {
	border-left-width: 2px;
	border-left-style: solid;
	border-left-color: #CCCCCC;
}
.a_tirets {
	border-bottom-width: thin;
	border-bottom-style: dotted;
	border-bottom-color: #999999;
}
.a_link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #000000;
	text-decoration: underline;
}
.a_minisite {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #000000;
	text-decoration: underline;
}

a.linkplan {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #000000;
	text-decoration: none;
}
.a_end {font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #000000; }
.a_titre_rub {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #FA1461;
}
#divid2, #divid4,#divid3, #divid5, #divid6 {
	
      	width: 420px;
      	height: 300px;
      	overflow: auto;
      	border: none ;
		
}

#divid4 .titre {
	text-transform: uppercase;
	text-decoration: underline;
}
.divs{
	font-family:arial;
	color:#000000;
	font-size:13px;
	text-align: justify;
	line-height: 13px;
	margin:0px 10px 0 0px;
}
.cursor {  cursor: hand;}

.news-titre{
	font-family:Verdana;
	font-size:12px;
	font-weight:bold;
	color:#666666;
}
.news-sous-titre{
	font-family:Verdana;
	font-size:12px;
	color:#000000;
}
a.news-sous-titre{
	text-decoration: none;
}
.news-corps{
	font-family:Verdana;
	font-size:12px;
	color:#6C6C6C;
	text-align:justify;
}
.news-brd-bas {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
}
a.newslink {
	font-family:Verdana;
	font-size:13px;
	color:#FA1461;
	text-decoration:none;
}
a.newslink:hover {
	font-family:Verdana;
	font-size:13px;
	color:#FA1461;
	text-decoration:none;
}
.newsunlink {
	font-family:Verdana;
	font-size:13px;
	color:#cc3366;
	text-decoration:none ;
}
.news_barre {
	font-family:Verdana;
	font-size:13px;
	color:#666666;
	text-decoration:none ;
}
.news_none {
	font-family:Verdana;
	font-size:13px;
	color:#CCCCCC;
	text-decoration:none ;
}
.event-titre{
	font-family:Verdana;
	font-size:12px;
	font-weight:bold;
	color:#666666;
}
.event-sous-titre{
	font-family:Verdana;
	font-size:12px;
	color:#666666;
}
.event-corps{
	font-family:Verdana;
	font-size:12px;
	color:#878787;
	font-weight: normal;
	text-align: justify;
}
.event-rose{
	font-family:Verdana;
	font-size:12px;
	color:#F0135E;
	font-weight: normal;
	text-align: justify;
}
.event-brd-bas {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
}
a.eventlink {
	font-family:Verdana;
	font-size:13px;
	color:#4F4F4F;
	text-decoration:none;
}
a.eventbout{
	font-family:Verdana;
	color:#4F4F4F;
	text-decoration:none;
}
a.eventselect {
	font-family:Verdana;
	font-size:13px;
	color:#cc3366;
	text-decoration:none ;
}
.eventunlink {
	font-family:Verdana;
	font-size:14px;
	color:#cc3366;
	text-decoration:none ;
}
.event_barre {
	font-family:Verdana;
	font-size:13px;
	color:#666666;
	text-decoration:none ;
}
.event_none {
	font-family:Verdana;
	font-size:13px;
	color:#CCCCCC;
	text-decoration:none ;
}
a.event {
	font-family:Verdana;
	font-size:13px;
	color:#666666;
	text-decoration:none;
	font-weight: bold;
}
.event_no {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #7D7D7D;
	}
.titre_off {	
font-size: 16px;
	color: #666666;
}
.storydiv {
    height:182px;
    width:355px;
    padding-left:175px;
    top:0px;
    left:0px;
}


.storyDesc{
    padding-top: 10px; 
    padding-right: 8px;
    display:block;
}

.fStory {
     padding-top: 10px;
     display:block;
     font-weight:bold;
}

#nav { 
	font-size:12px;
}
noselStory{
	color: #FA1461;
}

selStory {
	color: #FA1461;
}
.produits {
	font-size: 14px;
	line-height: 20px;
}
/* modèle 3 */
a.modele3:visited, a.modele3:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000;
	text-decoration: none;
	font-weight: normal;
	text-transform: uppercase;
	display : block;
	width : 100%;
	height:100%;
	line-height : 20px;
}
a.sous_modele3:visited, a.sous_modele3:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
	text-decoration: none;
	font-weight: normal;
	display : block;
	width : 100%;
	height:100%;
	line-height : 20px;
}
.horizontal{
 margin-left: 0px;
 margin-right: 0px;
 margin-top: 0px;
 margin-bottom: 0px;
 
}
 
.btOver{
 font-weight: bold;
 cursor: pointer;
}
 
.btOut{
 font-weight: normal;
} 
.conteneurH{
 width:400px;
 overflow: auto;
 padding: 0px;
 margin:0px;
 
 overflow:hidden;
}
/* mini-sites de mode */
.border-mode {
	border: 1px solid #999999;
}
.bas_mode{
	font-family:arial;
	color:#000000;
	font-size:10px;
	text-align: center;
	line-height: 20px;
}

a.linkmode, a.linkmode2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	text-decoration: none;
	font-weight: normal;
	width : 15px;
	cursor:hand ;
}
a.linkmode{
	color:#CC3376;	
}
a.linkmode2 {
	color:#000;
	}
.taille16 {
	font-size:16px;
}

#dividi5{
      	height: 400px;
      	overflow: auto;
      	border: none ;
		
}