/*
Structure globale des pages
*/

body
{
margin:0px;
padding:0px;
font-family: "Trebuchet MS", Arial, Verdana ;
font-size:11pt;
}

#container
{
text-align: center;
}

.hidden
{
display:none;
}

#middle
{
position:relative;
margin: 0 auto;
width:1000px;
text-align: left;
}


#baspage
{
position:relative;
margin-top:150px;
}

/*
Barre grise de connexion
*/

#topbar
{
background-color:#a1a1a4;
height:24px;
width:100%;
text-align:right;
font-size:10pt;
color:black;
}

#topbar a
{
color:black;
}


/*
Bandeau menu supérieur
*/

#bandeau
{
padding-bottom:8px;
border-bottom: 7px solid #5f5f5f;
}


#logo
{
margin-top:30px;
}

#menu_orange
{
display:block;
background: url('img/menu_orange.png');
position:absolute;
top:0px;
left:190px;
height:72px;
width:100px;
margin-top:-130px;
text-decoration:none;
color:white;
padding-top:140px;
padding-left:80px;
font-size: 15px;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-weight:bold;
z-index:8;
}


#menu_orange h1
{
margin-top:140px;
margin-left:90px;
font-size: 15px;
font-family: Arial, Helvetica, sans-serif;
color:white;
}

#menu_bleu
{
display:block;
background: url('img/menu_bleu.png');
position:absolute;
top:0px;
left:390px;
height:77px;
width:99px;
margin-top:-130px;
text-decoration:none;
padding-top:140px;
padding-left:20px;
color:white;
font-size: 15px;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-weight:bold;
z-index:8;
}

#menu_bleu h1
{
margin-top:160px;
margin-left:20px;
font-size: 15px;
font-family: Arial, Helvetica, sans-serif;
color:white;
}

#menu_vert
{
display:block;
background: url('img/menu_vert.png');
position:absolute;
top:0px;
left:490px;
height:70px;
width:117px;
margin-top:-130px;
text-decoration:none;
padding-top:140px;
padding-left:60px;
font-size: 15px;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
color:white;
font-weight:bold;
z-index:8;
}

#menu_vert h1
{
margin-top:140px;
margin-left:60px;
font-size: 15px;
font-family: Arial, Helvetica, sans-serif;
color:white;
}


#menu_orange:hover
{
margin-top:-110px;
background: url('img/fond_menu_orange.png');
}

#menu_orangeselect
{
display:block;
position:absolute;
top:0px;
left:190px;
height:72px;
width:100px;
text-decoration:none;
color:white;
padding-top:140px;
padding-left:80px;
font-size: 15px;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-weight:bold;
margin-top:-90px;
background: url('img/fond_menu_orange.png');
}

#menu_bleu:hover
{
margin-top:-110px;
background: url('img/fond_menu_bleu.png');
}

#menu_bleuselect
{
display:block;
position:absolute;
top:0px;
left:390px;
height:52px;
width:100px;
text-decoration:none;
color:white;
padding-top:160px;
padding-left:20px;
font-size: 15px;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-weight:bold;
margin-top:-90px;
background: url('img/fond_menu_bleu.png');
}

#menu_vert:hover
{
margin-top:-110px;
background: url('img/fond_menu_vert.png');
}

#menu_vertselect
{
display:block;
position:absolute;
top:0px;
left:490px;
height:70px;
width:117px;
text-decoration:none;
color:white;
padding-top:140px;
padding-left:60px;
font-size: 15px;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-weight:bold;
margin-top:-90px;
background: url('img/fond_menu_vert.png');
}

/* 
Menu déroulant
*/

#menu
{
position:relative;
margin: 0 auto;
width:990px;
height:20px;
padding-bottom:4px;
padding-left:10px;
border-bottom: 2px solid #5f5f5f;
font-size:14px;
font-weight:bold;
z-index:3;
}


 ul.cssMenu ul{display:none;z-index:3;}
