* {
	margin: 0;
	border: 0;
	padding: 0;
}

BODY {
	font-family: Arial, Helvetica, Times New Roman, sans-serif;
	text-align: center; /* pour corriger le bug de centrage IE */
}

A{
	color: #3773a8;
}
A:hover{
	color: #9a0057;
}

.global{
	margin-left: auto;
	margin-right: auto;
	width: 993px;
	text-align: left;
	background-image: url(/resources/images/fondbas.jpg);
	background-position: bottom;
	background-repeat:no-repeat;
}

p
{
    text-align:left;
}

/*------------------------------------------------------------------------------*/
									/*ENTETE*/
.entete {
	background-image: url(/resources/images/fondhaut.jpg);
	padding: 17px 0px 0px 190px;
	height:145px;
	Background-repeat: no-repeat;
	color: #9a0057;
}
.entete A.SelectedLink {
	color: #9a0057;
}

.MenuMajeur span.texte, 
.MenuMajeur span.texte A {
	font-family: Trebuchet MS, Arial, Helvetica, Times New Roman, sans-serif;
	font-size: 17px;
	font-weight: normal;
	display: inline;
	vertical-align:top;
	text-decoration: none;
}
.MenuMajeur span.texte {
	margin-right:8px;
}
.MenuMajeur span.flags {
	padding-left: 13px;
}

.MenuMineur {
	font-family: Trebuchet MS, Arial, Helvetica, Times New Roman, sans-serif;
	height:56px;
	color: #9a0057;
}
.MenuMineur span.texte,
.MenuMineur span.texte A {
	font-size: 12px;
	font-weight: bold;
	display: inline;
	vertical-align:top;
	text-decoration: none;
}
.MenuMineur span.texte {
	margin-right:11px;
}

.MenuTransverse,
.MenuTransverseEn
{
	font-family: Trebuchet MS, Arial, Helvetica, Times New Roman, sans-serif;
	height:50px;
	padding: 0px 0px 0px 205px;
}
.MenuTransverse li,
.MenuTransverseEn li
{
	background-position: 0px 5px;
	background-image: url(/resources/images/pucejaune.gif);
	background-repeat: no-repeat;
	font-size: 13px;
	display: inline;
}

.MenuTransverse li
{
	padding: 0px 0px 0px 17px;
	margin-right:13px;
}

.MenuTransverseEn li
{
	padding: 0px 0px 0px 15px;
	margin-right:10px;
}


.MenuTransverse A,
.MenuTransverseEn A
 {
	color: #002c5a;
	text-decoration: none
}

.MenuMajeur A,
.MenuMineur A {
	color: #3773a8;
	text-decoration: none
}

.MenuMajeur A:hover,
.MenuMineur A:hover,
.MenuTransverse A:hover,
.MenuTransverseEn A:hover {
	color: #9a0057;
	text-decoration: none
}


/*----------------------------------------------------------------------------*/
									/*MAIN*/
.pagePrincipale {
	text-align: left;
	color: #002c5a;
	font-size:12px;
	min-height:380px;
	_height:404px;

}

.titreRubrique {
	font-family: Trebuchet MS, Arial, Helvetica, Times New Roman, sans-serif;
	background-image: url(/resources/images/fleche.gif);
	Background-repeat: no-repeat;
	background-position: 90px 10px;
	padding: 0px 0px 10px 120px;
	color: #9a0057;
	font-size:36px;
}

.titrePage {
	font-family: Trebuchet MS, Arial, Helvetica, Times New Roman, sans-serif;
	background-image: url(/resources/images/flechegris.gif);
	Background-repeat: no-repeat;
	background-position: 90px 0px;
	padding: 0px 0px 10px 120px;
	font-size:22px;
}
.titrePage .highlight {
	color: #9a0057;
}

.titreViolet {
	font-family: Trebuchet MS, Arial, Helvetica, Times New Roman, sans-serif;
	background-image: url(/resources/images/flechegris.gif);
	Background-repeat: no-repeat;
	background-position: 90px 0px;
	padding: 0px 0px 10px 120px;
	font-size:22px;
	color: #9a0057;
}

.texteVioletdcontact {
	color: #9a0057;
	padding: 0px 0px 10px 120px;
	font-size: 12px;
}

.texteVioletEtPuceJaune,
.texteVioletEtPuceJauness
{
	background-image: url(/resources/images/bullejaune.gif);
	background-repeat: no-repeat;	
	background-position: center left;
	padding: 2px 0px 0px 25px;
	color: #9a0057;
	font-size: 13px;
	font-weight: bold;
	
	white-space: nowrap
}

