/* CSS Document générique grandnancy.org - CSS regroupant les informations communes dans l'ensemble des css de chaque univers */

P,OL,UL,DIV,H1,H2,EM,A,FORM,H3,H4,H5,TABLE {
	font-family: Verdana, Arial, Sans-Serif;
	line-height: 130%;
}

h1 {
	font-family: Verdana, Arial, Sans-Serif;
	letter-spacing: -1px;
	font-weight: normal;

	font-size:220%;
	margin:0 0 30px 0;
}

h2 {
	font-size:170%;
	margin:15px 0 0 0;
}

h3 {
	font-size:140%;
	margin:10px 0 0 0;
}

img {
	border: none
}

.gn-page {
	background-color: #FFFFFF;
}

.souligne-interne {
	background:#FFF url('../images/accueil_v2/pointille_horizontal.png') repeat-x 0 100%;
}
	
/* l'ensemble des éléments de la page sont contenus dans cette div*/
#conteneur {
	position: absolute;
	width: 953px;
	height: auto;
}

#sousmenuconteneur a {
	font-size:80%;
}

#sousmenu2conteneur {
	padding-bottom:15px;
}

#information a, #documents a, #actualiteG a, #evenements a {
	/*font-size:80% !important;
	font-size:75% !important!;
	font-size:75%;*/
}

/* fil d'ariane*/
#filariane {
	float: left;
	width: 732px !important;
	width: 728px;
	background-color: #142E61;
	background-image: url(../images_grand-nancy/ariane.jpg);
	background-repeat: no-repeat;
	text-indent: 25px;
	color: white;
	font-size: 70%;
}

#filariane2 {
	float: left;
	width: 953px !important;
	width: 953px;
	background-color: #142E61;
	background-image: url(../images_grand-nancy/ariane.jpg);
	background-repeat: no-repeat;
	text-indent: 25px;
	color: white;
	font-size: 80%;
	padding-left: 0;
}

#filariane ul,#filariane2 ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

#filariane li,#filariane2 li {
	display: inline;
}

#filariane a {
	text-decoration: none;
	color: white;
	padding-left: 0px;
	height: 100%;
	font-size: 100%;
}

#filariane a:hover {
	color: #02a0c6;
}

#filariane2 a {
	text-decoration: none;
	color: white;
	padding-left: 10px;
	height: 100%;
	font-size: 100%;
}

#filariane2 a:hover {
	color: #02a0c6;
}

/*___ bandeau en tête de page Logo + les 5 rubriques principales du site Internet + animation Flash ___*/
	/* description du bandeau*/
#header {
	float: left;
	height: 54px;
	width: 953px;
}

#animationFlash {
	float: left;
	height: 190px;
	width: 953px;
}

/* espace du logo*/
#logo {
	float: left;
	height: 54px;
	width: 285px;
	display: inline;
}

/* espace des rubriques */
#rubriques {
	float: right;
	width: 666px;
	text-align: left;
	margin-top: -16px !important;
	margin-top: 0px;
}

#rubriques li {
	display: inline;
}

#rubriques a {
	display: block;
	text-decoration: none;
	width: 87px;
	height: 35px;
	color: white;
	font-size: 65%;
	padding-left: 5px;
}

#nav_loisirs {
	background-image: url(../images_general/fd-rub-loisir.jpg);
	position: absolute;
	left: 861px;
	padding-top: 15px !important;
	padding-top: 27px !important!;
	padding-top: 15px;
}

#nav_entreprises {
	background-image: url(../images_general/fd-rub-entreprise.jpg);
	position: absolute;
	left: 768px;
	padding-top: 15px !important;
	padding-top: 27px !important!;
	padding-top: 15px;
}

#nav_universites {
	background-image: url(../images_general/fd-rub-universite.jpg);
	position: absolute;
	left: 675px;
	padding-top: 15px !important;
	padding-top: 27px !important!;
	padding-top: 15px;
}

#nav_services {
	background-image: url(../images_general/fd-rub-services.jpg);
	position: absolute;
	left: 582px;
	padding-top: 15px !important;
	padding-top: 27px !important!;
	padding-top: 15px;
}

#nav_grandnancy {
	background-image: url(../images_general/fd-rub-grandnancy.jpg);
	position: absolute;
	left: 489px;
	padding-top: 15px !important;
	padding-top: 27px !important!;
	padding-top: 15px;
}

#nav_actualites {
	background-image: url(../images_general/fd-rub-actualite.jpg);
	position: absolute;
	left: 396px;
	padding-top: 15px !important;
	padding-top: 27px !important!;
	padding-top: 15px;
}

/*#nav_autre{position: absolute;left: 304px;padding-top:15px;background-color: (choisir la couleur);
}*/
#rubriques a:hover,a:active {
	height: 30px;
}

/* texte de remplacement animation flash */
.texteflash {
	font-size: 0.80%;
	color: red
}

/* Fonctions transverses */
#fonctionT {
	margin-top: 50px !important;
	margin-top: 5px !important !;
	margin-top: 15px;
	text-align: right;
	margin-right: 10px;
	list-style: none;
}