ul.cssMenu li:hover>ul{display:block}
ul.cssMenu ul{position: absolute;left:-1px;top:98%;}
ul.cssMenu ul ul{position: absolute;left:98%;top:-2px;}
ul.cssMenu,ul.cssMenu ul {
	margin:0px;
	height:18px;
	list-style:none;
	padding:0px 2px 2px 0px;
	background-repeat:repeat;

}
ul.cssMenu table {border-collapse:collapse}ul.cssMenu {
	display:block;
	zoom:1;
	float: left;
}
ul.cssMenu ul{
	width:183.9px;
	margin-top:0px;
	border-top: 2px solid grey;
	padding-left:10px;
}
ul.cssMenu li{
	display:block;
	font-size:0px;
}
ul.cssMenu a:active, ul.cssMenu a:focus {
outline-style:none;
cursor:pointer;
}
ul.cssMenu a, ul.cssMenu li.dis a:hover, ul.cssMenu li.sep a:hover {
	display:block;
	vertical-align:middle;
	background-color:white;
	height:16px;
	padding-bottom:8px;
	margin:0px;
	text-align:left;
	text-decoration:none;
	padding:4px;
	_padding-left:0;
	font:normal 11px Verdana;
	color: #444444;
	text-decoration:none;
	cursor:pointer;

}
ul.cssMenu span{
	overflow:hidden;
}
ul.cssMenu li {
	float:left;
}
ul.cssMenu ul li {
	float:none;
}
ul.cssMenu ul a {
	text-align:left;
	white-space:nowrap;
}
ul.cssMenu li.sep{
	text-align:center;
	padding:0px;
	line-height:0;
	height:100%;
}
ul.cssMenu li.sep span{
	float:none;	padding-right:0;
	width:5;
	height:16;
	display:inline-block;
	background-color:#AAAAAA;	background-image:none;}
ul.cssMenu ul li.sep span{
	width:80%;
	height:3;
}
ul.cssMenu li:hover{
	position:relative;
}
ul.cssMenu li:hover>a{
	background-color:#5f5f5f;
	font:normal 11px Verdana;
	color: #ffffff;
	text-decoration:none;
}
ul.cssMenu li a:hover{
	position:relative;
	background-color:#5f5f5f;
	font:normal 11px Verdana;
	color: #ffffff;
	text-decoration:none;
}
ul.cssMenu li.dis a {
	color: #AAAAAA !important;
}
ul.cssMenu img {border: none;float:left;_float:none;margin-right:4px;width:16px;
height:16px;
}
ul.cssMenu ul img {width:16px;
height:16px;
}
ul.cssMenu img.over{display:none}
ul.cssMenu li.dis a:hover img.over{display:none !important}
ul.cssMenu li.dis a:hover img.def {display:inline !important}
ul.cssMenu li:hover > a img.def  {display:none}
ul.cssMenu li:hover > a img.over {display:inline}
ul.cssMenu a:hover img.over,ul.cssMenu a:hover ul img.def,ul.cssMenu a:hover a:hover img.over{display:inline}
ul.cssMenu a:hover img.def,ul.cssMenu a:hover ul img.over,ul.cssMenu a:hover a:hover img.def{display:none}
ul.cssMenu a:hover ul{display:block}
ul.cssMenu span{
	display:block;
   padding-right:11px;}
ul.cssMenu li:hover>a>span{	background-image:url(./images/arrv_anim_1o.gif);
}
ul.cssMenu a:hover span{	_background-image:url(./images/arrv_anim_1o.gif)}
ul.cssMenu ul span,ul.cssMenu a:hover table span{background-image:url(./images/arr_double_1.gif)}
ul.cssMenu ul li:hover > a span{	background-image:url(./images/arr_double_1o.gif);}
ul.cssMenu table a:hover span{background-image:url(./images/arr_double_1o.gif)}

ul.cssMenu ul li { border-right: 1px solid #444444; }



#searchbar{
float:right;
margin-right:10px;
}

#slogan
{
display:block;
position:absolute;
right:40px;
top:46px;
font-size:13pt;
font-weight:bold;
font-family: "Trebuchet MS";
}


/* 
Page Video
*/

#bandeauvideo
{
z-index:0;
position:absolute;
top:175px;
background: #242323 url('img/bandeauvideo.jpg') repeat-x ;
width:100%;
height:350px;
text-align:center;
}



#video
{
position:relative;
float:left;
}

#playhover
{
margin-top:-230px;
}


#cover
{
overflow:hidden;
}

#topbandeauvideo
{
position:absolute;
text-align:center;
top:125px;
left:0px;
}



.breadcrumb1
{
display:inline;
margin-right:10px;
font-weight:bold;
text-decoration:none;
color:black;
}

.breadcrumb2orange
{
display:inline;
background: url('img/petiteflecheorange.png') no-repeat left center;
padding-left:20px;
color: #dd4400;
margin-right:10px;
font-weight:bold;
text-decoration:none;
}

.breadcrumb2bleu
{
display:inline;
background: url('img/petiteflechebleue.png') no-repeat left center;
padding-left:20px;
color: #4196E0;
margin-right:10px;
font-weight:bold;
text-decoration:none;
}

.breadcrumb2vert
{
display:inline;
background: url('img/petiteflecheverte.png') no-repeat left center;
padding-left:20px;
color: #6EB24B;
margin-right:10px;
font-weight:bold;
text-decoration:none;
}

.breadcrumb3orange
{
display:inline;
background: url('img/petiteflecheorange.png') no-repeat left center;
padding-left:20px;
text-decoration:none;
color:black;
}

.breadcrumb3bleu
{
display:inline;
background: url('img/petiteflechebleue.png') no-repeat left center;
padding-left:20px;
text-decoration:none;
color:black;
}

.breadcrumb3vert
{
display:inline;
background: url('img/petiteflecheverte.png') no-repeat left center;
padding-left:20px;
text-decoration:none;
color:black;
}

.breadcrumb1:hover, .breadcrumb2:hover, .breadcrumb3:hover
{
text-decoration:underline;
}

#bas
{
position:relative;
margin-top:402px;
}



/* 
Onglets
*/




#ongletsorange
{
clear:both;
border-bottom:1px solid #dd4400;
height:30px;
width: 715px;
margin-top:0px;
margin-bottom:0px;
padding-left:20px;
}

#ongletsbleu
{
clear:both;
border-bottom:1px solid #4196E0;
height:30px;
width: 715px;
margin-top:0px;
margin-bottom:0px;
padding-left:20px;
}

#ongletsvert
{
clear:both;
border-bottom:1px solid #6EB24B;
height:30px;
width: 715px;
margin-top:0px;
margin-bottom:0px;
padding-left:20px;
}



#ongletsorange ul, #ongletsbleu ul, #ongletsvert ul  {
padding:0;margin:0;list-style-type:none;
}
#ongletsorange ul li, #ongletsbleu ul li, #ongletsvert ul li{
float:left; position:relative;
}

.ongletvideo
{
display:block;
text-decoration:none;
width:108px;
height:16px;
color:#5d5d5d;
padding-left:20px;
margin-right:10px;
padding-top:1px;
padding-bottom:12px;
font-size:11pt;
}

#ongletsorange .ongletvideo:hover
{
color:black;
border-bottom: 2px solid #dd4400;
}

#ongletsbleu .ongletvideo:hover
{
color:black;
border-bottom: 2px solid #4196E0;
}

#ongletsvert .ongletvideo:hover
{
color:black;
border-bottom: 2px solid #6EB24B;
}

.presentation
{
background: url('img/bouton_presentation.jpg') no-repeat  left 3px;
}

.presentation_new
{
background: url('img/bouton_presentation.jpg') no-repeat  left 3px;
}

.commentaires
{
background: url('img/bouton_commentaires.jpg') no-repeat left 3px;
}

.complements
{
background: url('img/bouton_complements.jpg') no-repeat left 3px;
}

.donner
{
background: url('img/bouton_donner.jpg') no-repeat left 3px;
}

.donner_new
{
background: url('img/bouton_donner.jpg') no-repeat left 3px;
}

.education
{
background: url('img/bouton_participer.jpg') no-repeat left 3px;
}

.aide
{
background: url('img/bouton_participer.jpg') no-repeat left 3px;
}

#ongletsorange .ongletselected
{
font-weight:bold;
border-bottom: 2px solid #dd4400;
padding-left:20px;
margin-right:20px;
padding-top:3px;
}

#ongletsbleu .ongletselected
{
font-weight:bold;
border-bottom: 2px solid #4196E0;
padding-left:20px;
margin-right:20px;
padding-top:3px;
}

#ongletsvert .ongletselected
{
font-weight:bold;
border-bottom: 2px solid #6EB24B;
padding-left:20px;
margin-right:20px;
padding-top:3px;
}

/*
Bas de la page
*/

#gauche
{
float:left;
width:750px;
}

#droite
{
float:left;
width: 250px;
padding-top:0px;
}

#droite h1
{
text-transform: uppercase;
font-size:13pt;
font-family: Trebuchet MS;
color: white;
margin-bottom:10px;
display:block;
margin-top:0px;
padding-left:10px;
padding-right:10px;
}

#droite h1 a
{
color: white;
}

.droiteh1orange
{
background-color:#dd4400;
}

.droiteh1bleu
{
background-color:#4196E0;
}

.droiteh1vert
{
background-color:#6EB24B;
}




#soutiens
{
 /* background-color: #e2dedd; */
 border: 1px solid #d6cbc6;
margin-top:5px;
padding:0px;
position:relative;
}

