/**********************************
slider
***********************************/
#block1{
	width:239px;
	height:199px;
	margin-bottom:9px;
}

#block2{
	width:239px;
	height:131px;
}

#block3{
	width:236px;
	height:77px;
}

#block4{
	width:236px;
	height:200px;
	float: left;
}

#block5{
	float: left;
	height: 200px;
	margin-left: 10px;
	width: 236px;
}

#page.home .bloc .colonne .slideshow img{
	margin:0;
}

.slideshow {
	position:relative;
}

.slideshow a {
	position:absolute;
	top:0;
	left:0;
	z-index:8;
	opacity:0.0;
}

.slideshow a.active {
	z-index:10;
	opacity:1.0;
}

.slideshow a.last-active {
	z-index:9;
}

/**********************************
ARIANE
***********************************/

#ariane {
	width : 980px;
	border-top : solid 1px #eef3f4;
	border-bottom : solid 1px #eef3f4;
	float : left;
	margin : 20px 0 0 0;
	padding : 5px 0;
}

#ariane ul li {
	list-style : none;
	float : left;
	margin : 0 0 0 6px;
	color : #759ca1;
}

#ariane ul li a {
	float : left;
	margin : 0 6px 0 0;
	color : #00baf1;
	text-decoration : none;
}

#ariane ul li a:hover {
	color : #759ca1
}

/**********************************
SIDEBAR
***********************************/

#sidebar {
	float : left;
	width : 240px;
	margin : 40px 0 0 70px;
}

#sidebar #menu {
	width : 240px;
	padding : 10px 0;
	float : left;
	background : #00baf1;
	margin-bottom: 20px;
}

#sidebar #menu ul li {
	width : 240px;
	font-size : 12px;
	font-family : 'HelveticaNeueLTStd67MdCn';
	list-style : none;
	float : left;
}

#sidebar #menu ul li a {
	float :  left;
	width : 190px;
	margin : 0 10px;
	padding : 5px 15px 5px;
	border-bottom : solid 1px #63d5f6;
	color : #FFF;
	text-decoration : none;
}

#sidebar #menu ul li a:hover {
	color : #004154
}

#sidebar #menu ul li.none a {
	border-bottom : none;
}

#sidebar #menu ul li.current {
	background : #00549b url(../images/bg_sous_menu_sidebar.png) repeat-x;
}

#sidebar #menu ul li.current a {
	padding : 0;
	border-bottom : none;
	color : #00baf1;
	text-shadow : 1px 1px 6px #000
}

#sidebar #menu ul li.current a img {
	float : left;
	margin : 4px 0 0 10px
}

#sidebar #menu ul li.current a span {
	float : left;
	margin : 9px 0 0 6px;
}

#sidebar #menu ul li.current ul {
	padding : 5px 0 10px;
	float : left;
}

#sidebar #menu ul li.current ul li a {
	padding : 0;
	margin : 0 0 0 53px;
	width : 180px;
	color : #FFF;
	border-bottom : none;
	text-shadow : 0 0 0 #000
}

#sidebar #menu ul li.current ul ul li a {
	padding : 0;
	margin : 0 0 0 63px;
	width : 170px;
	color : #FFF;
	border-bottom : none;
	text-shadow : 0 0 0 #000
}

#sidebar #menu ul li.current ul li a:hover {
	color : #00baf1
}

.sidebar_mot_cle {
	float : left;
	width : 240px;
	margin : 40px 0 15px 0;
}

.sidebar_mot_cle .titre_bloc {
	width : 240px;
	height : 31px;
	background : #00baf1
}

.sidebar_mot_cle .titre_bloc h2 {
	font-size : 18px;
	font-weight : normal;
	color : #FFF;
	width : 230px;
	height : 31px;
	font-family : 'HelveticaNeueLTStd57Condensed'
}

.sidebar_mot_cle .titre_bloc h2 img {
	float : left;
	margin : 3px 8px 0 3px
}

.sidebar_mot_cle .titre_bloc h2 span {
	float : left;
	margin : 7px 0 0 0
}

