* {

	margin: 0px;

}

body {

	font-size: 1em;

	font-family: Arial, Helvetica,sans-serif;

	color: #000000;

	position: relative;

}

body,html {

	width: 100%;

	background: #999a9c;

	margin: 0;

	text-align: center;

}

a {

	color: #555555

}

a:focus,a:active {

	outline: none;

}

body {

	font-size: 62.6%;

}

h1 {

	font-size: 1.8em;

}

h2 {

	font-size: 2.4em;

	font-weight: bold;

	color: #474747;

	padding: 0 12px 0 12px;

}

h3 {

	font-size: 3em;

	font-weight: bold;

	color: #af292e;

	padding: 0 12px 0 70px;

	margin-bottom: 18px; /*3px*/

}

h4 {

	font-size: 1.6em;

	font-weight: bold;

	color: #474747;

	padding: 0 75px 0 70px;

	margin-bottom: 5px;

}

h5 {

	font-size: 1.2em;

}

p {

	font-size: 1.2em;

	padding: 0 70px;

	margin-bottom: 11px;

	line-height: 1.5em;

}

a {

	font-size: 1.1em;

}

.cacher {

	display: block;

	margin-top: -5000px;

	position: absolute !important;

	margin-left: -50000px;

	width: 1px;

	overflow: hidden;

	height: 1px;

}

img {

	border: 0;

}

.clearer {

	display: block;

	clear: both;

	font-size: 0px;

	line-height: 0px;

}

#main ul {

	list-style: none;

	padding: 0 70px 0px 70px;

	margin: 0;

	font-size: 1.1em;

}

#main li {

	padding-left: 6px;

	padding-bottom: 15px;

	background: transparent url(../img/backLi.gif) no-repeat;

}

#largeur {

	width: 960px;

	margin-left: auto;

	margin-right: auto;

	position: relative;

	text-align: left;

	overflow: hidden;

}

/*HEADER*/

#header {

	width: 100%;

	float: left;

	position: relative;

}

#header img,#header object {

	vertical-align: middle;

}

#logo {

	position: absolute;

	top: 0px;

	left: 0px;

}

#logoPrint {

	display: none;

}

#linkAdmin {

	background: #474747;

	overflow: hidden;

}

#linkAdmin a {

	background: #ffffff;

	padding: 2px 5px;

	float: left;

	color: #000000;

	text-decoration: none;

	border: solid 3px #A41C22;

}

#linkAdmin a:hover {

	background: #ffffff;

	padding: 2px 5px;

	float: left;

	color: #000000;

	text-decoration: underline;

}


#barre_haut{background:#474747; text-align:right; padding-right:130px; padding-top:10px;}
#barre_haut img{vertical-align:bottom;}

/*LANGUE*/

#langues {

	position: absolute;

	top: 0px;

	right: 0px;

	background: #999a9c;

}

#langues a:link, #langues a:visited {

	margin: 0 6px;

	padding: 3px 0;

	text-decoration: none;

	display: block;

	float: left;

	color: #ffffff;

	font-weight: bold;

	font-size: 1.1em;

}

#langues a:hover {

	margin: 0 6px;

	padding: 3px 0;

	text-decoration: underline;

	display: block;

	float: left;

	color: #ffffff;

	font-weight: bold;

	font-size: 1.1em;

}

#langues span {

	margin: 0 6px;

	padding: 3px 0;

	text-decoration: line-through;

	display: block;

	float: left;

	color: #ffffff;

	font-weight: bold;

	font-size: 1.1em;

}

/*MENU PRINCIPAL*/

#menuPrincipal {

	width: 100%;

	background: #474747;

	padding: 14px 0;

	float: left;

}

#menuPrincipal a {

	color: #dbdbdb;

	font-size: 1.2em;

	text-decoration: none;

	font-weight: bold;

	float: left;

	height: 24px;

	_height: 38px;

	padding: 7px;

	line-height: 1em;

}

#menuPrincipal a:hover {

	text-decoration: none;

	background: transparent url('../img/backMenuSelPrinc.gif') repeat-y;

	color: #474747;

	: }