#fonctionT li {
	display: inline;
}

#fonctionT a {
	padding-left: 10px;
}

/*___ Actualités ___*/ /*Modif kcirot 08/09/2008*/
	/*#actualite {float:right; width: 222px; background-color: #FFFFFF;}*/
#actualite {
	float: left;
	width: 225px;
	background-color: #FFFFFF;

}

#actusN {
	
}

#actusN a {
	margin-left: -9px;
	text-decoration: none;
	color: #f16e04;
	padding-left: 10px;
	/*font-size: 80%;*/
	font-weight: bolder;
	border-bottom: 0px;
	margin-top:0px !important;
}

#actusN a:hover {
	color: #fff;
	background-color: #f16e04;
}

#actusN p {
	font-size: 80%;
}

#raccourcis {
	width: 225px;
	background-color: #f1eded;
	padding-top: 4px;
	padding-bottom: 1px;
}



#accueil {
	background-image: url(../images_general/fd-accueil.jpg);
	background-repeat: no-repeat;
	height: 28px;
	width: 214px;
	padding-top: 4px;
}

#accueil a {
	padding-left: 35px;
	text-decoration: none;
	color: #7d7e75;
}

#nouscontacter {
	background-image: url(../images_general/fd-nscontacter.jpg);
	background-repeat: no-repeat;
	height: 28px;
	width: 214px;
	padding-top: 4px;
}

#nouscontacter a {
	padding-left: 35px;
	text-decoration: none;
	color: #7d7e75;
}

#webcams {
	background-image: url(../images_general/fd-webcam.jpg);
	background-repeat: no-repeat;
	height: 28px;
	width: 214px;
	padding-top: 5px;
}

#webcams a {
	padding-left: 35px;
	text-decoration: none;
	color: #7d7e75;
}

#plansite {
	background-image: url(../images_general/fd-plansite.jpg);
	background-repeat: no-repeat;
	height: 28px;
	width: 214px;
	padding-top: 5px;
}

#plansite a {
	padding-left: 35px;
	text-decoration: none;
	color: #7d7e75;
}

#meteo1 {
	background-image: url(../images_general/fd-meteo.jpg);
	background-repeat: no-repeat;
	height: 28px;
	width: 214px;
	padding-top: 5px;
}

#meteo1 a {
	padding-left: 35px;
	text-decoration: none;
	color: #7d7e75;
}

#planagglo {
	background-image: url(../images_general/fd-planagglo.jpg);
	background-repeat: no-repeat;
	height: 28px;
	width: 214px;
	padding-top: 5px;
}

#planagglo a {
	padding-left: 35px;
	text-decoration: none;
	color: #7d7e75;
}

#recherche {
	background-image: url(../images_general/fd-loupe.jpg);
	background-repeat: no-repeat;
	width: 189px;
	padding-left: 36px;
	text-decoration: none;
	color: #001246;
	background-color: #f1eded;
	border-bottom: 1px solid #FFFFFF;
	padding-bottom: 5px;
}

#nouscontacter, #recherche, #planagglo, #meteo1, #plansite, #webcams {
	font-size:70%;
}

.envoyer {
	background-color: #c1bfbc;
	color: #444444;
	/*width: 30px;*/
	width:auto;
	cursor:pointer;
}

.champ {
	width: 120px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #7d7e75;
	height: 15px;
	text-indent: 2px
}

.titre {
	width: 218px;
	height: 32px;
	display: block;
	padding-bottom: 5px;
	background-image: url(../images_general/fd-titre-gauche.jpg);
	background-repeat: no-repeat;
	font-family: Trebuchet, Helvetica, sans-serif;
	font-size: 130%;
	color: #fff;
	text-indent: 3px;
	padding-top: 4px;
}

#meteo,#actusN,#agglo {
	width: 225px;
	background-color: #f1eded;
	border-bottom: 1px solid #FFFFFF;
	padding-top: 4px;
	padding-bottom: 10px;
	font-size: 70%;
}

#meteo a,#actus a {
	font-size: 100%;
	text-decoration: none;
	color: #003399;
	border-bottom: 1px dotted #663399;
}
#agglo {
	/*font-size: 80% !important;*/
	line-height: 100% !important;
}
#agglo a {
	font-size: 100%;
	text-decoration: none;
	color:#f16e04;
	font-weight: bold;
	padding-bottom:0px !important;
	margin-bottom:0px !important;
	line-height: normal !important;
}

#agglo a:hover {
	color: #fff;
	background-color: #f16e04;
}

#meteo a:hover,#actus a:hover   {
	color: #fff;
	background-color: #152e60;
}

#agglo a:active {
	color:#f16e04;
}

#meteo a:active  , #actus a:active  {
	color: #152e60;
	border-bottom: 1px dotted #152e60;
}

#meteo p,#actus p  , #agglo p {
	font-size: 100%;
	margin-left: 76px;
	width: 100px;
	height: 100%;
	color: #7d7e75;
	/*font-size: 80%*/
}

#pied {
	font-size:70%;
}

#breves,#communiques,#dossiers {
	
}