.soutiens
{
 /* background-color: #e2dedd; */
 border: 1px solid #d6cbc6;
margin-top:5px;
padding:5px;
font-size:10pt;
position:relative;
}

#soutiens_partenaires
{
text-align:left;
font-size:9pt;
font-family: "Trebuchet MS", Arial, Verdana ;
}

#playlist
{
 /* background-color: #e2dedd; */
 border: 1px solid #d6cbc6;
margin-top:5px;
padding:0px;
position:relative;
}


.soutiens_class
{
padding:5px;
}

.linkbottomboxorange
{
display:block;
background-color: #dd4400;
float:right;
color: white;
font-size:10pt;
padding-left: 5px;
padding-right: 5px;
padding-top: 3px;
padding-bottom: 3px;
text-decoration:none;
margin-right:5px;
margin-top:5px;
margin-bottom:10px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}

.linkbottomboxorange:hover, .linkbottomboxbleu:hover, .linkbottomboxvert:hover
{
color:white;
}
.linkbottomboxbleu
{
display:block;
background-color: #4196E0;
float:right;
color: white;
font-size:10pt;
padding-left: 5px;
padding-right: 5px;
padding-top: 3px;
padding-bottom: 3px;
text-decoration:none;
margin-right:5px;
margin-top:5px;
margin-bottom:10px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}

.linkbottomboxvert
{
display:block;
background-color: #6EB24B;
float:right;
color: white;
font-size:10pt;
padding-left: 5px;
padding-right: 5px;
padding-top: 3px;
padding-bottom: 3px;
text-decoration:none;
margin-right:5px;
margin-top:5px;
margin-bottom:10px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}

.linkbottombox:hover
{
background-color: #e16a35;
}



.titlerightbox
{
color: #dd4400;
text-align:left;
font-family: Trebuchet MS;
font-size:12pt;
font-weight:bold;
text-transform: uppercase;
margin-bottom:10px;
margin-top:10px;
display:block;
text-decoration:none;
padding-left:15px;
clear:both;
border-top: 1px solid #d6cbc6;
padding-left:40px;
width: 209px;
}

.titlereagirorange
{
background: url('img/petiteflecheorange.png') no-repeat 0px center;
color:black;
padding-left:20px;
}

.titlereagirbleu
{
background: url('img/petiteflechebleue.png') no-repeat 0px center;
color:black;
padding-left:20px;
}

.titlereagirvert
{
background: url('img/petiteflecheverte.png') no-repeat 0px center;
color:black;
padding-left:20px;
}

.titlerightbox2
{
text-align:left;
text-transform: uppercase;
font-family: Trebuchet MS;
font-size:12pt;
font-weight:bold;
margin-bottom:10px;
margin-top:10px;
display:block;
text-decoration:none;
padding-left:15px;
clear:both;
padding-left:40px;
width: 209px;
}

.titlerightbox2orange
{
color: #dd4400;
background: url('img/petiteflecheorange.png') no-repeat 15px center;
}

.titlerightbox2bleu
{
color: #4196E0;
background: url('img/petiteflechebleue.png') no-repeat 15px center;
}

.titlerightbox2vert
{
color: #6EB24B;
background: url('img/petiteflecheverte.png') no-repeat 15px center;
}


#leftcolumn
{
text-align:right;
float:left;
margin-top:20px;
width:30%;
}

.titre
{
font-family: Arial;
font-size:11pt;
font-weight:bold;
display:inline;
}

.sstitreorange
{
font-family: Arial;
font-size:12pt;
color:#dd4400;
font-weight:bold;
display:inline;
}

.sstitrebleu
{
font-family: Arial;
font-size:12pt;
color:#4196E0;
font-weight:bold;
display:inline;
}


.sstitrevert
{
font-family: Arial;
font-size:12pt;
color:#6EB24B;
font-weight:bold;
display:inline;
}


.sstitre2
{
font-family: Arial;
font-size:12pt;
display:inline;
}

.sstitre3
{
font-family: Arial;
font-size:10pt;
display:inline;
margin-top:10px;
}

#rightcolumn
{
float:left;
margin-left:30px;
width:65%;
margin-top:20px;
}

#ongletsinfo
{
padding:0;margin:0;list-style-type:none;
}

#ongletsinfo  li {
float:left; position:relative;
}

#ongletsinfo  li a{
display:block;
padding-top:2px;
padding-bottom:2px;
padding-left:10px;
padding-right:10px;
margin-left:1px;
margin-right:1px;
background-color: #d7d7d7;
color:#6c645e;
font-weight:bold;
text-decoration:none;
font-family:"Trebuchet MS";
font-size:10pt;
}

#ongletsinfo  li a.ongletselect
{
background-color:#9e9e9e;
color:white;
}

#ongletsinfo  li a:hover{
color:white;
background-color:#bbbaba;
}

.contenuinfovideo
{
font-size:10pt;
width: 85%;
padding-bottom:6px;
padding-top:6px;
clear:both;
}


#contenumedia_photos
{
display:none;
}

#contenumedia_musees
{
display:none;
}

#contenumedia_musees a
{
color:black;
}

#contenumedia_musees a:hover
{
color:black;
color:#dd4400;
text-decoration:none;
}

.contenumedia
{
padding-top:8px;
font-size:10pt;
clear:both;
}

.contenumedia h1
{
font-size:13pt;
color: black;
display:block;
width:60%;
border-bottom:1px solid #dd4400;
margin-top:15px;
margin-bottom:15px;
padding-left:15px;
clear:both;
}

#soutiens_equipe
{
display:none;
}

#soutiens_donateurs
{
display:none;
}

#soutiens_touslesdonateurs
{
display:none;
}

#playlist_memecat
{
}

#playlist_avenir
{
display:none;
}


#dernierscomm
{
margin-top:20px;
text-align:left;
}

#dernierscomm  h1
{
color:#dd4400;
font-size:14pt;
font-style:italic;
float:right;
}

#dernierscomm  hr
{
color:#dd4400;
background-color: #dd4400;
border: 0px;
height: 1px;
width: 40%;
}

.commplus
{
background: url('img/plus.jpg') no-repeat left center;
padding-left:28px;
font-size:10pt;
min-height:20px;
margin-bottom:3px;
}

.commmoins
{
background: url('img/moins.jpg') no-repeat left center;
padding-left:28px;
font-size:10pt;
min-height:20px;
}

.commentaire
{
font-size:10pt;
}

.auteurcomm
{
color: grey;
font-size:10pt;
text-align:right;
font-style:italic;
}

#playlist ul {
padding:0;margin:0;list-style-type:none;
clear:both;
}
#playlist ul li {
clear:both;
}

.titlevideoplaylist
{
display:block;
margin-left:10px;
font-size:10pt;
padding-left:15px;
color:black;
text-decoration:none;
}



