@charset "utf-8";
/* CSS Document */

/*INITIALISATION*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: middle;
	background: transparent;
	text-decoration:none;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

legend {
margin-bottom:5px;
}

/* ************ */
/* COMMUN       */
/* ************ */

.invisible {
display:none;
}

.cleaner {
clear:both;
}

.majuscule {
text-transform:uppercase;
}

.left {
float:left;
}

sup {
vertical-align: text-top;
font-size: .8em;
}

/* style txt */
#article h1,#article p, #article h2.titreParagraphe  {
margin-bottom:10px;
}

#article h1 {
font-size:2.5em;
color:#94C481;
font-weight:bold;
letter-spacing:-1px;
word-spacing:-2px;
}

#article h2.titreParagraphe {
font-size:1.5em;
color:#94C481;
font-weight:bold;
letter-spacing:-1px;
}

#article p {
line-height:1.2em;
text-align:justify;
}

.gras {
font-weight:bold;
vertical-align: baseline;
}

.italique {
font-style:italic;
vertical-align: baseline;
}

.grasItalique {
font-style:italic;
font-weight:bold;
vertical-align: baseline;
}

a.pdf {
display:block;
height:30px;
padding-left:35px;
background:url(../design/iconePDF.gif) no-repeat top left;
font-weight:bold;
color:#528D95;
line-height:30px;
}

a.pdf:hover {
color:#FF9B06;
}

#article a.url {
font-size:1em;
margin:5px 0px;
padding:2px 10px;
background: #528D95;
color:#FFF;
line-height:1.2em;
-moz-border-radius:3px;
float:right;
font-weight:bold;
text-align:right;
font-size:1.2em;
vertical-align:baseline;
}

#article a.url:hover {
background: #FF9B06;
color:#FFF;
}

#article a.url span {
font-size:0.8em;
vertical-align:baseline;
}

/* style img */
.imgGaucheTexte {
text-align:center;
margin:0px 10px 5px 0px;
float:left;
}

.imgGaucheSansTexte {
margin:0px 10px 5px 0px;
}

.imgCentree {
text-align:center;
margin:0px 0px 10px 0px;
}

/* hr */
hr {
color:#528D95;
background-color:#528D95;
height: 2px;
border: double;
}

/* ************ */
/* WIDGET	*/
/* ************ */

/* Widget Saut Page */

.widgetSautPage {
float:right;
margin:20px 0px;
}

.widgetSautPage {
padding-right:20px;
}

.widgetSautPage ul li {
float:left;
}

.widgetSautPage ul li a {
display:block;
font-weight:bold;
font-size:1em;
margin-top:0px;
padding:3px 3px;
background: #528D95;
color:#FFF;
-moz-border-radius:2px;
margin-left:3px;
line-height:1.1em;
}

.widgetSautPage ul li a:hover {
background:#FF9B06;
}

/* ************ */
/* LAYOUT 	*/
/* ************ */


body {background-color:#FFFFFF;
font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 13px;
color: #333333;
text-align:center;
background: url(../design/background.jpg) no-repeat top center;
z-index:0;
}

#main {
margin:73px auto 0px auto;
width: 864px;
text-align:left;
}

#mainHeader {
padding:30px 0px 0px 34px;
background:url(../design/mainHeader.png) no-repeat top center;
}

#logo {
float:left;
position:relative;
width: 257px;
height:84px;
}

#logo p.numeroEditionLogo {
font-family: "Arial Black", Gadget, sans-serif;
font-weight: bolder;
font-size:1em;
color:#000;
display:block;
position:absolute;
top:35px;
left:10px;
}


/* ************ */
/* MIDDLE		*/
/* ************ */
#mainMiddle {
background:url(../design/mainMiddle.png) repeat-y center;
min-height:500px;
height:auto !important;
height:500px;
}

#page {
width:802px;
margin:auto;
}

#pageHeader {
background:url(../design/pageHeader.gif) no-repeat center;
height:15px;
}

#pageMiddle {
background:url(../design/pageMiddle.gif) repeat-y center;
min-height:480px;
height:auto !important;
height:480px;
}

/* ************	 				*/
/* CONT PAGE	- contient le contenu sous menu et txt	*/
/* ************					*/

#contPage {
width:786px;
margin:auto;
position:relative;
}

/* uniquement pour le conteneur flash de l'intro */
#flashCont {
position:absolute;
top:368px;
left:30px;
z-index:2;
width:85px;
height:85px;
}

a.contFlash {
display:block;
height:85px;
width:85px;
position:absolute;
top:368px;
left:30px;
z-index:3;
background: url(../design/gifTransparent.gif) repeat ;
}