.article_actualite {
	clear: both;
	padding-bottom: 10px !important;
	padding-right: 5px !important;
	padding-bottom: 0px;
	/*font-size:90%;*/
	
}
.article_actualite p {
	padding-left: 5px !important;
	padding-left: 0px;
	padding-top: 0px !important;
	padding-top: 0px !important!;
	padding-top: 0px;
	margin-top:0px !important;
	margin-top:0px !important!;
	margin-top:0px;
	
}
.article_actualite p a {
	/*font-size:110% !important;*/
}

#Titre_breves {
	padding-left: 5px;
	color: #f48e08;
	background-image: url(../images_general/fd_breves.jpg);
	background-repeat: no-repeat;
	font-size: 100%;
	font-weight: bold;
	height: 25px;
	text-indent: 20px;
	padding-top: 7px;
	width: 213px;
}

.Titre2 {
	color: #7d7e75
}

#Titre_communiques {
	padding-left: 5px;
	color: #f16e04;
	background-image: url(../images_general/fd_communiques.jpg);
	background-repeat: no-repeat;
	font-size: 90%;
	font-weight: bold;
	height: 25px;
	text-indent: 20px;
	padding-top: 7px;
	width: 213px;
}

#Titre_dossiers {
	padding-left: 5px;
	color: #fe4904;
	background-image: url(../images_general/fd_dossiers.jpg);
	background-repeat: no-repeat;
	font-size: 100%;
	font-weight: bold;
	height: 25px;
	text-indent: 20px;
	padding-top: 7px;
	width: 213px;
}

.imageactu {
	float: left;
	height: 39px;
	width: 60px;
	padding: 5px 5px 5px 5px !important;
	padding: -10px 5px 5px 5px !important!;
	padding: 5px 5px 5px 5px;
	border: 1px solid #ccc;
	margin-right: 5px;
	margin-left:7px;
	margin-bottom:0px;
}

.video {
	float: left;
	height: 60px;
	width: 74px;
	padding: 0px 5px 0px 5px !important;
	padding: 0px 5px 0px 5px;
	font-size:80%;
}



#imageactu1 {
	float: left;
	height: 48px;
	width: 48px;
	padding: 5px 5px 5px 5px;
}

.liensbas {
	margin-left: 20px;
}

#contenuGauche {
	float: left;
	width: 215px;
	min-height: 150px;
	height: auto !important;
	/*height: 150px;*/
	font-size:80%;
}
#contenuGauche ul {
	color: #7d7e75;
	font-size:89% !important;
}
#contenuGauche p {
	color: #7d7e75;
	font-size:89% !important;
}

/*Modif kcirot 08/09/2008 : adaptation IE6*/
	/*#contenuMilieu{float:left; width: 495px!important; width:490px; padding: 0px 0px 10px 0px!important; padding: 10px 0px 10px 0px; height:100%;}*/
#contenuMilieu {
	float: left;
	width: 500px;
	padding: 0px 0px 10px 10px !important;
	padding: 10px 0px 10px 10px;
	height: 100%;
	font-size:100%;
}

/* pagination */
#pagination {
	color: #999999;
	float: left;
	width: 495px !important;
	width: 490px;
	padding: 10px 0px 10px 0px !important;
	padding: 10px 0px 10px 0px;
	height: 100%;
	text-align: center;
}

#pagination a {
	color: #152e60 !important;
	text-decoration: none !important;
}

#pagination a:hover {
	color: #fff !important;
	background-color: #152e60 !important;
}

/*___ Eléments FlexForm ___*/ /* article */
#contenuMilieu {
	font-size:8pt;
}

#article {
	float: left;
	width: 480px !important;
	width: 490px;	
	padding: 0px 10px 10px 10px !important;
	padding: 10px 0px 10px 0px;
	height: 100%;

	/* GUIGUI */
	/*font-size:70%;*/
}


#divContenu {
	/*font-size:80%;*/
	/*padding-top:30px;*/
	color: #7d7e75;
}
#contenuTyposcript {
	/*font-size:100%;*/
	/*margin-bottom:30px;*/
	color: #7d7e75;
}

#article p {
	/*font-size: 100% !important;
	font-size: 95% !important!;
	font-size: 95%;*/
	color: #7d7e75;
	text-align: justify;
	line-height: 150%;
}

#article a {
	font-size: 100%;
	text-decoration: none;
	color: #b7227f;
}

#article a:hover {
	color: #fff;
	background-color: #b7227f;
}

#article h1 {
	color: #b7227f;
	text-transform: uppercase;	
	letter-spacing: 0;
	/*margin-bottom: -7px;*/
	/*min-height: 35px;
	height: auto !important;
	height: 35px;*/
	line-height:1.1em;
	/*padding-bottom:20px;*/
	/*margin-bottom:30px;*/


	/* GUIGUI */
	/*font-size: 170%;*/
}

#article h2 {
	color: #b7227f;
	text-transform: uppercase;
	margin-bottom: 5px;

	/* GUIGUI */
	/*font-size: 120%;*/
}

/*#article h2 {
	color: #8AAB1B  !important;
	font-size: 180%  !important;
	text-transform: uppercase;
	border-bottom: 1px solid #8AAB1B;
	padding-bottom: 5px;
}*/