.sidebar_mot_cle .liste {
	width : 230px;
	margin : 14px 0 0 0;
}

.sidebar_mot_cle .liste ul li {
	list-style : none;
	width : 215px;

	margin : 0 0 0 15px;
}

.sidebar_mot_cle .liste ul li a {
	color : #759ca1
}

.sidebar_mot_cle .liste ul li a:hover {
	color : #00baf1
}

.sidebar_mot_cle .liste ul li a img {
	float : left;
	width : 7px;
	margin : 5px 0 0 0 
}

.sidebar_mot_cle .liste ul li a span {
	float : left;
	width : 200px;
	margin : 0px 0 0 8px
}

.sidebar_mot_cle .acces {
	float : left;
	margin : 14px 10px 10px;
}

.sidebar_mot_cle .acces a {
	text-decoration : none;
	color : #00baf1;
	font-size : 16px;
}

.sidebar_mot_cle .acces :hover {
	color : #759ca1;
}

.sidebar_mot_cle .acces a img {
	float : left;
}

.sidebar_mot_cle .acces a span {
	float : left;
	margin : 6px 0 0 6px;
	font-family : 'HelveticaNeueLTStd57Condensed';
}

#publication{
	float: left;
}

#sidebar #projet h2 {
	color: #FFFFFF;
    float: left;
    font-family: 'HelveticaNeueLTStd57Condensed';
    font-size: 18px;
    font-weight: normal;

}


#sidebar #projet h2 img{
	float: left;
    margin: 3px 8px 0 3px;
}


#sidebar #projet h2 span{
	float: left;
    margin: 7px 0 0;
}



/**********************************
SECONDAIRE
***********************************/

#secondaire {
	background : #eef3f4;
	margin : 50px 0 0 0
}

#secondaire #interieur_secondaire {
	width : 1000px;
	margin : 0 auto;
	text-align : left;
}

#secondaire #interieur_secondaire .bloc {
	width : 230px;
	float : left;
	height : 200px;
	background : #CCC;
	margin : 50px 10px
}

#secondaire #interieur_secondaire .bloc#actualite {
	background : #FFF;
}

#secondaire #interieur_secondaire .bloc#actualite .titre_bloc {
	width : 230px;
	height : 31px;
	background : #00baf1
}

#secondaire #interieur_secondaire .bloc#actualite .titre_bloc h2 {
	font-size : 18px;
	font-weight : normal;
	color : #FFF;
	width : 230px;
	height : 31px;
	font-family : 'HelveticaNeueLTStd57Condensed'
}

#secondaire #interieur_secondaire .bloc#actualite .titre_bloc h2 img {
	float : left;
	margin : 3px 8px 0 3px
}

#secondaire #interieur_secondaire .bloc#actualite .titre_bloc h2 span {
	float : left;
	margin : 7px 0 0 0
}

#secondaire #interieur_secondaire .bloc#actualite .liste {
	width : 230px;
	margin : 14px 0 0 0;
}

#secondaire #interieur_secondaire .bloc#actualite .liste ul li {
	list-style : none;
	width : 215px;
	height : 5px;
	margin : 0 0 0 15px;
}

#secondaire #interieur_secondaire .bloc#actualite .liste ul li a {
	color : #759ca1
}

#secondaire #interieur_secondaire .bloc#actualite .liste ul li a:hover {
	color : #00baf1
}

#secondaire #interieur_secondaire .bloc#actualite .liste ul li a img {
	float : left;
	width : 7px;
	margin : 5px 0 0 0 
}

#secondaire #interieur_secondaire .bloc#actualite .liste ul li a span {
	float : left;
	width : 200px;
	margin : 0px 0 0 8px
}

#secondaire #interieur_secondaire .bloc#actualite .acces {
	float : left;
	margin : 14px 10px 10px;
}

#secondaire #interieur_secondaire .bloc#actualite .acces a {
	text-decoration : none;
	color : #00baf1;
	font-size : 16px;
}