/* 
Page Complément
*/


#bandeaupdf
{
z-index:0;
position:absolute;
top:165px;
width:100%;
height:650px;
text-align:center;
}

#bandeaupdfconnect
{
z-index:0;
position:absolute;
top:165px;
width:100%;
height:250px;
text-align:center;
}


/* Commentaires */

#listecommentaires 
{
margin-top:10px;
text-align:left;
}

.lienhover :hover
{
text-decoration:underlined;
}

.h1comm
{
background:url(bubble.png) left top no-repeat;
width:70px;
height:68px;
color:#575553;
float:left;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:9px;
float:left;
margin-right:20px;
padding-top:7px;
text-align:center;
}

.h1commcount
{
font-family:Georgia, "Times New Roman", Times, serif;
font-size:24px;
color:#dd4400;
}

.introcomm
{
float:left;
font-size:10pt;
width:600px;
}

.affichercommentaire
{
background-color: #222222;
float:right;
color: white;
padding-left: 10px;
padding-right: 10px;
padding-top: 5px;
padding-bottom: 5px;
text-decoration:none;
margin-right:85px;
margin-top:30px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}

#lescomms
{
padding-top:90px;
}


.affichercommentaire :hover
{
font-weight:bold;
}

.affichercommentaireselect
{
text-transform:uppercase;
background-color: #e2dedd;
color:#535353;
font-size:13pt;
font-weight: bold;
font-family: Trebuchet MS;
padding:5px;
margin-bottom:0px;
}

#boutonpubliercomm, #boutonpubliercomm2
{
text-transform:uppercase;
background-color: #e2dedd;
color:#535353;
font-size:13pt;
font-weight: bold;
font-family: Trebuchet MS;
padding:5px;
margin-bottom:0px;
clear:both;
float:right;
margin-top:10px;
margin-right:80px;
line-height:1em;
text-decoration:none;
border:0px;
}

.uncommentaire
{
/* background: url('img/fondraye.jpg');*/
width:678px;
 /* border-top:1px solid grey;  */
clear:both;
padding-top:10px;

}

.commleft
{
float:left;
width:140px;
background: url('img/flechecomm.jpg') no-repeat 127px 20px;
padding-top:16px;
}

.commright
{
float:left;
width:510px;
margin-bottom:10px;
padding:10px;
border:2px solid #f3f3f3; 
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
border-radius: 15px;
}

.commnote
{
display:inline;
}

.auteurcomm2
{
font-weight:bold;
display:block;
margin:0px;
}

.profession
{
font-style:italic;
display:block;
margin:0px;	
font-size:10pt;
}

.datecomm
{
font-size:10pt;
color:grey;
}

.attentevideo
{
font-size:10pt;
}

.attentevideo p
{
font-size:10pt;
}

#ajoutcommentaire
{
background-color: #e2dedd;
clear:both;
margin-top:20px;
margin-left:20px;
width:650px;
padding:10px;
margin-bottom:30px;
display:none;
min-height:200px;
}


/* Système de notes avec étoile */

/* the default rating is placed as a background image in the ul */
/* use the background position according to the table above to display the required images*/
.rating{
	width:80px;
	height:16px;
	margin:0 0 20px 0;
	padding:0;
	list-style:none;
	position:relative;
	background: url(img/star-matrix.gif) no-repeat 0 0;
}
/* add these classes to the ul to effect the change to the correct number of stars */
.nostar {background-position:0 0}
.star1 {background-position:0 -16px}
.star2 {background-position:0 -32px}
.star3 {background-position:0 -48px}
.star4 {background-position:0 -64px}
.star5 {background-position:0 -80px}
ul.rating li {
	cursor: pointer;
 /*ie5 mac doesn't like it if the list is floated\*/
	float:left;
	/* end hide*/
	text-indent:-999em;
}
ul.rating li a {
	position:absolute;
	left:0;
	top:0;
	width:16px;
	height:16px;
	text-decoration:none;
	z-index: 200;
}
ul.rating li.one a {left:0}
ul.rating li.two a {left:16px;}
ul.rating li.three a {left:32px;}
ul.rating li.four a {left:48px;}
ul.rating li.five a {left:64px;}
ul.rating li a:hover {
	z-index:2;
	width:80px;
	height:16px;
	overflow:hidden;
	left:0;	
	background: url(img/star-matrix.gif) no-repeat 0 0
}
ul.rating li.one a:hover {background-position:0 -96px;}
ul.rating li.two a:hover {background-position:0 -112px;}
ul.rating li.three a:hover {background-position:0 -128px}
ul.rating li.four a:hover {background-position:0 -144px}
ul.rating li.five a:hover {background-position:0 -160px}
/* end rating code */
h3{margin:0 0 2px 0;font-size:110%}

.headerform
{
font-weight:bold;
display:inline;
}

.styled
{
width: 400px;
	height: 60px;
	border: 2px solid #cccccc;
	padding: 5px;
	font-family: Tahoma, sans-serif;
	font-size:9pt;
	clear:right;
	margin-bottom:5px;
}

label{
display:block;
margin-bottom:10px;
color:black;
}

.label2{
display:block;
margin-bottom:3px;
color:black;
}

label span{
display:block;
float:left;
padding-right:6px;
width:220px;
text-align:right;
font-weight:bold;
font-size:10pt;
margin-top:2px;
}

.styledpetit
{
width: 400px;
	height: 15px;
	border: 2px solid #cccccc;
	font-size:9pt;
	padding: 3px;
	font-family: Tahoma, sans-serif;
		clear:right;
	margin-bottom:3px;
}

.styledcourt
{
width: 200px;
	height: 15px;
	border: 2px solid #cccccc;
	padding: 3px;
	font-family: Tahoma, sans-serif;
		clear:right;
	margin-bottom:3px;
	font-size:9pt;
}

.styled:hover, .styledpetit:hover, .styledcourt:hover
{
	background-color: #ffe3b2;
}

.error, .texteprovisoire
{
color: #db4040;
font-size:10pt;
margin-left:200px;
}

#loginform
{
display:none;
}

/* Complements */

#listecomplements 
{
margin-top:60px;
text-align:left;
padding-right:20px;
font-size:11pt;
}


#listecomplements h1, .bonuspageorange h1
{
font-size:13pt;
color: black;
display:block;
width:60%;
border-bottom:1px solid #dd4400;
margin-top:15px;
margin-bottom:15px;
padding-left:15px;
clear:both;
}

#listecomplements h1, .bonuspagebleu h1
{
font-size:13pt;
color: black;
display:block;
width:60%;
border-bottom:1px solid #4196E0;
margin-top:15px;
margin-bottom:15px;
padding-left:15px;
clear:both;
}