.listeDocs, .listeEvts, .galeriePhoto, .galerieVideo, .lienRetour, .listeActus {
	/* GUIGUI */
	/*font-size:70%;*/
}

.listeDocs h2, .listeActus h2 {
	font-size:170%;
	font-weight:normal;
}
.listeActus h2 strong {
	font-weight:normal;
}

.lienRetourActu {
	/*font-size:70% !important;*/
}

/* Evénements */
.listeEvts {
	color:#7d7e75;
}
.listeEvts h2 {
	font-size:180% !important;
	letter-spacing:0 !important;
	color:black !important;
	font-weight:normal !important;
	margin-bottom:20px !important;
}
.listeEvts h3 {
	font-size:140% !important;
	letter-spacing:0 !important;
	font-weight:normal !important;
}

.articleDoc {
	float: left;
	width: 495px !important;
	width: 490px;
	padding: 0px 0px 10px 0px !important;
	padding: 10px 0px 10px 0px;
	height: 100% !important;
}

.articleDoc p {
	/*font-size: 90%;*/
	color: #7d7e75;
	text-align: justify;
	line-height: 150%;
}

.articleDoc a {
	font-size: 100%;
	text-decoration: none;
	color: #b7227f;
}

.articleDoc a:hover {
	color: #fff;
	background-color: #b7227f;
}

.articleDoc h1 {
	color: #b7227f;
	text-transform: uppercase;
	/*font-size: 250%;*/
	/*letter-spacing: -1px;*/
	/*margin-bottom: -7px;*/
	/*min-height: 35px;
	height: auto !important;
	height: 35px;*/
}

.articleDoc h2 {
	color: #8AAB1B  !important;
	/*font-size: 180%  !important;*/
	text-transform: uppercase;
	border-bottom: 1px solid #8AAB1B;
	padding-bottom: 5px;
}



.article {
	float: left;
	width: 495px !important;
	width: 490px;
	padding: 0px 0px 10px 0px !important;
	padding: 10px 0px 10px 0px;
	height: 100% !important;
	/*font-size:70%;*/
}

.article p {
	/*font-size: 90%;*/
	color: #7d7e75;
	text-align: justify;
	line-height: 150%;
}

.article a {
	/*font-size: 100%;*/
	text-decoration: none;
	color: #b7227f;
}

.article a:hover {
	color: #fff;
	background-color: #b7227f;
}

.article h1 {
	color: #b7227f;
	text-transform: uppercase;
	/*  GUIGUI */
	/*font-size: 250%;*/
	letter-spacing: 0;
	/*margin-bottom: -7px;*/
	/*min-height: 35px;
	height: auto !important;
	height: 35px;*/
}

.article h2 {
	color: #8AAB1B  !important;
	/*font-size: 180%  !important;*/
	text-transform: uppercase;
	border-bottom: 1px solid #8AAB1B;
	padding-bottom: 5px;
}
/*.divContenuRTE h2 {
	color: #b7227f;
	font-size: 120%;
	text-transform: uppercase;
	margin-bottom: 5px;
}*/

.divContenuRTE {
	/*font-size:90%;*/
}

.article h3 {
	color: #000;
	text-transform: uppercase;
	/*font-size: 180%;*/
	letter-spacing: -1px;
	/*margin-bottom: -7px;*/
	/*height: 35px;	*/
}

/*#article .divContenuRTE h3 {
	color: #999966 !important;
	font-size: 110%  !important;
	text-transform: uppercase  !important;
	margin-top:8px;
	font-weight:bold !important;
}*/

#article h3 {
	color: #000;
	text-transform: uppercase;
	/*font-size: 180%;*/
	font-weight:normal;
	letter-spacing: -1px;
	/*margin-bottom: -7px;*/
	/*height: 35px;*/
	/*color: #999966;
	font-size: 110%;
	text-transform: uppercase;
	margin-bottom: 10px;
	margin-top: -14px;*/
}

.lien {
	color: #b7227f;
	/*font-size: 120%;*/
	text-transform: uppercase;
	margin-bottom: 5px;
}

#article2 {
	float: left;
	width: 950px !important;
	width: 950px;
	padding: 1px 0px 10px 0px !important;
	padding: 10px 0px 10px 0px;
	height: 100%;
}

#article li {
	/*margin-left: 14px !important;*/
	margin-bottom:5px;
}

.article li {
	margin-left: 14px !important;
	margin-bottom:5px;
}

.important {
	color: #333333;
	font-weight: bolder;
}

.important2 {
	color: #990066;
	font-weight: bolder;
}

.important3 {
	color: #df245c;
	font-weight: bolder;
}

.important4 {
	color: #ee9414;
	font-weight: bolder;
}

.encadre {
	background-color: #E6F4FF;
	color: #FFFFFF;
	border: 3px solid #D3ECFF;
	width: auto;
	text-align: center;
	padding: 5px 5px 5px 5px;
	color: #003399;
}