#secondaire #interieur_secondaire .bloc#actualite .acces :hover {
	color : #759ca1;
}

#secondaire #interieur_secondaire .bloc#actualite .acces a img {
	float : left;
}

#secondaire #interieur_secondaire .bloc#actualite .acces a span {
	float : left;
	margin : 6px 0 0 6px;
	font-family : 'HelveticaNeueLTStd57Condensed';
}

/**********************************
GALERIE
***********************************/

#page.interne #contenu #galerie {
	float : left;
	width : 670px;
	/*height : 340px;*/
	background : #eef3f4;
}

#page.interne #contenu #galerie #large {
	width : 378px;
	height : 270px;
	float : left;
	background : #AAA;
	margin : 35px 0 35px 35px
}

#page.interne #contenu #galerie #large .information_overflow {
	margin : 190px 0 0 0;
	position : absolute;
	width : 206px;
	height : 60px;
	overflow: hidden;
}
#page.interne #contenu #galerie #large .information {
	position : absolute;
	width : 206px;
	height : 60px;
	background : url(../images/bg_titre_photo.png) repeat-y;
}

#page.interne #contenu #galerie #large .information .detail {
	margin : 12px 5px 5px 10px;
	float : left;
	width : 146px;
}

#page.interne #contenu #galerie #large .information .titre {
	color : #FFF;
	font-size : 14px;
	font-weight : bold;
	width : 146px;
	margin : 0 0 3px
}

#page.interne #contenu #galerie #large .information .legende {
	color : #FFF;
}

#page.interne #contenu #galerie #large .information .plus {
	float : right;
	width : 40px;
	height : 40px;
	margin : 10px 5px 0 0
}

#page.interne #contenu #galerie #image_large {
	cursor:pointer;
}
#page.interne #contenu #galerie #masque_thumb {
	width : 222px;
	height : 270px;
	float : left;
	margin : 35px 35px 17px 0;
	overflow : hidden;
}

#page.interne #contenu #galerie #liste_thumb {
	width : 9999px;
	overflow : hidden;
	height : 270px;
}

#page.interne #contenu #galerie #liste_thumb ul {
	float : left;
	width : 222px;
}

#page.interne #contenu #galerie #liste_thumb ul li {
	width : 78px;
	height : 78px;
	float : left;
	background : #AAA;
	list-style : none;
	margin : 0 0 16px 30px;
}

#page.interne #contenu #galerie #liste_thumb ul li a {
	border : solid 2px #eef3f4;
	float : left;
	width : 78px;
	height : 78px;
}

#page.interne #contenu #galerie #liste_thumb ul li a.current {
	border : solid 2px #00baf1;
}

/**********************************
MEDIATHEQUE
***********************************/

#page.interne #contenu #mediatheque {
	float : left;
	width : 670px;
	margin : 30px 0 0 0
}

#page.interne #contenu #mediatheque .titre_bloc {
	width : 670px;
	height : 31px;
	border-bottom : solid 1px #eef3f4;
}

#page.interne #contenu #mediatheque .titre_bloc h2 {
	font-size : 18px;
	font-weight : normal;
	color : #FFF;
	width : 270px;
	height : 31px;
	font-family : 'HelveticaNeueLTStd57Condensed';
	background : url(../images/bg_titre_mediatheque.png) no-repeat;
}

#page.interne #contenu #mediatheque .titre_bloc h2 img {
	float : left;
	margin : 3px 8px 0 3px
}

#page.interne #contenu #mediatheque .titre_bloc h2 span {
	float : left;
	margin : 7px 0 0 0
}


#page.interne #contenu #mediatheque .liste {
	float : left;
	width : 670px;
	margin : 20px 0 0 0;
}

#page.interne #contenu #mediatheque .liste .element {
	float : left;
	width : 670px;
	margin : 0 0 15px;
}

#page.interne #contenu #mediatheque .liste .element .detail {
	float : left;
	width : 470px;
	margin : 0 0 0 20px;
}

#page.interne #contenu #mediatheque .liste .element .detail .titre {
	font-size : 16px;
	color : #00baf1;
	font-weight : bold;
	margin : 0 0 8px
}