#menuPrincipal a.menuPrincFirst {

	width: 106px;

	_width: 120px;

}

#menuPrincipal a.menuPrincMiddle {

	width: 105px;

	_width: 119px;

	border-left: solid 1px #f4f4f4;

}

#menuPrincipal a.menuPrincLast {

	width: 105px;

	_width: 120px;

	border-left: solid 1px #f4f4f4;

}

#menuPrincipal a.selected {

	text-decoration: none;

	color: #474747;

	background: transparent url('../img/backMenuSelPrinc.gif') repeat-y;

}

/*CONTENU+COLONNES*/

#contenu {

	width: 100%;

	float: left;

	background: #ffffff url('../img/backStandart.gif') repeat-y;

}

/*COLONE GAUCHE*/

#columnLeft {

	float: left;

	min-height: 10px;

	_height: 10px;

	width: 180px;

}

/*BLOC MEMO*/

#blocMemo {

	padding: 30px 10px 0 10px;

}

#blocMemoTop {

	font-size: 3em;

	font-weight: bold;

	color: #474747;

	position: relative;

	z-index: 1;

}

#blocMemoContentImage {

	position: relative;

	margin-top: -13px;

	background: #dbdbdb;

	border-top: solid 1px #474747;

	z-index: 2;

}

#blocMemoContentImage img {

	border-bottom: solid 1px #474747;

	border-left: solid 1px #474747;

	border-right: solid 1px #474747;

}

#blocMemoContentText {

	position: relative;

	margin-top: -13px;

	background: #dbdbdb;

	border: solid 1px #474747;

	z-index: 2;

}

#blocMemoContentText p {

	padding: 3px;

	margin: 0px;

}

/*SOUS MENU PRINCIPALE*/

div#ssMenuPrincDiv {

	position: relative;

	background: transparent url('../img/menuSsPrincUl.gif') repeat;

}

ul#ssMenuPrinc {

	list-style-type: none;

	padding: 50px 0px 20px 0px;

}

ul#ssMenuPrinc li {

	margin: 0px;

}

ul#ssMenuPrinc a {

	color: #474747;

	text-decoration: none;

	background: transparent url('../img/menuSsPrincA.gif') no-repeat;

	display: block;

	_width: 100%;

	padding: 4px 30px 7px 25px;

	font-size: 1.1em;

}

ul#ssMenuPrinc a.selected {

	background: #474747 url('../img/menuSsPrincASel.gif') no-repeat;

	color: #d6d6d4;

}

ul#ssMenuPrinc a:hover {

	background: #af292e url('../img/menuSsPrincAOver.gif') no-repeat;

	color: #d6d6d4;

}

ul#ssMenuPrinc ul {

	list-style-type: none;

	padding: 0 0 10px 0;

	background: transparent url('../img/menuSsPrincLi.gif') right repeat-y;

}

ul#ssMenuPrinc ul li {

	padding: 4px 15px 4px 0;

}

ul#ssMenuPrinc ul li a {

	padding: 2px 30px 2px 5px;

	margin-left: 20px;

	background: none;

	color: #474747;

}

ul#ssMenuPrinc ul li a.selected {

	background: #af292e;

	color: #d6d6d4;

}

ul#ssMenuPrinc ul li a:hover {

	background: #af292e;

	color: #d6d6d4;

}

ul#ssMenuPrinc ul li a.over-selected{

	background:  #af292e;

	color: #d6d6d4;

}

/*ACCES DIRECT*/

div#menuAccessInutile {

	height: 25px;

	diplay: block;

}

ul#menuAccesDirect {

	list-style-type: none;

	padding: 15px 10px 12px 10px;

}

ul#menuAccesDirect li {

	margin: 10px 0px;

	background: #ffffff url('../img/menuAccesBackLi.gif') repeat-y;

}