.date2 {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #E05AAE;
	/*width:324px!important; width:320px; float:right;*/
	margin-bottom: 15px;
	color: #EEA8D3;
	text-align: right;
	font-size: 80%;
	margin-top: 5px;
}
.date23 {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #E05AAE;
	/*width:324px!important; width:320px; float:right;*/
	margin-bottom: 17px !important;
	color: #EEA8D3;
	text-align: right;
	font-size: 80%;
	margin-top: 5px;
}


.video2 {
	float: left;
	height: 88px;
	width: 120px;
	padding: 5px 5px 10px 5px !important;
	padding: 5px 5px 10px 5px;
}
.video5 {
	float: left;
	height: 98px;
	width: 74px;
	padding: 5px 5px 10px 10px !important;
	padding: 5px 5px 10px 10px;
	margin-left: 12px;
}
.video3 {
	float: left;
	height: 336px;
	width: 420px;
	padding: 5px 30px 10px 30px !important;
	padding: 5px 25px 10px 25px;
}

.date3 {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #E05AAE;
	width: 365px !important;
	width: 355px;
	float: right;
	margin-bottom: 15px;
	color: #EEA8D3;
	text-align: right;
	font-size: 80%;
	margin-top: 5px;
}

.date4 {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #E05AAE;
	width: 100% !important;
	width: 100%;
	float: right;
	margin-bottom: 15px;
	color: #EEA8D3;
	text-align: right;
	font-size: 80%;
	margin-top: 5px;
}

.retranscription {
	float: right;
	background-color: #EEEEEE;
	padding: 5px 0px 5px 5px;
	color: #b7227f;
	width: 100% !important;
	width: 100%;
	margin-bottom: 15px;
	color: #fff;
}

.video_titre {
	font-size: 80%;
	text-align: center;
	color: #999999;
	width: 190px;
	padding: 0px 15px 5px 0px !important;
	padding: 12px 15px 5px 0px;
}
.video_titre2 {
	font-size: 80%;
	text-align: center;
	color: #999999;
	width: 65px;
	display:block;
	padding: 0px 15px 0px 5px !important;
	padding: 12px 15px 0px 5px;
}

.article_evenement {
	padding-bottom: 10px !important;
	padding-bottom: 0px;
	width: 200px;
}

.imageactu2 {
	float: left;
	height: 48px;
	width: 48px;
	padding: 5px 5px 5px 5px !important;
	padding: 5px 5px 5px 5px;
	margin-left: 10px;
}
.imageactu3 {
	float: left;
	height: 65px;
	width: 60px;
	padding: 5px 5px 5px 5px !important;
	padding: 5px 5px 5px 5px;
	margin-left: 22px;
}
.imageactu3 a:hover {
	background:none !important;
}

.image_titre2 {
	font-size: 80%;
	color: #999;
	/*width: 45px;*/
	width:100% !important;
	display:block;
	text-align:center;
	
	
}

.image_detail, .agrandir {
	width: 450px !important;
	width: 450px;
	height:auto !important;
	padding-left:25px !important;
	padding-right:25px !important;
}



/* tête d'article */
#titrearticleActu {
	clear: both;
	/*font-size:70%;*/
}

#titrearticleActu h1 {
	color: #b7227f;
	text-transform: uppercase;
	/*font-size: 200%;*/
	/*letter-spacing: -1px;*/
	/*margin-bottom: -7px;*/
	/*height: 35px;*/
	margin-top:15px;
	margin-bottom:0;
}
#titrearticle {
	clear: both;
	/*font-size:90%;*/
}

#titrearticle h1 {
	color: #b7227f;
	text-transform: uppercase;
	/* GUIGUI */
	/*font-size: 230%;*/
	/*letter-spacing: -1px;
	margin-bottom: -7px;*/
	/*height: 35px;*/
}

#titrearticle h2 {
	color: #454545;
	/*font-size: 120%;*/
	text-transform: uppercase;
	margin-bottom: 5px;
}

#titrearticle p {
	/*font-size: 100%;*/
	color: #7d7e75;
	text-align: justify;
}

#titrearticle a {
	/*font-size: 100%;*/
	text-decoration: none;
	color: #003399;
	border-bottom: 1px dotted #663399;
}

#titrearticle a:hover {
	color: #fff;
	background-color: #152e60;
}

/*Photo*/
#titrearticlePhoto {
	clear: both;
	/*font-size:80%;*/
}

#titrearticlePhoto h1 {
	color: #b7227f;
	text-transform: uppercase;
	/*font-size: 230%;*/
	/*letter-spacing: -1px;*/
	/*margin-bottom: -7px;*/
	/*height: 35px;*/
	margin-top:15px;
	margin-bottom:0;
}

#titrearticlePhoto h2 {
	color: #454545;
	/*font-size: 120%;*/
	text-transform: uppercase;
	margin-bottom: 5px;
}

#titrearticlePhoto p {
	/*font-size: 90%;*/
	color: #7d7e75;
	text-align: justify;
}

#titrearticlePhoto a {
	/*font-size: 90%;*/
	text-decoration: none;
	color: #003399;
	border-bottom: 1px dotted #663399;
}

#titrearticlePhoto a:hover {
	color: #fff;
	background-color: #152e60;
}