#listecomplements h1, .bonuspagevert h1
{
font-size:13pt;
color: black;
display:block;
width:60%;
border-bottom:1px solid #6EB24B;
margin-top:15px;
margin-bottom:15px;
padding-left:15px;
clear:both;
}

.complement
{
clear:both;
margin-bottom:0px;
padding-top:0px;
height:100px;
border-top: 1px solid lightgrey;

}

.complement2
{
clear:both;
margin-bottom:0px;
padding-top:0px;
}

.complementleft
{
float:left;
margin-right:20px;
margin-bottom:20px;
padding-top:30px;
height:70px;
}

.complementright
{
float:left;
clear:right;
margin-bottom:20px;
padding:0px;
margin-top:0px;
height:100px;
width:500px;
}

.complementright2
{
float:left;
clear:right;
margin-bottom:20px;
padding-top:30px;
margin-top:0px;
height:100px;

}

.titrecomplement
{
font-weight:bold;
font-size:12pt;
}

.desccomplement
{
font-size:10pt;
}

.download
{
background-color: #222222;
float:right;
color: white;
padding-left: 10px;
padding-right: 10px;
padding-top: 5px;
padding-bottom: 5px;
text-decoration:none;
margin-right:25px;
margin-top:10px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}

.download2
{
background-color: #222222;
color: white;
padding-left: 10px;
padding-right: 10px;
padding-top: 3px;
padding-bottom: 3px;
text-decoration:none;
margin-right:5px;
margin-top:2px;
margin-bottom:2px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}

/*  Page catégorie */




h1.titreart
{
display:block;
background: url('img/grandfondraye.png');
height:43px;
width:635px;
margin:0px;
text-align:right;
padding-right:5px;
padding-top:4px;
color:#7a7270;
font-family: Calibri, "Trebuchet MS";
}

.orange
{
display:inline;
color:#dd4400;
}

.bleu
{
display:inline;
color:#4196E0;
}

.vert
{
display:inline;
color:#6EB24B;
}


.garamond
{
font-family:Garamond, Calibri, "Trebuchet MS";
display:inline;
}

#une
{
width:635px;
height:190px;
border: 2px solid #eeeeee;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
margin-top:10px;
padding-left:5px;
padding-top:5px;
}

.alaune
{
position:absolute;
top:166px;
z-index:2;
left:520px;
text-align:center;
color: #8b8585;
font-weight:bold;
height:26px;
width:80px;
padding-top:8px;
background-color:white;
-moz-border-radius-bottomleft: 5px;
-webkit-border-bottom-left-radius: 5px;
border-bottom-left-radius: 5px;
-moz-border-radius-bottomright: 5px;
-webkit-border-bottom-right-radius: 5px;
border-bottom-right-radius: 5px;
}

#listeune
{
margin-top:15px;
}

#listeune ul {
padding:0;margin:0;list-style-type:none;
clear:both;
}
#listeune ul li {
float:left;
margin-right:10px;
}

#subtextcaroussel
{
clear:both;
font-size:10pt;
height:45px;
padding-top:3px;
}

.subtextcaroussel
{
display:none;
}

/* Slider */

#myController span.jFlowSelected { background:#43A0D5;margin-right:0px; }  
 
.slide-wrapper{margin:0px;padding:0px;}
.slide-thumbnail { width:300px; float:left; }  
.slide-thumbnail img {max-width:300px; }  
.slide-details { width:290px; float:rightright; margin-left:10px;}  
.slide-details h2 { font-size:1.5em; font-style: italic; font-weight:normal; line-height: 1; margin:0; }  
.slide-details .description { margin-top:10px; }  
  