ul#menuAccesDirect a {

	background: transparent url('../img/menuAccesBackA.gif') no-repeat;

	text-decoration: none;

	padding: 5px 0 5px 15px;

	display: block;

	_width: 100%;

	color: #000000;

	font-weight: bold;

	font-size: 1.1em;

}

ul#menuAccesDirect a.selected {

	color: #af292e;

}

ul#menuAccesDirect a:hover {

	color: #af292e;

}

/*MENU TRANSVERSE 1*/

/*Niveau 1*/

ul#menuTransverse1 {

	list-style-type: none;

	padding: 0 10px 34px 10px;

}

ul#menuTransverse1 li {

	margin: 6px 0 0 0;

}

ul#menuTransverse1 li a {

	background: #474747 url('../img/menuTrans1a.gif') center left no-repeat;

	text-decoration: none;

	padding: 4px 0 4px 15px;

	display: block;

	_width: 100%;

	color: #ffffff;

	font-size: 1.1em;

}

ul#menuTransverse1 li a:hover {

	background: #af292e url('../img/menuTrans1a.gif') center left no-repeat;

}

ul#menuTransverse1 li a.over-selected {

	background: #af292e url('../img/menuTrans1a.gif') center left no-repeat;

}

/*Niveau 2*/

ul#menuTransverse1 ul {

	list-style-type: none;

	padding: 0 0 0 17px;

}

ul#menuTransverse1 ul li {

	margin: 0 0 0 0;

}

ul#menuTransverse1 ul li a {

	padding: 1px 0 1px 10px;

	background: none;

	color: #000000;

}

ul#menuTransverse1 ul li a.selected {

	color: #ffffff;

	background: #9a9b9d;

}

ul#menuTransverse1 ul li a:hover {

	color: #ffffff;

	background: #af292e;

}

ul#menuTransverse1 ul li a.over-selected {

	background: #af292e;

	color: #ffffff;

}

/*Niveau 3+*/

ul#menuTransverse1 ul ul {

	list-style-type: none;

	padding: 0 0 0 10px;

}

ul#menuTransverse1 ul ul li a.selected {

	background: #cacac8;

	color: #000000;

}

/*Logo*/

#logoLeft {

	text-align: left;

	padding: 0 10px 40px 10px;

}

#logoLeft p {

	margin-bottom: 10px;

	padding: 0px;

}

/*CONTENU*/

#main {

	float: left;

	min-height: 10px;

	_height: 10px;

	width: 660px;

}

/*FIL ARIANNE*/

#ocms_road {

	height: 15px;

	_height: 45px;

	padding: 15px 13px;

}

#ocms_road a {

	font-size: 1.1em;

	text-decoration: none;

	color: #474747;

	margin-right: 7px;

}

#ocms_road a.roadFirst {

	

}

#ocms_road a.roadMiddle {

	padding: 0 0 0 10px;

	background: transparent url('../img/roadA.gif') center left no-repeat;

}

#ocms_road a.roadLast {

	padding: 0 0 0 10px;

	color: #af292e;

	background: transparent url('../img/roadA.gif') center left no-repeat;

}

#ocms_road a:hover {

	color: #af292e;

	text-decoration: underline;

}

/*TITRE*/

#categorieDiscipline {

	padding: 15px 35px 10px 35px;

}

#categorieDiscipline a {

	padding: 0 3px 0 3px;

	text-decoration: none;

	font-size: 1.3em;

	color: #474747;

}

#categorieDiscipline a.linkCategorie {

	border-right: solid 1px #787878;

}

#categorieDiscipline a:hover {

	text-decoration: underline;

}

/*PARAGRAPHE*/

.para div, .texte div {

	font-size: 1.1em;

	padding: 0 70px;

}

.paraVideo {

	text-align: center;

	margin-bottom: 14px;

}

.paraImgLeft, .paraImgRight, .paraImgRight2 {

	overflow: hidden;

}

.paraImgRight div.img {

	float: right;

	margin: 0 70px 10px 20px;

}

.paraImgRight2 div.img {

	float: right;

	margin: 0 20px 10px 20px;	

}

.paraImgLeft div.img {

	float: left;

	margin: 0 20px 10px 10px;

}