/*Vidéo*/
#titrearticleVideo {
	clear: both;
	/*font-size:60%;*/
	color:#7d7e75;
}

#titrearticleVideo h1 {
	color: #b7227f;
	text-transform: uppercase;
	/*font-size: 230%;
	letter-spacing: -1px;
	margin-bottom: -7px;*/
	/*height: 35px;*/
	margin-top:15px;
	margin-bottom:0;
}

#titrearticleVideo h2 {
	color: #454545;
	/*font-size: 120%;*/
	text-transform: uppercase;
	margin-bottom: 5px;
}

#titrearticleVideo p {
	/*font-size: 100%;*/
	color: #7d7e75;
	text-align: justify;
}

#titrearticleVideo a {
	/*font-size: 90%;*/
	text-decoration: none;
	color: #003399;
	border-bottom: 1px dotted #663399;
}

#titrearticleVideo a:hover {
	color: #fff;
	background-color: #152e60;
}
#titrearticleVideo .date4 {
	font-size:90% !important;
}
.image_titre {
	font-size: 80%;
	text-align: center;
	color: #999999;
	float: left;
	width: 190px;
	padding: 17px 15px 5px 0px !important;
	padding: 12px 15px 5px 0px;
}

.date {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #E05AAE;
	width: 285px;
	float: right;
	margin-bottom: 15px;
	color: #EEA8D3;
	text-align: right;
	font-size: 80%;
	margin-top: 5px;
}

.chapo {
	float: right;
	background-color: #E8D0D0;
	padding: 5px 0px 5px 5px;
	color: #b7227f;
	width: 280px !important;
	width: 275px;
	margin-bottom: 15px;
}

/* image à droite et à gauche */
.articletextegauche,.articletextedroite {
	clear: both;
}
.articletextedroite h2 {
	clear: both;
	
}

.articletextegauche p,.articletextedroite p {
	/*font-size: 90%;*/
	color: #7d7e75;
	text-align: justify;
	line-height: 150%;
}

.articletextegauche a,.articletextedroite a {
	/*font-size: 100%;*/
	text-decoration: none;
	color: #b7227f;
}

.articletextegauche a:hover,.articletextedroite a:hover {
	color: #fff;
	background-color: #b7227f;
}

.image_droite {
	/*font-size: 80%;*/
	text-align: center;
	color: #999999;
	float: right;
	width: 150px;
	/*height: 150px;*/
	padding: 0px 0px 20px 20px;
}

.texte_gauche {
	float: left;
	width: 320px;
}

.image_gauche {
	/*font-size: 80%;*/
	font-size: 90%;	
	text-align: center;
	color: #999999;
	float: left;
	/*width: 150px;
	height: 150px;*/
	padding: 0px 20px 20px 0px;
}

.texte_droite {
	 /*float:right; width:320px;*/
}

.pListeActus {
	clear: both;
}

/* texte avec une grande photo */
#textegrandephoto {
	clear: both;
}

#textegrandephoto p {
	/*font-size: 90% !important;
	font-size: 80% !important!;
	font-size: 80%;*/
	color: #7d7e75;
	text-align: justify;
	line-height: 150%;
}

#textegrandephoto a {
	/*font-size: 100%;*/
	text-decoration: none;
	color: #003399;
	border-bottom: 1px dotted #663399;
}

#textegrandephoto a:hover {
	color: #fff;
	background-color: #152e60;
}

#textegrandephoto h2 {
	margin-top: 10px;
	clear: both;
	color: #8AAB1B;
	/*font-size: 130%;*/
}

.image_grande {
	width: 490px;
}

.image_grande p {
	/*font-size: 80%;*/
	color: #999999;
	margin-top: -1px
}

/*** formulaire ***/
form {
	clear: both;
	color:#7d7e75;
}
form input, form select {
	font-size:90%;
	font-family:Verdana;
	color:#7d7e75;
}
form textarea {
	font-size:100%;
	font-family:Verdana;
	color:#7d7e75;
	width:250px;	
}
form input {
	width:250px;
}

#mailform {
	margin-top:20px;
	font-size:100%;
}

.labelFormulaire {
	width: 180px;
	float:left;
	padding-bottom:10px;
	padding-right:10px;
}

.labelCommentaire {
	/*font-size:95%;*/
}

.inputFormulaire {
	width: 260px;
	float:left;
	padding-bottom:10px;
	
}
.caseACocherBoutonRadioFormTypo3 {
	/*float:left;*/
	width:15px;
}

.inputCheckBoxFormulaire {
	float:left;
	width:15px;
}

.divErreursFormTypo3 {
	/*font-size:90%;*/
	margin-top:10px;
	padding-bottom:10px;
	font-weight:bold;
	color:#ff0000;
}
.boutonValidationFormTypo3  {
	/*float: right;*/
	cursor:pointer;
	color:#444444;
	font-weight:bold;
	margin: 10px 0px 0 5px;
	/*background: #8AAB1B;*/
	/*border: 1px solid #d7b9c9;*/
	border: 1px solid #444444;
	width:auto;
	padding: 0 6px;
}