.texteVioletEtPuceJaune
{
	margin-bottom: 50px;
}

.texteVioletEtPuceJauness
{
	margin-bottom: 2px;
}

.texteVioletEtPuceJaune A,
.texteVioletEtPuceJauness A
{
	color: #9a0057;
}

.texteVioletEtPuceViolet{
	background-image: url(/resources/images/bullerose.gif);
	background-repeat: no-repeat;
	background-position: 0px 2px;
	padding: 2px 0px 2px 25px;
	color: #002c5a;
	font-size:14px;
	font-weight:bold;
	margin-bottom:10px;
}




#fonddemcontact {
	background-image: url(/resources/images/fonddemcontact.jpg);
}

#sanspuce {
	list-style-type: none;
}

#retourligne {
	clear:left;
}

#espace {
padding-top:20px;
}

#espaceapres {
padding-bottom:15px;
}


#centrage {
	text-align: center;
}

.imagerubrique {
		text-align: center;
		padding: 30px 0px 30px 0px; 
}


/*----------------------------------------------------------------------------*/
							/*colonnes*/
/* Contenu 1 seul colonne*/
.colonne {
	float:left;
	width:825px;
	clear:left;
	padding: 0px 0px 20px 90px;
	font-size:12px;
	color: #002c5a;
}

.colonne p {
	text-align: justify;
}

/* Contenu 2 colonnes*/

.colonneG {
	float:left;
	width:400px;
	clear:left;
	padding: 0px 0px 50px 90px;
	font-size:12px;
	color: #002c5a;
}

.colonneD {
	float:left;
	width:365px;
	padding: 0px 0px 50px 0px;
	margin-left:50px;
	font-size:12px;
	color: #002c5a;

}

/* Contenu 3 colonnes*/
.colonne3G {
	float:left;
	width:255px;
	clear:left;
	padding: 0px 0px 50px 90px;
	font-size:12px;
	color: #002c5a;
}

.colonne3C {
	float:left;
	width:255px;
	padding: 0px 0px 50px 0px;
	margin-left:50px;
	font-size:12px;
	color: #002c5a;
}

.colonne3D {
	float:left;
	width:255px;
	padding: 0px 0px 50px 0px;
	margin-left:50px;
	font-size:12px;
	color: #002c5a;
}

/* Colonnes actu/evenement */
.colonneActu
{
    margin:20px 0 20px 0;
    background: url(/resources/images/fondActu.gif) 90px 0px no-repeat;
    float:left;
	width:385px;
	height:100px;
	clear:left;
	padding: 40px 0px 50px 90px;
	font-size:12px;
	color: #002c5a;  
}

.colonneEven
{
    margin:20px 0 20px 0;
    background: url(/resources/images/fondEven.gif) 0px 0px no-repeat;
	float:left;
	width:385px;
	height:100px;
	padding: 40px 0px 50px 0px;
	margin-left:50px;
	font-size:12px;
	color: #002c5a;
}



.colonneActu h1,
.colonneEven h1,
.colonne h1,
.colonneD h1,
.colonneG h1,
.colonne3G h1,
.colonne3C h1,
.colonne3D h1
{
	background-image: url(/resources/images/flechegris2.gif);
	Background-repeat: no-repeat;
	background-position: 0px 5px;
	padding: 7px 0px 2px 31px;
	color: #9a0057;
	font-size:15px;
}

.colonne h2,
.colonneD h2,
.colonneG h2,
.colonne3G h2,
.colonne3C h2,
.colonne3D h2 {
	padding: 13px 0px 5px 31px;
	color: #002c5a;
	font-size:14px;
	font-weight:bold;
}

.colonne h3,
.colonneD h3,
.colonneG h3,
.colonne3G h3,
.colonne3C h3,
.colonne3D h3 {
	padding: 4px 0px 5px 31px;
	font-size:13px;
	font-weight:bold;
}


.colonne p,
.colonneG p,
.colonne3G p,
.colonne3C p,
.colonne3D p
{
		padding: 2px 0px 3px 31px;
}

.colonneD p
{
        padding: 2px 31px 3px 31px;
}

.colonne ul,
.colonneG ul {
		padding: 2px 0px 3px 70px;
}

.colonneD ul{
	margin: 2px 35px 0px 50px;
}


.actualite2,
.evenement2
{
    display:block;
    padding:5px 11px 5px 12px;
}



