/* version05 */

/*---------------------------------------- BACKGROUND&GENERAL*/
body{
	background		: #002359 url(../img/background.jpg) repeat-y scroll 50% 0pt;
	text-align		: center;
	font-family		: Arial, Helvetica, sans-serif;
}

#wrap{
	width			: 980px;
	margin			: auto;
}

/*---------------------------------------- HEADER LOGO */
#entete {	
	margin			: 25px 0 10px 0;
	background		: url(../img/header.jpg) no-repeat #b4b4b4;
	text-align		: right;
	padding			: 70px 25px 15px 25px;
	height			: 20px;
	width			: 930px;
}

#entete p {
	color			: #96197D;	
	float			: right;
	font-size		: 12px;
	padding			: 0;
	margin			: 0;
	width			: 500px;
	font-weight		: bold;
}

/*---------------------------------------- ANIMATION FLASH */

#animswf{
	float			: left;
	height			: 225px;
	width			: 650px;
}

#animswf img{
	margin			: 0;
	padding			: 0;
}

.titreFlashAnim{
	font-size		: 24px;
	font-family		: Arial, Helvetica, _sans;
	color			: #FFFFFF;
	text-align		: left;
	font-weight		: bold;
}

/*---------------------------------------- EXTRANET */

#extranet{
	display			: block;
	height			: 225px;/*origine 225*/
	width			: 280px;/*origine 320*/
	float			: right;
	padding			: 0 20px 0 20px;
	background		: url(../img/connexion.jpg) no-repeat;
	font-weight		: bolder;
}
#extranet form{
	padding			: 0;
	margin			: 0;
}
#extranet h2{
	margin			: 50px 0 25px 0;
	padding			: 0;
	color			: #FFFFFF;
	font-size		: 22px;
}
#extranet p{
	text-align		: right;
	padding			: 20px 0 0 0;
	margin			: 0;
}

#extranet .data{
	margin-top		: 3px;
	margin-left: 10px;
	float			: left;
	color			: #FFFFFF;
	text-align		: left;
	font-size		: 14px;
}

#extranet table{
	width			: 280px;	
}

#extranet input{
	margin-top		: 2px;
	margin-right: 10px;
	float			: right;
	text-align		: left;
	border			: 1px solid #CCCCCC;
	height			: 16px
}

#extranet .bouton{
	display			: block;
	float			: right;
	height			: 20px;
	width			: 40px;
	background-color: #646464;
	color			: #FFFFFF;
	border			: none;
	text-align		: center;
	cursor			: pointer;
}

/*---------------------------------------- BODY */

#corps{
	margin			: 10px 0 10px 0;
	width			: 980px;
	float			: left;
	background-color: #e7e7e7;;
}

#colonnePrincipal{	
	float			: left;
	width			: 660px;
	background		: url(../img/backgroundBody660.jpg) repeat-y;
}

/*---------------------------------------- MENU */
#menu {
	margin			: 15px 0 30px 0;
	padding			: 0;
	list-style		: none;
	background		: url(../img/boutonMenu.jpg) repeat-x;
	width			: 660px;
	height			: 40px;
}

#menu li {
	display			: inline;
	margin			: 0;
	padding			: 0;
	display			: inline;
	font-size		: 12px;
	font-weight		: bolder;
	color			: #3F6FA2 ;
}

#menu a {
	float			: left;
	margin			: 0;
	padding			: 12px 14px 12px 14px;
	text-decoration	: none;
	border-left		: 1px solid #C8C8C8;

	background		: url(../img/boutonMenu.jpg) repeat-x;
	color			: #3F6FA2 ;
}

#menu a:hover {
	background		: url(../img/boutonMenuOn.jpg) repeat-x;
	color			: #96197D;
}
#menu .menuselect{
	color			: #96197D;
	background		: url(../img/boutonMenuSelect.jpg) repeat-x;
}

	
/*---------------------------------------- CONTENU */

#colonnePrincipal h1{
	font-size		: 18px;
	padding			: 5px 50px 0 50px;
	margin-bottom	: 50px;
	text-align		: left;
	background		: url(../img/bandeauGris.jpg) repeat-y;	
	color			: #96197D;
	height			: 30px;
}

h2 {
	font-size		: 16px;
	padding			: 5px 50px 0 50px;
	margin: 0;
	text-align		: left;
	color: #2864A0;
}

#colonneDroite div.blocDroite p a strong {
	text-decoration: underline;
}

#colonneDroite div.blocDroite p a:hover strong {
	text-decoration: underline;
	color: #96197D;
}

#colonnePrincipal p{
	font-size		: 12px;
	padding			: 0 50px 0 50px;
	margin: 0;
	text-align		: justify;
	color			: #333333;
}

#colonnePrincipal .citation{
	font-size		: 12px;
	padding			: 0 50px 0 50px;
	text-align		: left;
	font-weight		: bolder;
}

#colonnePrincipal .auteur{
	font-size		: 11px;
	padding			: 0 50px 0 50px;
	text-align		: left;
	font-style		: italic;
}

/*---------------------------------------- PDF TABLE */
#pdftable{
	padding			: 0 50px 50px 50px;
}