#page.interne #contenu #mediatheque .liste .element .detail .texte {
	font-size : 12px;
	color : #759ca1;
}

#page.interne #contenu #mediatheque .liste .element .telecharger {
	float : right;
	width : 158px;
	height : 28px;
	background : url(../images/btn_telecharger.png);
	font-family : "HelveticaNeueLTStd67MdCnOb";
	font-size : 14px;
	margin : 25px 0 0 0
}

#page.interne #contenu #mediatheque .liste .element .telecharger a {
	text-decoration : none;
	color : #FFF;
	float : left;
	width : 113px;
	margin : 6px 0 0 45px;
}

#page.interne #contenu #mediatheque .liste .element .telecharger a:hover {
	color : #004154
}

/**********************************
NEWSLETTER
***********************************/

#page.interne #contenu #newsletter {
	float : left;
	width : 670px;
	height : 310px;
	background : #eef3f4;
	margin : 50px 0 50px 0;
	color:#759CA1;
}

#page.interne #contenu #newsletter .titre {
	width : 580px;
	margin : 35px 45px 25px;
	float : left;
}

#page.interne #contenu #newsletter .titre ul li {
	list-style : none;
	color : #00baf1;
	padding : 3px 0 0
}

#page.interne #contenu #newsletter .titre ul li#first {
	font-size : 30px;
	font-family : 'HelveticaNeueLTStd47LtCn';
}

#page.interne #contenu #newsletter .titre ul li#second {
	font-size : 46px;
	font-family : 'HelveticaNeueLTStd57Condensed';
	margin : 15px 0 0 0
}

#page.interne #contenu #newsletter .titre ul li#third {
	font-size : 16px;
	color : #759ca1;
	font-family : 'HelveticaNeueLTStd57Condensed';
	margin : 5px 0 0 0
}

#page.interne #contenu #newsletter .titre ul li#third span {
	font-family : 'HelveticaNeueLTStd77BdCn';
}

#page.interne #contenu #newsletter form {
	float : left;
	width : 580px;
	margin : 0 45px 35px
}

#page.interne #contenu #newsletter form label {
	color : #759ca1;
	float : left;
}

#page.interne #contenu #newsletter form .inputForm {
	float : left;
	/*clear : left;*/
	background : #FFF;
	width : 200px;
	height : 22px;
	color : #00baf1;
	padding : 0 8px;
	border : 0;
	font-size : 10px;
	margin : 4px 10px 0 0;
}

#page.interne #contenu #newsletter form p#submit {
	clear: right;
    float: right;
}

#page.interne #contenu #newsletter form p#submit a {
	text-decoration : none;
	color : #00baf1;
	font-size : 16px;
}

#page.interne #contenu #newsletter form p#submit a:hover {
	color : #759ca1;
}

#page.interne #contenu #newsletter form p#submit a img {
	float : left;
}

#page.interne #contenu #newsletter form p#submit a span {
	float : left;
	margin : 8px 0 0 6px;
	font-family : 'HelveticaNeueLTStd57Condensed';
}

/**********************************
PETITION
***********************************/


#page.interne #contenu #petition {
	float : left;
	width : 670px;
	height : 310px;
	background : #eef3f4;
	margin : 0 0 50px 0;
	color:#759CA1;
}

#page.interne #contenu #petition .titre {
	width : 580px;
	margin : 35px 45px 25px;
	float : left;
}

#page.interne #contenu #petition .titre ul li {
	list-style : none;
	color : #00baf1;
	padding : 3px 0 0
}

#page.interne #contenu #petition .titre ul li#first {
	font-size : 30px;
	font-family : 'HelveticaNeueLTStd47LtCn';
}

#page.interne #contenu #petition .titre ul li#second {
	font-size : 46px;
	font-family : 'HelveticaNeueLTStd57Condensed';
	margin : 15px 0 0 0
}