.form-footer {
	
}
/*
label {
	font-size: 100%;
}

label u {
	font-style: normal;
	text-decoration: underline;
}

input,select,textarea {
	font-size: 100%;
	color: #666;
}

textarea {
	overflow: auto;
}

.envoyer {
	background-color: #c1bfbc;
	color: #000;
	width: 60px;
}

.champ {
	width: 80px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #7d7e75;
	text-indent: 2px
}

form div {
	clear: left;
	display: block;
	width: 504px;
	height: auto;
	margin: 5px 0 0 0;
	padding: 1px 3px;
	font-size:90%;
}



form fieldset div.notes {
	float: right;
	width: 150px;
	height: auto;
	margin: 0 0 10px 0px;
	padding: 3px 5px 5px 5px;
	background-color: #CB96CB;
	font-size: 88%;
}

form fieldset div.notes h4 {
	padding: 3px 0 3px 0;
	border-width: 0 0 1px 0;
	border-style: solid;
	border-color: #660066;
	color: white;
	font-size: 100%;
}



form fieldset div.notes p {
	margin: 0px 0px 1.2px 0px;
	color: #ffffff;
	text-align: left;
	font-size: 90%;
}

form fieldset div.notes a {
	padding-left: 15px;
	font-size: 100%;
	text-decoration: none;
	color: #003399;
	background-image: url(../images_general/lien_article2_a.png);
	background-repeat: no-repeat;
	border-bottom: 1px dotted #663399;
	font-size: 100%;
}

form fieldset div.notes a:hover {
	padding-left: 15px;
	font-size: 100%;
	color: #fff;
	background-image: url(../images_general/lien_article2_h.png);
	background-repeat: no-repeat;
	border-bottom: 1px dotted #95C444;
}

form div fieldset {
	clear: none;
	border-width: 1px;
	border-style: solid;
	border-color: #999999;
	margin: 0 0 0 140px;
	padding: 0 3px 3px 3px;
	width: 252px;
}

form div fieldset legend {
	font-size: 100%;
	padding: 0 3px 0 9px;
}

form div.required fieldset legend {
	font-weight: bold;
}

form div label {
	display: block;
	float: left;
	
	padding: 0px 5px;
	margin: 0 0 0px 0;
	text-align: right;
}


form div.optional label,label.optional {
	font-weight: normal;
}

form div.required label,label.required {
	font-weight: bold;
}

form div label.labelCheckbox,form div label.labelRadio {
	float: none;
	display: block;
	width: 200px;
	padding: 0;
	margin: 0 0 5px 142px;
	text-align: left;
}

form div fieldset label.labelCheckbox,form div fieldset label.labelRadio
	{
	margin: 5px 0 5px 0;
	width: 170px;
}

form div img {
	border: 1px solid #ccc;
}

p.error {
	background-color: #ff0000;
	background-image: url(/images/icon_error.gif);
	background-repeat: no-repeat;
	background-position: 3px 3px;
	color: #ffffff;
	padding: 3px 3px 5px 27px;
	border: 1px solid #000000;
	margin: auto 100px;
}

form div.error {
	background-color: #ffffe1;
	background-image: url(/images/required_bg.gif);
	background-repeat: no-repeat;
	background-position: top left;
	color: #666666;
	border: 1px solid #ff0000;
}

form div.error p.error {
	background-image: url(/images/icon_error.gif);
	background-position: top left;
	background-color: transparent;
	border-style: none;
	font-size: 88%;
	font-weight: bold;
	margin: 0 0 0 118px;
	width: 200px;
	color: #ff0000;
}

form div input,form div select,form div textarea {
	width: 200px;
	padding: 1px 3px;
	margin: 0 0 0 0;
}



form div input.inputFile {
	width: 211px;
}

form div select.selectOne,form div select.selectMultiple {
	width: 211px;
	padding: 1px 3px;
}

form div input.inputCheckbox,form div input.inputRadio,input.inputCheckbox,input.inputRadio
	{
	display: inline;
	height: 14px;
	width: 14px;
	background-color: transparent;
	border-width: 0;
	padding: 0;
	margin: 0 0 0 2px;
}

form div.submit {
	width: 214px;
	padding: 0 0 0 200px;
}

form div.submit div {
	display: inline;
	float: left;
	text-align: left;
	width: auto;
	padding: 0;
	margin: 0;
}

form div input.inputSubmit,form div input.inputButton,input.inputSubmit,input.inputButton
	{
	width: auto;
	padding: 0 6px;
	margin: 0;
}
*/
form div small {
	display: block;
	margin: 0 0 5px 142px;
	padding: 1px 3px;
	font-size: 88%;
}

/* tableau */
#tableau {
	clear: both;
}

table {
/*	border: 2px solid #a3499a; */
	border-collapse: collapse;
	width: 100%;
/*	color: #a3499a; */
}

.lignemauve {
	background-color: #c160a2;
	color: #FFFFFF;
	border: 1px solid #e7c7e4;
}

th {
	padding: 5px;
}

td {
/*	border: 1px solid #c160a2;    */
	padding: 5px;
	text-align: center;
	width: 50%;
/*	background-color: #e7c7e4;  */
}