.jFlowControl, .jFlowPrev, .jFlowNext { color:#FFF; cursor:pointer; padding-left:5px; padding-right:5px; padding-top:2px; padding-bottom:2px; }  

.jFlowPrev, .jFlowNext {display:none;}

.floworange:hover
{
background: #dd4400;
}

.flowbleu:hover
{
background: #4196E0;
}

.flowvert:hover
{
background: #6EB24B;
}

.flowselectedorange
{
background: #dd4400;
}

.flowselectedbleu
{
background: #4196E0;
}

.flowselectedvert
{
background: #6EB24B;
}

#gauchecat
{
float:left;
width:700px;
}

#droitecatorange,#droitecatbleu,#droitecatvert
{
float:left;
width: 299px;
padding-top:12px;
}

#droitecatorange h1
{
color:#837d7f;
font-family: Arial;
font-size:15pt;
display:block;
background: url('img/orangefleche.jpg') no-repeat bottom left;
padding-bottom:6px;
margin-bottom:0px;
}

#droitecatbleu h1
{
color:#837d7f;
font-family: Arial;
font-size:15pt;
display:block;
background: url('img/bleufleche.jpg') no-repeat bottom left;
padding-bottom:6px;
margin-bottom:0px;
}

#droitecatvert h1
{
color:#837d7f;
font-family: Arial;
font-size:15pt;
display:block;
background: url('img/vertfleche.jpg') no-repeat bottom left;
padding-bottom:6px;
margin-bottom:0px;
}

 #recherchetalentsorange
 {
border: 3px solid  #dd4400;
width:90%;
height: 145px;
overflow:auto;
padding:0px;
margin-bottom:20px;
}

 #recherchetalentsorange ul
 {
 margin:0px;
 padding-left:13px;
color: #dd4400;
 list-style-type:square;
 }

  #recherchetalentsorange ul li
 {
font-size:10pt;
 }
 
   #recherchetalentsorange a
 {
font-size:10pt;
color: #dd4400;
text-decoration:none;
 }
 
  #recherchetalentsbleu
 {
border: 3px solid  #4196E0;
width:90%;
height: 145px;
overflow:auto;
padding:0px;
margin-bottom:20px;
}

 #recherchetalentsbleu ul
 {
 margin:0px;
 padding-left:13px;
color: #4196E0;
 list-style-type:square;
 }

  #recherchetalentsbleu ul li
 {
font-size:10pt;
 }
 
   #recherchetalentsbleu a
 {
font-size:10pt;
color: #4196E0;
text-decoration:none;
 }
 
   #recherchetalentsvert
 {
border: 3px solid  #6EB24B;
width:90%;
height: 145px;
overflow:auto;
padding:0px;
margin-bottom:20px;
}

 #recherchetalentsvert ul
 {
 margin:0px;
 padding-left:13px;
color: #6EB24B;
 list-style-type:square;
 }

  #recherchetalentsvert ul li
 {
font-size:10pt;
 }
 
   #recherchetalentsvert a
 {
font-size:10pt;
color: #6EB24B;
text-decoration:none;
 }
 
 
 
.futurprojet :hover
{
background-color:#dd4400;
text-decoration:none;
color:white;
}


.futurprojet :hover p
{
color:white;
}

.futurprojet
{
display:block;
text-decoration:none;
color:black;
height:82px;
font-size:11pt;
margin-bottom:20px;
}

.projetgauche
{
float:left;
width:195px;
text-align:right;
padding-right:10px;
height:82px;
}

.projetdroite
{
float:left;
width:82px;
height:82px;
margin-right:0px;
}

.avanceeprojet
{
margin-top:5px;
color:grey;
margin-left:0px;
}

.categoriegris
{
display:block;
width:180px;
background: #8b8683 url('img/puceongletgris.jpg') no-repeat center left;
float:left;
height:20px;
margin-right:10px;
color:white;
text-align:right;
padding-right:10px;
text-decoration:none;
padding-bottom:2px;
margin-bottom:30px;
}

.categoriegrisselect
{
display:block;
width:180px;
background: #8b8683 url('img/puceongletgrisselect.jpg') no-repeat center left;
float:left;
height:20px;
margin-right:10px;
color:white;
text-align:right;
padding-right:10px;
text-decoration:none;
padding-bottom:2px;
}

#columnleft
{
float:left;
margin-right:6px;
}

#columnrightorange
{
width:78px;
height:1400px;
background: url('/img/fondrayeorange.png');
float:left;
}

#columnrightbleu
{
width:78px;
height:1400px;
background: url('/img/fondrayebleu.png');
float:left;
}

#columnrightvert
{
width:78px;
height:1400px;
background: url('/img/fondrayevert.png');
float:left;
}

#columnleft .h1orange
{
font-size:13pt;
color: black;
display:block;
width:80%;
border-bottom:1px solid #dd4400;
margin-top:15px;
margin-bottom:15px;
padding-left:15px;
}

#columnleft .h1bleu
{
font-size:13pt;
color: black;
display:block;
width:80%;
border-bottom:1px solid #4196E0;
margin-top:15px;
margin-bottom:15px;
padding-left:15px;
}

#columnleft .h1vert
{
font-size:13pt;
color: black;
display:block;
width:80%;
border-bottom:1px solid #6EB24B;
margin-top:15px;
margin-bottom:15px;
padding-left:15px;
}

.videolist
{
clear:both;
width:608px;
margin-bottom:20px;
height:140px;
}

.videocouleurorange
{
border-bottom: 1px dashed #dd4400;
}

.videocouleurbleu
{
border-bottom: 1px dashed #4196E0;
}

.videocouleurvert
{
border-bottom: 1px dashed #6EB24B;
}

.videolist a
{
text-decoration:none;
}

.videolist img
{
border:0;
}

.videolistleft
{
float:left;
width:390px;
font-size:10pt;
color:black;
}

.videolistright
{
float:left;
}

.flecheorangeetgris
{
display:inline;
background: url('img/petiteflecheorange.png') no-repeat center left;
padding-left:20px;
color:grey;
font-size:14pt;
margin-bottom:5px;
}

.flechebleuetgris
{
display:inline;
background: url('img/petiteflechebleu.png') no-repeat center left;
padding-left:20px;
color:grey;
font-size:14pt;
margin-bottom:5px;
}

.flechevertetgris
{
display:inline;
background: url('img/petiteflechevert.png') no-repeat center left;
padding-left:20px;
color:grey;
font-size:14pt;
margin-bottom:5px;
}

.titreorange
{
color:#dd4400;
font-size:14pt;
display:inline;
}

.titrebleu
{
color:#4196E0;
font-size:14pt;
display:inline;
}

.titrevert
{
color:#6EB24B;
font-size:14pt;
display:inline;
}

.gris
{
color: grey;
display:inline;
}

.retourligne
{
display:block;
margin-top:2px;
}

/* homepage */

#contenuhomepage
{
margin-top:210px;
}

#contenuhomepage2
{
margin-top:170px;
}

#gauchehome
{
float:left;
width:710px;
margin-left:20px;
}

#droitehome
{
float:left;
width: 245px;
}

#alaunehome
{
position:absolute;
top:117px;
padding-top:3px;
padding-bottom:3px;
right:50px;
background-color:white;
height:23px;
width:200px;
text-align:center;
color:black;
font-size:12pt;
font-weight:bold;
z-index:2;
border-top:2px solid black;

}

.lignecomm
{
float:left;
margin:0px;
font-weight:bold;
background: url('img/person_icon.gif') center left no-repeat;
padding-left: 20px;
font-size:9pt;
}

.lignecommdroite
{
float:right;
font-style: italic;
margin-top: 0px;
margin-bottom:3px;
font-size:9pt;
}

.blochomepage
{
height:355px;
width:680px;
}

.leftraye
{
background: url('img/grandfondraye2.jpg');
width:30px;
height:355px;
float:left;
}

.rightblochomepage
{
float:left;
margin-left:3px;
width:640px;
}

.blochomepage2
{
height:355px;
width:210px;
float:left;
margin-left:-15px;
-moz-border-radius-bottomleft: 15px;
-webkit-border-bottomleft-left-radius: 15px;
border-bottomleft-left-radius: 15px;
-moz-border-radius-topright: 15px;
-webkit-border-top-right-radius: 15px;
border-top-right-radius: 15px;
}


.blocvideohomepage
{
background-color: #f5f5f0;
width:433px;
-moz-border-radius-bottomleft: 10px;
-webkit-border-bottom-left-radius: 10px;
border-bottom-left-radius: 10px;
-moz-border-radius-bottomright: 10px;
-webkit-border-bottom-right-radius: 10px;
border-bottom-right-radius: 10px;
}

.blocvideohomepage2
{
background-color: #f5f5f0;
margin-right:20px;
margin-bottom:20px;
width:190px;
-moz-border-radius-bottomleft: 10px;
-webkit-border-bottom-left-radius: 10px;
border-bottom-left-radius: 10px;
-moz-border-radius-bottomright: 10px;
-webkit-border-bottom-right-radius: 10px;
border-bottom-right-radius: 10px;
}

.topblochomepage
{
height:40px;
margin-bottom:0px;
background-color: white;
}

.topblochomepage2
{
height:40px;
background-color: white;

}

#bloc_eco_collection
{
display:none;
}

#topcollectionbleu
{
margin:0px;
padding:0px;
height:49px;
width:430px;
}

#topcollectionbleu p
{
display:block;
width:143px;
height:49px;
color:white;
margin:0px;
font-weight:bold;
font-size:10pt;
text-align:center;
float:left;
background: url("top_collection_bleu.png");
}

#topcollectionvert
{
margin:0px;
padding:0px;
height:49px;
width:430px;
}

#topcollectionvert p
{
display:block;
width:143px;
height:49px;
color:white;
margin:0px;
font-weight:bold;
font-size:10pt;
text-align:center;
float:left;
background: url("top_collection_vert.png");
}

.collectioncolumn
{
float:left;
width:150px;
text-align:center;
padding-top:20px;
}

.collectioncolumn a
{
display:block;
text-decoration:none;
margin-bottom:20px;
color:black;
height:30px;
 vertical-align:middle; 
}

.collectioncolumn a:hover
{
display:block;
text-decoration:none;
margin-bottom:20px;
color:#4096df;
height:30px;
 vertical-align:middle; 
}

.titlehomepagebleu
{
font-size:12pt;
font-weight:bold;
float:left;
padding:5px;
width:350px;
padding-left:20px;
color: #6c645e;
background: url('img/petiteflechebleue.png') no-repeat 240px  center ;
}

.titlehomepagevert
{
font-size:12pt;
font-weight:bold;
float:left;
padding:5px;
width:350px;
padding-left:20px;
color: #6c645e;
background: url('img/petiteflecheverte.png') no-repeat 170px  center ;
}


.ongletbleu
{
float:right;
background-color:#4096df;
padding-top:3px;
padding-bottom:3px;
padding-left:15px;
padding-right:15px;
margin-top:14px;
color:white;
font-weight:bold;
text-decoration:none;
margin-right:5px;
-moz-border-radius-topleft: 5px;
-webkit-border-top-left-radius: 5px;
border-top-left-radius: 5px;
-moz-border-radius-topright: 5px;
-webkit-border-top-right-radius: 5px;
border-top-right-radius: 5px;
}

.ongletvert
{
float:right;
background-color:#6eb24b;
padding-top:3px;
padding-bottom:3px;
padding-left:15px;
padding-right:15px;
margin-top:14px;
color:white;
font-weight:bold;
text-decoration:none;
margin-right:5px;
-moz-border-radius-topleft: 5px;
-webkit-border-top-left-radius: 5px;
border-top-left-radius: 5px;
-moz-border-radius-topright: 5px;
-webkit-border-top-right-radius: 5px;
border-top-right-radius: 5px;
}

.ongletselecthome
{
float:right;
background-color:#f5f5f0;
padding-top:3px;
padding-bottom:3px;
padding-left:15px;
padding-right:15px;
margin-top:14px;
color:black;
font-weight:bold;
text-decoration:none;
margin-right:5px;
-moz-border-radius-topleft: 5px;
-webkit-border-top-left-radius: 5px;
border-top-left-radius: 5px;
-moz-border-radius-topright: 5px;
-webkit-border-top-right-radius: 5px;
border-top-right-radius: 5px;
}

.bottomblochomepage
{
clear:both;
margin-top:0px;
height:255px;
width:450px;
}

.bottomblochomepage2
{
clear:both;
padding-left:25px;
height:255px;
width:170px;
}

#imagevideohomepagebleu
{
width:400px;
}
#imagevideohomepagevert
{
width:400px;
}



#listecatbleu ul {
padding:0;margin:0;list-style-type:none;
clear:both;
}