* html body #contPage a.contFlash {
width:100%;
}
	
/* à mettre lorsqu'il y a un sous menu */
.deuxColonne #sousMenu,
.deuxColonne #sousMenuAdmin,
.deuxColonne #article {
float:left;
}

/* *************/
/* SOUS MENU 	*/
/* *************/

#sousMenu {
width:235px;
height:481px;
}

#sousMenu.course {
background:url(../design/fondSousMenuCourse.jpg) no-repeat top left;
}

#sousMenu.media {
background:url(../design/fondSousMenuMedia.jpg) no-repeat top left;
}

#sousMenu ul {
width:221px;
margin:64px auto 0px auto;
}

#sousMenu ul li {
margin-bottom:7px;
}

#sousMenu ul li a {
display:block;
width:216px; /* -5px du pading left */
height:27px;
background: #FF9B06;
-moz-border-radius : 5px 2px;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
text-transform:uppercase;
color:#000;
font-weight:bold;
font-size:1.4em;
line-height:1.5em;
letter-spacing:-1px;
padding-left:5px;
}

.sousMenuTxtSmaller {
font-size:0.9em;
vertical-align:baseline;
}

#sousMenu ul li a:hover,
#sousMenu ul li a.actif {
color:#FFF;
text-shadow:#000 .10em .10em .10em; /* ne fonctionne pas sous IE8 et cie */
}

/* ************	 			*/
/* ARTICLE	- contient le contenu txt	*/
/* ************ 			*/

.uneColonne #article {
width:786px;
}

.deuxColonne #article {
width:511px; /* -40px à cause du padding */
padding: 20px;
}

#article h1,#article p  {
margin-bottom:10px;
}

#article h1 {
font-size:2.5em;
color:#94C481;
font-weight:bold;
letter-spacing:-1px;
word-spacing:-2px;
}

#article h2.titreParagraphe {
font-size:1.5em;
color:#94C481;
font-weight:bold;
letter-spacing:-1px;
}

#article p {
line-height:1.2em;
text-align:justify;
}

#article p.mediaLienContact, #article a.url {
font-weight:bold;
color:#528D95;
letter-spacing:-1px;
text-align:right;
word-spacing:-1px;
font-size:1.4em;
}

#article p.mediaLienContact {
margin-top:15px;
}

#article a.url {
font-size:1em;
margin-top:0px;
padding:2px 10px;
background: #528D95;
color:#FFF;
line-height:1.5em;
-moz-border-radius:3px;
float:right;
letter-spacing:.01em;
}

#article a.url:hover {
background: #FF9B06;
color:#FFF;
}

#pageFooter {
background:url(../design/pageFooter.gif) no-repeat center;
height:15px;
}

/* ************ 		*/
/* MEDIA = page PHOTOS/VIDEOS		*/
/* ************ 		*/

#article .blocMedia {
float:left;
width:119px;
margin:10px 3px;
}

#article a.thumbBlocMedia {
display:block;
width: 93px; /* -6px padding left img */
height:95px; /* -4px padding top img */
background:url(../design/cadreThumbBlocMedia.jpg) no-repeat top left;
padding-left:6px;
padding-top:4px;
margin:0px auto 3px auto;
}

#article p.date {
margin:0px 0px 3px 0px;
text-align:center;
}

#article h1.titreDiapo {
margin:0px;
font-size:1.1em;
text-align:center;
font-weight: bold;
color:#528D95;
letter-spacing: normal;
}


/* ************ 		*/
/* PARTENAIRE & AGENDA			*/
/* ************ 		*/
.uneColonne #article .conteneurUneColonne {
width:766px;
background: url(../design/filetGraphique.jpg) no-repeat bottom right;
padding:20px 0px 26px 0px;
}

.blocInfoTexte, .blocLogoIllu {
float:left;
}

.blocInfoTexte {
width:516px;
padding-left:15px;
}

.blocLogoIllu {
width:235px;
text-align:center;
}

#article .conteneurUneColonne .dateAgenda {
font-size:1.5em;
font-weight:bold;
color:#999966;
letter-spacing:-1px;
margin:0;
}


/* ************ 		*/
/* LOGIn			*/
/* ************ 		*/
#article.login input.send {
margin: 10px 0px 0px 105px;
width:300px;
height:30px;
line-height:30px;
cursor:pointer;
padding:0;
}

#article.login .login {
margin:10px 0px;
}

#article.login label.align {
display:block;
height:20px;
line-height:20px;
width: 100px;
float:left;
font-weight:bold;
text-align:right;
margin-right : 5px;
}

#article.login input {
display:block;
height:20px;
width: 300px;
float:left;
}

#article.login legend {
margin-bottom:15px;
}