.paraImgAlone {

	padding-left: 70px;

	padding-right: 70px;

	overflow: hidden;

	text-align: center;

	margin-bottom: 11px;

}

.paraImgAlone div.img {

	margin: 0 auto;

	overflow: hidden;

	position: relative;

}

.paraImgRight div.img img, 

.paraImgLeft div.img img, 

.paraImgAlone div.img img,

.paraImgRight2 div.img img {

	float: left;

	margin-bottom: 4px;

}

.paraImgRight div.legende, 

.paraImgLeft div.legende, 

.paraImgAlone div.legende, 

.paraImgRight2 div.legende {

	display: block;

	background: #474747;

	color: #ffffff;

	text-align: center;

	font-size: 1em;

	padding: 4px 5px 6px 5px;

	margin-bottom: 4px;

}

.para .sousTitre, .texte .sousTitre {

	color: #474747;

	font-size: 1.6em;

	font-weight: bold;

	margin-bottom: 5px;

}

.para .paraChapeau ,.texte .paraChapeau {

	font-size: 1.2em;

	font-weight: bold;

	color: #000000;

	margin-bottom: 0px;

}

.para .titre1, .texte .titre1 {

	font-size: 1.4em;

	font-weight: bold;

	color: #af292e;

	margin-bottom: 0px;

}

.para .titre2, .texte .titre2 {

	font-size: 1.3em;

	font-weight: bold;

	color: #474747;

	margin-bottom: 0px;

}

p.sousTitre {

	color: #474747;

	font-size: 1.6em;

	font-weight: bold;

	margin-bottom: 5px;

}

p.paraChapeau {

	font-size: 1.2em;

	font-weight: bold;

	color: #000000;

	margin-bottom: 4px;

}

p.titre1 {

	font-size: 1.4em;

	font-weight: bold;

	color: #af292e;

	margin-bottom: 7px;

}

p.titre2 {

	font-size: 1.1em;

	font-weight: bold;

	color: #000000;

	margin-bottom: 7px;

}

p a {

	color: #af292e;

	font-size: 1.0em;

	text-decoration: none;

}

p a:hover {

	color: #af292e;

	font-size: 1.0em;

	text-decoration: underline;

}

/*COLONNE DROITE*/

#columnRight {

	padding-top:14px;

	float: left;

	min-height: 10px;

	_height: 10px;

	width: 120px;

}

/*NEWSLETTER*/

#blocNewsletter {

	padding: 0 10px;

	margin-top: 30px;

}

#blocNewsletterTop {

	font-size: 1.8em;

	font-weight: bold;

	color: #dbdbdb;

	position: relative;

	z-index: 1;

}

#blocNewsletterContent {

	position: relative;

	margin-top: -7px;

	background: #dbdbdb;

	z-index: 2;

	padding: 5px 10px

}

#blocNewsletterContent .need {

	display: none;

}

#blocNewsletterContent label {

	display: none;

}

#blocNewsletterContent #div_newsletter_form_field_1 input {

	width: 78px;

	border: solid 1px #000000;

	margin: 0 0 5px 0;

}

#blocNewsletterContent #div_submit input {

	border: solid 1px #000000;

	padding: 0;

}

#newsletterSubmit {

	display: none;

}

#blocNewsletterContent a {

	display: block;

	text-decoration: underline;

	color: #000000;

	padding-left: 15px;

	background: transparent url('../img/backLinkNewsletter.gif') left 2px no-repeat;

	margin-bottom: 5px;

}

#blocNewsletterContent a:hover {

	text-decoration: none;

}

#blocNewsletterContent #messageNewsletterOK {

	font-size: 1.1em;

	color: #474747;

	margin-bottom: 5px;

	display: block;

}

#blocNewsletterContent #messageNewsletterErreur {

	font-size: 1.1em;

	color: #AF292E;

	margin-bottom: 5px;

	display: block;

}

/*RSS*/

#blocRssRight {

	margin-top: 15px;

	padding: 0 10px;

}