#listecatvert ul {
padding:0;margin:0;list-style-type:none;
clear:both;
}

.jFlowControlhome{
float:left;
margin-right:10px;
}

.jFlowControlhome2{
float:left;
margin-right:10px;
}

#listecatbleu
{
margin-left:250px;
}

#listecatvert
{
margin-left:250px;
}

.titrevideohomepagebleu
{
color:#4096df;
font-weight:bold;
text-decoration:none;
margin-top:10px;
}

.titrevideohomepagevert
{
color:#77c347;
font-weight:bold;
text-decoration:none;
margin-top:10px;
}



.descriptionvideohomepage
{
width:450px;
font-size:10pt;
}

.blocvideohomepageleft
{
}

.blocvideohomepageright
{
position:absolute;
left:490px;
top:387px;
}

.clear
{
clear:both;
}

.blochomepagetop
{
width:710px;
height:300px;
margin-bottom:40px;
-moz-border-radius-bottomleft: 15px;
-webkit-border-bottomleft-left-radius: 15px;
border-bottomleft-left-radius: 15px;
-moz-border-radius-topright: 15px;
-webkit-border-top-right-radius: 15px;
border-top-right-radius: 15px;
}

#soutiensdonateurs
{
display:none;
}

#blocchantier
{
float:left;
width:350px;
margin-right:30px;
margin-left:30px;
}

.titrechantier
{
display:block;
margin-top:3px;
margin-bottom:0px;
color:#dd4400;
font-weight:bold;
}

.textechantier
{
display:block;
margin-top:3px;
font-size:9pt;
}

#chantiergris
{
background-color: #d7d7d7;
width:340px;
margin-top:25px;
height:130px;
}

.ongletchantier
{
background-color:#9e9e9e;
padding:5px;
float:left;
color:white;
font-weight:bold;
margin-right:5px;
margin-top:-15px;
text-decoration:none;
}

.ongletchantierselect
{
background-color:#d7d7d7;
padding:5px;
float:left;
color:white;
font-weight:bold;
margin-right:5px;
margin-top:-15px;
text-decoration:none;
}

#ongletchantiercontenu
{
clear:both;
height:10px;
}


.ongletbestof
{
background-color:#9e9e9e;
padding-left:10px;
padding-right:10px;
float:left;
color:white;
font-weight:bold;
font-size:10pt;
margin-right:2px;
text-decoration:none;
}

.ongletbestofhda
{
background-color:#dd4400;
}

.ongletbestofeconomie
{
background-color:#4096df;
}

.ongletbestofsciences
{
background-color:#6eb24b;
}

#ongletbestofcontenu
{
clear:both;
height:13px;
margin-bottom:5px;
}

#bestof_hda
{
margin-top:5px;
padding:5px;
border:1px solid #dd4400;
height:290px;
}

#bestof_economie
{
margin-top:5px;
padding:5px;
border:1px solid #4096df;
height:290px;
}

#bestof_sciences
{
margin-top:5px;
padding:5px;
border:1px solid #6eb24b;
height:290px;
}



#chantierprojet
{
margin:8px;
}

#chantierparticiper
{
margin:8px;
}

 #chantierprojet ul
 {
 margin:0px;
 padding-left:13px;
color: #dd4400;
 list-style-type:square;
 }

  #chantierprojet ul li
 {
font-size:10pt;
 }
 
  #chantierparticiper ul
 {
 margin:0px;
 padding-left:13px;
color: #dd4400;
 list-style-type:square;
 }

  #chantierparticiper ul li
 {
font-size:10pt;
 }
 
    #chantierparticiper a
 {
font-size:10pt;
color: black;
text-decoration:none;
 }
 
 



#bloccaroussel
{
float:left;
width:300px;
height:360px;
}

#blocsoutiens
{
height:180px;
}

.imgcaroussel :hover
{
display:block;
border:8px solid #6c645e;
}