.actutitre2{
	color: #9a0057;
	font-size:12px;
	padding: 0px 0 15px 0;
}

.actutitre2 a
{
    color: #9a0057;
    text-decoration:none;
}
.actutitre2 a:hover
{
    color: #3773a8;
}

.archive
{
    position:absolute;
    top:403px;
    margin-left:160px;
}

.btnArchive a
{
    background:url(/resources/images/archives.gif) no-repeat;
    width:50px;
    height:15px;
    display:block;
}

.btnArchive a:hover
{
    background:url(/resources/images/archives_on.gif) no-repeat;
}

.bntNewsletter a
{
    background:url(/resources/images/newsletter.gif) no-repeat;
    width:77px;
    height:78px;
    display:block;  
}

.bntNewsletter a:hover
{
    background:url(/resources/images/newsletter_on.gif) no-repeat;
}

.bntRss a
{
    background:url(/resources/images/rss.gif) no-repeat;
    width:77px;
    height:78px;
    display:block;  
}

.bntRss a:hover
{
    background:url(/resources/images/rss_on.gif) no-repeat;
}

.btnInscrire a
{
    background:url(/resources/images/inscrire.gif) no-repeat;
    width:84px;
    height:27px;
    display:block;
}

.btnInscrire a:hover
{
    background:url(/resources/images/inscrire_on.gif) no-repeat;
}

.retour a
{
    font-size:11px;
    margin-top:10px;
    font-weight:bold;
    text-decoration:none;
    display:block;
	width:60px;
}

p.inscrire
{
    margin-left:360px;
}

.actualite
{
    padding: 10px 0 10px 0;
}

.actutitre{
	color: #9a0057;
	font-size:14px;
	padding: 0px 0 15px 0;
}


/*
.actu{
margin-top:7px;
}

.actuul{
	margin: 2px 40px 0px -20px;
}

.actuderpara{
margin-top:7px;
margin-bottom:10px;
}
*/

.evenArchive,
.actuArchive,
.newsletter,
.evenement
{
    padding: 0px 0 20px 0;
}

.evenArcTitre,
.actuArcTitre
{
    color: #113964;
	font-size:13px;
	font-weight:bold
}
.newstitre
{
    padding: 20px 0px 15px 31px;
	color: #113964;
	font-size:13px;
	font-weight:bold
}

.eventitre{
	padding: 20px 0px 15px 31px;
	color: #9a0057;
	font-size:13px;
}

.colbleuHautG{
	width:365px;
	background: url(/resources/images/content_colbleuhaut.gif) no-repeat;
	height:15px;
}

.colbleuG {
	width:365px;
	background: url(/resources/images/content_colbleu.gif) repeat-y;

}
.colbleuBasG {
	width:365px;
	background-image: url(/resources/images/content_colbleubas.gif);
	background-repeat: no-repeat;
	height:15px;
	margin-bottom:10px;
}

/*----------------------------------------------------------------------------*/
							/* page de logo */
.logo{
	float:left;
}

.cadrelogoh{
	background-image: url(/resources/images/cadreLogoh.gif);
	background-repeat: no-repeat;
	height:82px;
	line-height:82px;
	width:165px;
	text-align:center;
	_vertical-align:middle;
	_display: inline-block;
	_display:table-cell;
}

.cadrelogoh span {
    _display: inline-block;
    _height: 100%;
    _width: 1px;
}

.cadrelogoh img
{
	vertical-align:middle;
}

.cadrelogob{
	background-image: url(/resources/images/cadreLogob.gif);
	background-repeat: no-repeat;
	height:42px;
	width:165px;
}

.cadrelogob img{
	margin-left:8px;
}


/*----------------------------------------------------------------------------*/
							/* pages des vignettes vidéos */
.vignette_video {
	width: 200px;
	float: left;
	padding-top: 10px;
	padding-bottom: 20px;
}	
.vignette_video .Titre {
	width: 200px;
	display: block;
	font-weight: bold;
	color: #9a0057;
	padding-top: 4px;
}	
.vignette_video .Nom {
	width: 200px;
	display: block;
	color: #3773a8;
	padding-top: 2px;
}	
.vignette_video .Description {
	width: 200px;
	display: block;
	color: #3773a8;
	padding-top: 2px;
}
	
.vignettes_left {
	 margin-left: 10px;
}

/*----------------------------------------------------------------------------*/
							/*Contenu 2 colonnes*/
							