#blocRssRight a {

	display: block;

	background: transparent url('../img/fluxRss.gif') no-repeat;

	padding: 3px 0 0px 30px;

	text-decoration: none;

	color: #474747;

	border-bottom: solid 1px #000000;

	font-weight: bold;

}

#blocRssRight a:hover {

	color: #AF292E;

}

/*BLOG*/

#blocBlog {

	padding: 0 10px;

	margin-top: 15px;

}

#blocBlogTop {

	font-size: 3em;

	font-weight: bold;

	color: #474747;

	position: relative;

	z-index: 1;

}

#blocBlogContent {

	position: relative;

	margin-top: -13px;

	background: #ffffff;

	border-top: solid 1px #474747;

	z-index: 2;

}

#blocBlogContent div {

	padding-top: 5px;

	border-bottom: solid 1px #000000;

}

#blocBlogContent div a {

	font-size: 1.1em;

	font-weight: bold;

	text-decoration: none;

	display: block;

	margin-bottom: 5px;

}

#blocBlogContent div a.link_rss {

	font-weight: normal;

	color: #000000;

	font-size: 1.1em;

}

#blocBlogContent div a:hover {

	text-decoration: underline;

}

#blocWeb {

	padding: 0 10px;

	margin-top: 40px;

	margin-bottom: 40px;

	width: 99px;

	_width: 119px;

	overflow: hidden;

}

#blocWebTop {

	font-size: 3em;

	font-weight: bold;

	color: #474747;

	position: relative;

	z-index: 1;

}

#blocWebContent {

	font-size: 1.1em;

	position: relative;

	padding-top: 10px;

	margin-top: -13px;

	background: #ffffff;

	border-top: solid 1px #474747;

	z-index: 2;

	overflow: hidden;

	position: relative;

}

#blocRssYoutubeTop {

	margin-top: 2px;

	margin-bottom: 0px;

	width: 99px;

}

#blocRssYoutube a {

	float: left;

}

#blocRssYoutube a img {

	width: 99px;

	float: left;

}

#blocRssFlickr {

	float: left;

	width: 99px;

}

#blocRssFlickrTop {

	float: left;

	margin-top: 10px;

	margin-bottom: 3px;

	width: 99px;

}

#blocRssFlickr div.link_urlFirst {

	float: left;

	margin: 0px;

	padding: 0px 9px 10px 0px;

	display: block;

	width: 45px;

	_width: 54px;

}

#blocRssFlickr div.link_urlLast {

	float: left;

	margin: 0px;

	padding: 0px 0px 10px 0px;

	display: block;

	width: 41px;

	_width: 45px;

}

#blocRssFlickr div a {

	float: left;

	_float: none;

}

#blocRssFlickr div a img {

	float: left;

	_float: none;

	width: 45px;

	height: 45px;

}

div#blocWebLinks {

	float: left;

}

div#blocWebLinks div.blocWebLinkFirst {

	float: left;

	padding: 0 2px 10px 0;

}

div#blocWebLinks div.blocWebLinkMiddle {

	float: left;

	padding: 0 2px 10px 2px;

}

div#blocWebLinks div.blocWebLinkLast {

	float: left;

	padding: 0 0 10px 2px;

}

/*FOOTER*/

#footer {

	float: left;

	height: 23px;

	_height: 45px;

	width: 946px;

	_width: 960px;

	left: 0px;

	bottom: 0px;

	background: #474747;

	padding: 11px 7px;

	text-align: right;

}

#footer a {

	color: #ffffff;

	text-decoration: none;

	padding: 0 6px 0 4px;

	background: transparent url('../img/menuTrans2a.gif') right repeat-y;

}

#footer a:hover {

	text-decoration: underline;

}

#footer a#hautPage {

	background: none;

	padding: 0 0 0 4px;

}



/* AJOUT DIV CLASS CLEARFIX -> SAM 23/09/09 */

.clearfixedna {

	clear: both;

	height: 1px;

	margin-top: 3px;

	margin-bottom: 3px;

}