#bloccaroussel h1, #blocchantier h1, #blocsoutiens h1, #bloccommunaute h1
{
font-family:  "Trebuchet MS";
font-weight:bold;
color: #242524;
font-size:13pt;
}

#carousselgauche
{
float:left;
margin-right:10px;
}

.imgcaroussel
{
display:block;
margin-top:5px;
overflow:hidden;
}

.carousselcontenu
{
display:none;
padding-top: 5px;
height:260px;
}

#carousseldroite
{
position: relative;
float:left;
}

.sstitrecarroussel
{
font-weight:bold;
display:block;
margin-top:5px;
margin-bottom:0px;
}

.auteurcarroussel
{
display:block;
margin-left:20px;
color:#dd4400;
margin-top:0px;
margin-bottom:0px;
}

.textecaroussel
{
font-size:9pt;
}

#soutiens
{
}

#soutiensgris
{
background-color:#d7d7d7;
margin-top:25px;
height:240px;
}

#grislogin
{
background-color:#d7d7d7;
margin-top:25px;
height:180px;
}

.ongletsoutiens
{
background-color:#9e9e9e;
padding:5px;
float:left;
color:white;
font-weight:bold;
margin-right:5px;
margin-top:-15px;
text-decoration:none;
}


.ongletinscription
{
background-color:#9e9e9e;
padding:5px;
float:left;
color:white;
font-weight:bold;
margin-right:5px;
margin-top:-15px;
text-decoration:none;
}

.ongletsoutiensselect
{
background-color:#d7d7d7;
padding:5px;
float:left;
color:white;
font-weight:bold;
margin-right:5px;
margin-top:-15px;
text-decoration:none;
}

#ongletsoutienscontenu
{
clear:both;
height:10px;
}

#soutiensprojets
{
margin:8px;
}

#soutiensdonateurs
{
margin:8px;
}

 #soutiensprojets ul
 {
 margin:0px;
 padding-left:13px;
color: #dd4400;
 list-style-type:square;
 }

  #soutiensprojets ul li
 {
font-size:10pt;
 }
 
  #soutiensdonateurs ul
 {
 margin:0px;
 padding-left:13px;
color: #dd4400;
 list-style-type:square;
 }

  #soutiensdonateurs ul li
 {
font-size:10pt;
 }
 
 #bloccommunaute
 {
 padding-top:35px;
 height:800px;
 margin-top:0px;
 clear:both;
 }
 
 #footer
 {
 width:1000px;
 background-color: #222222;
 height:70px;
 color:white;
 text-align:center;
 vertical-align:bottom;
 }
 
  .lienfooter
 {
 height:10px;
 }
 
 .lienfooter:hover
 {
 padding-top:130px;
 }
 
  #footer a
 {
 color:white;
 text-decoration:none;
 }
 
   #footer a:hover
 {
 color:white;
 text-decoration:underline;
 }
 
#zonedynamiqueonglet
{
padding:0px;
margin:0px;
}

.lienformulaire
{
background-color: #222222;
color: white;
padding-left: 10px;
padding-right: 10px;
padding-top: 5px;
padding-bottom: 5px;
text-decoration:none;
margin-right:85px;
margin-top:30px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}

  object { outline:none; }

  .lienbonus
  {
  text-decoration:none;
  color:grey;
  background: url('img/petiteflecheorange.jpg') no-repeat left center;
  padding-left:15px;
  }

  .lienbonusactive
  {
  text-decoration:none;
  color:grey;
  background: url('img/petiteflecheorangebas.jpg') no-repeat left center;
  padding-left:15px;
  }
  
#easyTooltip2{
	padding:5px 10px;
	border:1px solid #5e5e5e;
	background:#5e5e5e url('bg2.gif') repeat-x;
	color:#fff;
	width:350px;
	}
#easyTooltip2 h4, #easyTooltip2 p{
	margin:.15em 0;
	font-size:11pt;
	}
	
	/*
	Homepage
	*/
	
	#toppagehome
{

width:1000px;
padding-left:10px;
padding-right:10px;
z-index:5;
background-color: #FFFFFF;
}

#menuhome
{
position:relative;
margin: 0 auto;
width:990px;
height:20px;
padding-bottom:4px;
padding-left:10px;
font-size:14px;
font-weight:bold;
z-index:6;
}


/*
Pages fixes contenu
*/

.colonne3
{
width:313px;
margin-right:12px;
float:left;
font-size:10pt;
}

.colonne2
{
width:626px;
margin-right:8px;
float:left;
font-size:10pt;
}

#contenupagefixe h1
{
font-family:"Trebuchet MS";
display:block;
border-top:12px solid #b90000;
color:#3d3e40;
width:310px;
}

#contenupagefixe h2
{
font-family:"Trebuchet MS";
display:block;
border-top:6px solid #b90000;
color:#3d3e40;
width:310px;
padding-top:6px;
}

.citation
{
color:#7e7e7e;
font-size:12pt;
width:350px;
text-align:left;
margin-left:30px;
font-weight:bold;
font-family:"Verdana", "Trebuchet MS";
margin-bottom:10px;
}

.guillemet
{
color: #b90000;
font-size:14pt;
display:inline;
font-family: "Trebuchet MS";
}

.listwithimage
{
clear:both;
margin-bottom:10px;
}

.listwithimage img
{
float:left;
margin-right:3px;
margin-bottom:10px;
}

.download3orange
{
background-color: #dd4400;
color: white;
padding-left: 10px;
padding-right: 10px;
padding-top: 3px;
padding-bottom: 3px;
text-decoration:none;
margin-right:5px;
margin-top:2px;
margin-bottom:2px;
font-size:10pt;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}

.download3orange:hover, .download3bleu:hover, .download3vert:hover
{
color:white;
}

.download3bleu
{
background-color: #4196E0;
color: white;
padding-left: 10px;
padding-right: 10px;
padding-top: 3px;
padding-bottom: 3px;
text-decoration:none;
margin-right:5px;
margin-top:2px;
margin-bottom:2px;
font-size:10pt;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}

.download3vert
{
background-color: #6EB24B;
color: white;
padding-left: 10px;
padding-right: 10px;
padding-top: 3px;
padding-bottom: 3px;
text-decoration:none;
margin-right:5px;
margin-top:2px;
font-size:10pt;
margin-bottom:2px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}

.ongletdroite
{
background-color:#9e9e9e;
padding-left:10px;
padding-right:10px;
float:left;
color:white;
font-weight:bold;
font-size:10pt;
margin-right:2px;
text-decoration:none;
}

.ongletdroitedon
{
background-color:#dd4400;
}

.ongletdroiteinscription
{
background-color:#4096df;
}

.ongletdroiteconnexion
{
background-color:#6eb24b;
}