/* colonne de gauche contenu */
.colonnecontenuG {
	float:left;
	width:540px;
	color: #002c5a;
}
.colonnecontenuG h1 {
	background-image: url(/resources/images/flechegris2.gif);
	Background-repeat: no-repeat;
	background-position: 90px 0px;
	padding: 2px 0px 10px 125px;
	color: #9a0057;
	font-size:15px;
}

.colonnecontenuG p {
	padding: 0px 20px 0px 125px;
	margin-bottom:25px;
	font-size:12px;
}


.colonnecontenuG ul{
	padding: 2px 27px 10px 125px;
}
.colonnecontenuG li {
	list-style-image:url(/resources/images/pucemini.gif);
	list-style-position:inside;
	_list-style-position:outside;
	_text-indent:5%;
	margin-top: 8px;
}

/* colonne de droite contenu */
.colonnecontenuD {
	width:365px;
	float:left;
	padding: 0px 0px 0px 60px;
	color: #002c5a;
}

.colonnecontenuD h2{
	background-image: url(/resources/images/bullerose.gif);
	background-repeat: no-repeat;
	background-position: 0px 2px;
	padding: 2px 0px 2px 25px;
	color: #002c5a;
	font-size:14px;
	font-weight:bold;
	margin-bottom:10px;
}

.colonnecontenuD ul{
	padding: 2px 27px 10px 25px;
}
.colonnecontenuD li {
	list-style-image:url(/resources/images/pucemini.gif);
    margin: 8px 5px 0px 12px;
	_margin: 8px 5px 0px 17px;
	font-size:12px;
}

.colbleuHaut {
	width:365px;
	background: url(/resources/images/content_colbleuhaut.gif) no-repeat;
	height:15px;
}

.colbleu {
	width:365px;
	background: url(/resources/images/content_colbleu.gif) repeat-y;
}
.colbleuBas {
	width:365px;
	background-image: url(/resources/images/content_colbleubas.gif);
	background-repeat: no-repeat;
	height:15px;
	margin-bottom:40px;
}



/*----------------------------------------------------------------------------*/
							/*CONTACTER 3 colonnes*/
/* colonne contacter gauche */
.colcontactG {
	clear: left;
	padding: 0px 0px 20px 110px;
	float:left;
	width: 240px;
}

/* colonne contacter centre */
.colcontactC {
	padding: 0px 0px 20px 35px;
	float:left;
	width: 240px;
}

/* colonne contacter droite */
.colcontactD {
	padding: 0px 0px 20px 35px;
	float:left;
	width: 240px;
}
.colcontactD p, .colcontactC p, .colcontactG p{
	padding: 7px 0px 2px 0px;
	width: 240px;
	font-size:12px;
	color:#002c5a;
}

.boutonv{
	padding: 60px 0px 0px 0px;
	_padding: 75px 0px 0px 0px;
	text-align:center;
}

/*--------------------------------------------------------------66---------------*/
								/*CONTACTER popup*/
.popcontact,
.popcontact_En
{
	width: 580px;
	height:390px;
	text-align: left;
	background-image: url(/resources/images/fondpopcontact.jpg);
	background-repeat:no-repeat;
	font-size:11px;
}


.popcontact_En
{
	background-image: url(../../En/resources/images/fondpopcontact.jpg);
}

.colpopG{
	width:230px;
	padding:200px 0px 0px 40px;
	clear:left;
	position:absolute;
	color:#9a0057;
}

.colpopD
{
    margin:55px 0px 0px 315px;
    position:absolute;
    color: #30446f;
}

.messagemail{
	padding:3px 0px 0px 40px;
	color:#9a0057;
	font-size:11px;
	position:absolute;
	z-index:100;
}

/*--------------------------------------------------------------------------*/
								/*Popup Video*/
.video {
	width: 720px;
	height:390px;
	text-align: left;
	background: url(/resources/images/fondvideo.jpg) no-repeat;
	font-size:11px;
}

.colvideoG{
	float:left;
	width:290px;
	padding:200px 0px 0px 40px;
	clear:left;
}

.colvideoG p{
	color:#9a0057;
}

.colvideoD{
	padding-top: 40px;
	float:left;
}

#flashmovie{
	width: 370px;
	height: 300px;
}

/*--------------------------------------------------------------------------*/
								/*FORMULAIRE*/
input.text,
textarea,
select{
	background-color: #dae4ef;
	width: 310px;
}
input.text{
	height:20px;
}
.pradio{
	margin: 0 -28px 0 28px;
	font-size:12px;
}