#pdftable table{
	width			: 100%;
	border-collapse	: collapse;
	font-size		: 12px;
	text-align		: left;	
}

.pdfDate{
	width:125px;
}
.pdfTitre{
	
}
.pdfLiens{
	width:90px;
}

.pdfcolor0{
	color:#2864A0;
	font-weight: bold;
	border-bottom: 1px solid #b4b4b4;
	padding-bottom: 5px;
}

.pdfcolor1{
	background-color:#fff;
}

.pdfcolor2{
	background-color:#E1E6F4;
}

#pdftable a{
	height			: 22px;
	background		: url(../img/pdficon.gif) no-repeat;
	display			: block;
	color			: #3F6FA2;
	margin			: 5px 5px 5px 0;
	text-decoration	: none;
}

#pdftable a:hover{
	height			: 22px;
	background		: url(../img/pdfHover.gif) no-repeat;
	display			: block;
	color			: #3F6FA2;
	margin			: 5px 5px 5px 0;
	text-decoration	: none;
	text-align		: center;
}
/*---------------------------------------- FORMULAIRE CONTACT */

#colonnePrincipal form{
	text-align		: left;
	padding			: 0 50px 50px 50px;
	font-size		: 12px;
}
#colonnePrincipal label{
	text-align		: left;
	display			: block;
	width			: 80px;
	height			: 15px;
	float			: left;
	margin			: 4px 0;
}
#colonnePrincipal input{
	width			: 300px;
	height			: 15px;	
	margin			: 4px 0;
}

#colonnePrincipal input.inputScore {
	height:30px;             
	margin:4px 0;            
	width:300px;             
}              

#colonnePrincipal textarea{
	width			: 300px;
	height			: 200px;
	margin			: 4px 0;
}
#colonnePrincipal .btEnvoyer{
	background		: url(../img/sendicon.gif) no-repeat;
	width			: 74px;
	height			: 22px;
	border			: none;
	cursor			: pointer;
	margin-left: 80px;
	
}

#colonnePrincipal a{
	text-decoration	: none;
}

#colonnePrincipal a:hover input {
	background		: url(../img/sendHover.gif) no-repeat;
	width			: 74px;
	height			: 22px;
	border			: none;
	cursor			: pointer;
}

#colonnePrincipal p img {
	padding: 5px;
	margin: 16px 0 15px 15px;
	border: 1px solid #dddddd;
	float: right;
}

/*---------------------------------------- COLONNE DROITE */

#colonneDroite{
	float			: right;
	width			: 300px;
	background-color: #e7e7e7;
	text-align		: left;
	padding			: 15px 10px 10px 10px;
}

#colonneDroite .blocDroite{
	margin-bottom	: 20px;
	padding			: 11px 22px 25px 22px;		
	background-color: #FFFFFF;
	background		: url(../img/backgroundBody300.jpg) repeat-y;
	border			: 1px solid #C8C8C8;	
}

#colonneDroite .titre{
	padding			: 0 0 5px 0;
	margin			: 0;
	font-size		: 12px;
	color			: #2864A0;
	font-weight		: bolder;
}
#colonneDroite p{
	font-size		: 11px;
	color			: #808080;
	margin			: 0;
	padding			: 0;
}
#colonneDroite h2{
	padding			: 0 0 10px 0;
	margin			: 0;
	font-size		: 11px;
	color			: #2864A0;
	font-weight		: bolder;
}

#colonneDroite img{
	border			: thin solid #999999;
}

#colonneDroite .rss{
	text-align		: left;
	margin-top		: 5px;
	padding-left	: 10px;
	font-size		: 11px;
	color			: #808080;
	text-indent		: -9px;
}

#colonneDroite a {
	text-decoration	: none;
	color			: #808080;
}
#colonneDroite a:hover {
	text-decoration	: underline;
	color			: #808080;
}

#colonneDroite .imgRss{
	background		: url(../img/rss15.jpg) no-repeat;
	text-align		: left;
	height			: 15px;
	display			: block;
	margin			: 10px 0 10px 0;
	padding			: 0 0 0 25px;
	font-size		: 12px;
	color			: #808080;
	font-weight		: bolder;
}
/*---------------------------------------- FOOTER */

#pied{
	margin			: 0 0 50px 0;
	float			: left;
	text-align		: right;	
	height			: 30px;
	width			: 980px;
	background-color: #b4b4b4;
}

#pied p{	
	padding			: 0 20px 0 20px;
	font-size		: 8pt;
	color			: #96197D;
}

#pied p a {
	color			: #96197D;
	text-decoration	: none;
}
#pied p a:hover {
	text-decoration	: underline;
}

ul {
	font-size		: 12px;
	padding			: 0 50px 0 80px;
	margin			: 0;
	text-align		: justify;
	color			: #333333;
}

li {
	padding-top: 5px;
	
}

ol {
	font-size		: 12px;
	padding			: 0 50px 0 80px;
	margin: 0;
	text-align		: justify;
	color			: #333333;
}

.legend {

}
.legend a {
	margin-top: -15px;
	margin-right:20px;
	float: right;
}