#page.interne #contenu #petition .titre ul li#third {
	font-size : 16px;
	color : #759ca1;
	font-family : 'HelveticaNeueLTStd57Condensed';
	margin : 5px 0 0 0
}

#page.interne #contenu #petition .titre ul li#third span {
	font-family : 'HelveticaNeueLTStd77BdCn';
}

#page.interne #contenu #petition form {
	float : left;
	width : 580px;
	margin : 0 45px 35px
}

#page.interne #contenu #petition form label {
	color : #759ca1;
	float : left;
}

#page.interne #contenu #petition form .inputForm {
	float : left;
	/*clear : left;*/
	background : #FFF;
	width : 160px;
	height : 22px;
	color : #00baf1;
	padding : 0 8px;
	border : 0;
	font-size : 10px;
	margin : 4px 15px 0 0;
}

#page.interne #contenu #petition form p#submit {
	clear: right;
    float: right;
    margin-right: 20px;
    margin-top: 10px;
}

#page.interne #contenu #petition form p#submit a {
	text-decoration : none;
	color : #00baf1;
	font-size : 16px;
}

#page.interne #contenu #petition form p#submit a:hover {
	color : #759ca1;
}

#page.interne #contenu #petition form p#submit a img {
	float : left;
}

#page.interne #contenu #petition form p#submit a span {
	float : left;
	margin : 8px 0 0 6px;
	font-family : 'HelveticaNeueLTStd57Condensed';
}

/**********************************
PAGINATION
***********************************/

#page.interne #contenu #pagination {
	float : right;
	margin : 20px 0 0 0
}

#page.interne #contenu #pagination a, #page.interne #contenu #pagination ul {
	float : left;
	margin : 0 0 0 10px;
}

#page.interne #contenu #pagination a {
	margin : 5px 0 0 10px;
}

#page.interne #contenu #pagination ul li {
	float : left;
	list-style : none;
	font-weight : bold;
}

#page.interne #contenu #pagination ul li a {
	color : #00baf1;
	text-decoration : none;
	margin : 0 5px;
}

#page.interne #contenu #pagination ul li a:hover, #page.interne #contenu #pagination ul li.current a {
	color : #759ca1;
}

/**********************************
DECOUVRIR
***********************************/

#page.interne #contenu #decouvrir {
	float : left;
	width : 670px;
	margin : 40px 0 30px 0
}

#page.interne #contenu #decouvrir .titre_bloc {
	width : 670px;
	height : 31px;
	border-bottom : solid 1px #eef3f4;
}

#page.interne #contenu #decouvrir .titre_bloc h2 {
	font-size : 18px;
	font-weight : normal;
	color : #FFF;
	width : 161px;
	height : 31px;
	font-family : 'HelveticaNeueLTStd57Condensed';
	background : url(../images/bg_titre_decouvrir.png) no-repeat;
}

#page.interne #contenu #decouvrir .titre_bloc h2 img {
	float : left;
	margin : 3px 8px 0 3px
}

#page.interne #contenu #decouvrir .titre_bloc h2 span {
	float : left;
	margin : 7px 0 0 0
}


#page.interne #contenu #decouvrir .liste {
	float : left;
	width : 670px;
	margin : 20px 0 0 0;
}

#page.interne #contenu #decouvrir .liste .element {
	float : left;
	width : 655px;
	margin : 0 0 0 15px;
}

#page.interne #contenu #decouvrir .liste .element .titre {
	float : left;
	width : 570px;
}

#page.interne #contenu #decouvrir .liste .element .titre a {
	text-decoration : none;
	color : #759ca1;
	font-size : 14px;
}

#page.interne #contenu #decouvrir .liste .element .titre a:hover {
	color : #00baf1
}

#page.interne #contenu #decouvrir .liste .element .titre a img {
	float : left;
	margin : 12px 6px 0 0
}

#page.interne #contenu #decouvrir .liste .element .titre a span {
	float : left;
	margin : 10px 0 0 0
}

#page.interne #contenu #decouvrir .liste .element .plus {
	float : right;
	width : 40px;
	height : 40px;
	margin:0;
}