.inscription
{
    background-color: #dae4ef;
	width: 240px;
	height:20px;
}


/* Checkboxes */
label.checkbox_checked {
	background: url(/resources/images/cross_on.gif) no-repeat;	
	display: block;
	margin: 1px 0;
	padding-left: 25px;
}
label.checkbox_unchecked  {
	background: url(/resources/images/cross_off.gif) no-repeat;	
	display: block;
	padding-left: 25px;
}

/* Radio Buttons */
label.radio_checked {
	background: url(/resources/images/rdo_on.gif) no-repeat;
	display: block;
	padding-left: 25px;
}
label.radio_unchecked  {
	background: url(/resources/images/rdo_off.gif) no-repeat;
	display: block;
	margin: 0px 0;
	padding-left: 25px;
}

/* Hover State */
label:hover{
	color: #575B60;
}

label.highlighted {
	border: 1px solid #333;
}

/* Effet Radio : ne pas modifier */
.crirHidden {
	position: absolute;
	left: -1000px;
}


/*------------------------------------------------------------------------------*/
									/*PLAN DU SITE*/
#PlanDuSite SPAN {
	display: block;
	color: #9a0057;
}
#PlanDuSite A {
	display: block;
}
#PlanDuSite .level1 {
	padding-left: 20px;
	padding-top: 10px;
	font-weight: bold;
}
#PlanDuSite .level2 {
	padding-left: 60px;
	font-size: 11pt;
}
#PlanDuSite .level3 {
	padding-left: 100px;
	font-size: 9pt;
}


/*------------------------------------------------------------------------------*/
									/*FOOTER*/
.footer {
	clear: left;
	margin: 0px 0px 0px 525px;
	height:70px;
}

.footer ul {
	padding-top:30px;
}
.footer li {
	margin-right: 6px;
	font-size: 11px;
	font-weight: bold;
	display: inline;
}
.footer li,
.footer li a {
	color: #3773a8;
	text-decoration: none;
}
.footer li a:hover{
	color: #9a0057;
	text-decoration: none;
}
.footer li a.SelectedLink{
	color: #9a0057;
}


/*------------------------------------------------------------------------------*/
									/*FOOTER-LIENS*/

.footerLienGlobal
{
    margin-left:auto;
    margin-right:auto;
    width:993px;
    min-height:115px;
    background: url(/resources/Images/footerLien.jpg) repeat-x top ;
}

.footerLien
{
    padding: 10px 0 10px 340px;
    text-align:right;
}

.footCol
{
    float:left;
    margin-left:20px;
    font-size:9px;
    font-family:Trebuchet MS;

}

.footTitre
{
    display:block;
    color:#3774A9;
    font-weight:bold;

}
.footLien
{
    display:block;
}

.footLien a
{
    color:#8CAECC;
}

.footLien a:hover
{
    color:#3774A9;
}


/*------------------------------------------------------------------------------*/
									/*Smartpage*/
h1.h1smart
{
	font-family: Trebuchet MS, Arial, Helvetica, Times New Roman, sans-serif;
	background-image: url(/resources/images/fleche.gif);
	Background-repeat: no-repeat;
	background-position: 0px 10px;
	padding: 0px 0px 10px 31px;
	color: #9a0057;
	font-size:36px;
	font-weight:normal;
}

h1.h1smart a
{
    color:#9a0057;
    text-decoration:none;
}

h2.h2smart
{
	background-image: url(/resources/images/flechegris2.gif);
	Background-repeat: no-repeat;
	background-position: 0px 5px;
	padding: 7px 0px 2px 31px;
	color: #9a0057;
	font-size:15px;
}

h2.h2smart a
{
    color: #9a0057;
    text-decoration:none;
}


h3.h3smart
{
    padding: 13px 0px 5px 31px;
	color: #002c5a;
	font-size:14px;
	font-weight:bold;
}


h3.h3smart a
{
    color: #002c5a;
    text-decoration:none;
}

.sousmenu
{
    text-align:right;
    padding:0 0px 20px 0;
}

.sousmenu a
{
    font-size:11px;
}

.sousfooter
{
    text-align:center;
    font-size:11px;
}

ul.ulsmart, ul.ulsmart2 
{
    list-style-type:none;
    padding-left:31px;
}

ul.ulsmart2 li
{
    padding-bottom:5px;
}






/*
Couleurs de base :

	violet 9a0057
	bleu 002c5a
	bleu clair 3773a8
*/