#taleau table td p .paragContenuRTE {
	background: #ff0000;
	color: #a3499a;
}

#tableau p {
	/*font-size: 90%;*/
	color: #7d7e75;
	text-align: justify;
	line-height: 150%;
}

#tableau a {
	/*font-size: 100%;*/
	text-decoration: none;
	color: #003399;
	border-bottom: 1px dotted #663399;
}

#tableau a:hover {
	color: #fff;
	background-color: #152e60;
}

.titreVert {
	/* GUIGUI */
	/*font-size: 140%;*/
	font-size: 140%;
	margin: 10px 0px 10px 0px;
	color: #8AAB1B;
	font-weight: bold;
}


.titreGrasVert	{
	color: #8AAB1B;
	/* GUIGUI */
	/*font-size: 180%;*/
	font-size: 140%;
	text-transform: uppercase;
	border-bottom: 1px solid #8AAB1B;
	padding-bottom: 5px;
}

.sousTitreGrasVert {
	color: #999966;
	/* GUIGUI */
	font-size: 110%;
	text-transform: uppercase;
	margin-bottom: 10px;
	margin-top: -14px;
}

.clearBoth {
	clear: both;
}

.lienImageConf {
	display: block;
	float: left;
	background-color: transparent;
	background-image: url(../images/fondVideoConfBlanc.gif);
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-x-position: 0%;
	background-y-position: 0%;
	padding-top: 4px;
	padding-right: 7px;
	padding-bottom: 17px;
	padding-left: 5px !important;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px !important;
	width: 60px;
	height: 40px;
	font-size:110% !important;
}

.lienImageConfAcc {
	display: block;
	float: left;
	background-color: transparent;
	background-image: url(../images/fondVideoConfBlanc.gif);
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-x-position: 0%;
	background-y-position: 0%;
	padding-top: 6px;
	padding-right: 7px;
	padding-bottom: 17px;
	padding-left: 7px !important;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 3px;
	width: 85px;
	height: 65px;
}

.lienImageConfInt {	
	display: block;
	float: left;
	background-color: transparent;
	background-image: url(../images/fondVideoConfBlanc.gif);
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-x-position: 0%;
	background-y-position: 0%;
	padding-top: 4px;
	padding-right: 7px;
	padding-bottom: 17px;
	padding-left: 5px !important;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px !important;
	width: 60px;
	height: 40px;
	font-size:110% !important;
}

.lienImageConf:hover, .lienImageConfAcc:hover, .lienImageConfInt:hover, .videoAcc a:hover, .photoAcc a:hover, .aPhotoBlocDroite:hover {
	background-color:transparent !important;
}

.videoAcc {
	float: left;
	/*height: 98px;*/
	width: 120px;
	padding: 5px 5px 10px 10px !important;
	padding: 5px 5px 10px 10px;
}

.photoAcc {
}

.aPhotoBlocDroite {
	display:block;
	padding-left:16px !important;
}

/****************** Style ajouté par fatna pour le formulaire de recherche le 03/10/08 *********************/
#recherche2 {
	float:left;
	padding-top:8px;
}
#recherche2 .champ {
	width: 100px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #7d7e75;
	height: 12px;
	text-indent: 2px;
	padding-bottom: 2px !important;
}
#recherche .champ {
	width: 100px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #7d7e75;
	height: 12px;
	text-indent: 2px;
	padding-bottom: 2px !important;
}


#recherche2 .envoyer {
	width: 60px;
	background-color: none;
	margin-left: 3px;
	cursor:pointer;
	color:#444444;
	/*border: 1px solid #444444;*/
	padding: 0 6px;
	vertical-align:middle;
	*vertical-align:auto;
}

.lienbas {
	color:#f16e04;
	}
/*********************** Style ajouté par fatna pour le formulaire de recherche ***************************/

/*#recherche2 .paragContenuRTE {
	display:inline;
}
#recherche2 .aligneFloatDroiteRTE {
	display:inline;
}*/
.tablevert, .tablemauve {
	font-size:80%;
}
/*#sousmenu2conteneur li {
	font-size:80%;
}*/
.detailActu {
	/*font-size:100% !important;*/
}

/*********************** Style ajouté par Christophe Rollot pour les fiche des villes ***************************/

#BlocVille {
	display:bloc;
	float:left;
	width:98%;
	}
#BlocVille img{
	border:1px solid #c0bfbb;
	padding:5px;
	}
#BlocVille .couleur {
	color :#b7227f
	}

#FicheVille {
	
	float:left;
	width:235px;
	color:#7d7e75;
	font-size:11px
	padding:3px;
	margin-right:3px;
	}
	
#FicheVilleDroite {
	
	float:left;
	width:235px;
	color:#7d7e75;
	border-left:#01657e solid 1px;
	padding-left:3px;
	font-size:11px
	}
	
#FicheVilleTitre {
	clear:both;
	display:block;
	font-weight:bold;
	color:#01657e;
	width:100%;
	border-bottom:1px solid #01657e;
	font-size:14px;
	}


/*********************** fin ***************************/