@charset "utf-8";

/* CSS Document */


/* --------------------------------------
-----------------------------------------
WRITTEN BY BLUE ROOM

If you want to know about how I did something, just ask me. :)

---------------------------------------*/

html, body { height: 100%; background:url(../images_css/body_bg.jpg) center top repeat-y #fcfcfe; }

#container { position:relative; min-height:100%; height:100%; height: auto !important; background:url(../images_css/container_bg.jpg) center top no-repeat; text-align:center; margin-top:0; }

#logo { margin-top:29px; }

/* --------------------------------------
HEADER
---------------------------------------*/

#header { margin-top:29px; }

#search_form { float:left; width:185px; height:27px; padding:10px; }

.input_search { float:left; width:182px; height:30px; background:url(../images_css/input_bg.jpg) no-repeat; }

#search_form .input { margin-top:2px; float:left; height:25px; width:130px; margin-left:3px; }

.submit_search { width:42px; height:25px; margin-top:2px }

/*---SLIDER---*/

#ftHolder { width: 940px; float: left; text-align: left; height: 347px; background:url(../images_css/ft_bg.jpg) no-repeat; }

.ftImages { background:#fcfdfe; float:right; width:504px; height:286px; padding:10px; margin-top:20px; margin-right:40px; -moz-box-shadow:2p 2px 10px #000; -webkit-box-shadow:2px 2px 10px #000; }

#ft { border: 1px solid #034169; }

.ft-title { padding: 10px 10px; width: 281px; height:165px; overflow:hidden; text-align: left; }

.ft-title a { color:#FFF; }

a.ft-button-ft { width:26px; height:26px; font-size:0.70em; text-decoration:none; border:1px solid #fff; color:#fff; margin-left:5px; }

.ft-prev { display:none; }

.ft-next { display:none; }

.videooverlay { display:none; z-index:10000; width:500px; height:286px; -moz-box-shadow: 0 0 90px 5px #000; -webkit-box-shadow: 0 0 90px #000; }

.videooverlay .close, .apple_overlay .close { background-image:url(../images_css/close.png); position:absolute; right:-15px; top:-15px; cursor:pointer; height:28px; width:28px; }

/* --------------------------------------
MAIN
---------------------------------------*/

#main { background:url(../images_css/main_bg.jpg); text-align:left; min-height:100%; height:100%; height: auto !important; overflow:auto; }

#mainPage { background:url(../images_css/mainpage_bg.jpg); text-align:left; min-height:100%; height:100%; height: auto !important; overflow:auto; }

#mainTop { background:url(../images_css/main_top_bg.jpg) no-repeat; height:26px; }

#mainTopPage { background:url(../images_css/main_toppage_bg.jpg) no-repeat; height:26px; }

/*---MAIN FIRST--*/

#mainFirst { float:left; width:620px; padding:15px; }

#mainFirstPage { float:left; width:910px; padding:15px; }

.firstArticle { float:left; width:300px; margin-right:10px; }

.article { float:left; width:276px; border-bottom:dotted 1px #003f67; border-top:dotted 1px #003f67; height:120px; background:#f2f4f6; padding:12px; margin-bottom:5px; }

.article:hover { background:#FFF; }

.article a { color:#000; display:block; }

.articleActu { float:left; width:600px; border-bottom:dotted 1px #003f67; border-top:dotted 1px #003f67; background:#f2f4f6; padding:12px; margin-bottom:5px; text-align:justify; }

.articleActu a { text-decoration:underline; color:#000;  }

.articleActu a:hover { text-decoration:none; color:#000;  }

.articleText {float:left;}

.date { float:left; width:29px; height:100%; min-height:100%; height:auto!important; background:url(../images_css/date_bg.jpg) no-repeat; margin-right:12px; margin-bottom:6px; text-align:center; padding-bottom:5px; }

.bulle { float:left; width:29px; height:100%; background:url(../images_css/bulle_bg.jpg) no-repeat; margin-right:12px; margin-bottom:6px; }

.thumb {float:left; border:#FFF 5px solid; margin-right:10px; margin-bottom:10px; -moz-box-shadow:2p 2px 10px #000; -webkit-box-shadow:2px 2px 10px #000;}

.pdf {padding-left:20px; background:url(../images/pdf.png) no-repeat 0 0; display:block; height:20px;}

/*--FORMULAIRES--*/

#form_soutenir, #form_echanger, #form_participer, #form_contact, #form_newsletter {float:left; width:95%; border-bottom:dotted 1px #003f67; border-top:dotted 1px #003f67; background:#f2f4f6; padding:12px; margin-bottom:5px;}

#form_soutenir fieldset, #form_echanger fieldset, #form_participer fieldset, #form_contact fieldset,  #form_newsletter fieldset {float:left; width:50%;}

.text {float:left; width:25%; display:block; text-align:right; margin-right:5px; margin-top:15px; font-size:.90em;}

#form_soutenir .input, #form_echanger .input, #form_participer .input, #form_contact .input,  #form_newsletter .input { float:left; width:132px; height:25px; background:url(../images_css/input.jpg) no-repeat; padding:0 5px; margin-top: 10px; }

.inputField {float:left; width:130px;}

#message { width:399px; height:188px; background:url(../images_css/textaera_bg.jpg) 0 0 no-repeat; float:left; border:none; margin-top:15px; padding-top: 13px; padding-right: 5px; padding-bottom: 5px; padding-left: 5px; margin-bottom:15px; margin-left:77px; }

.submit { width:114px; height:51px;  float:right; margin-top:20px; margin-right:20px; }

/*---MAIN SECOND--*/

#mainSecond { float:left; width:270px; padding:15px 10px; }

.photo { float:left; padding:5px; background-color:#FFF; width:102px; margin-right:10px; }

.photo img { border:solid 1px #003f67; }

.photoGalerie { float:left; padding:5px; background-color:#FFF; width:102px; margin-right:9px; margin-left:9px; }

.photoGalerie img { border:solid 1px #003f67; }

.bottom { background:url(../images_css/hr_bottom.jpg) center bottom no-repeat; clear:both; height:50px; margin-top:5px; }

.bottom hr { display:none; }

#social li { float:left; height:25px; width:25px; display:block; overflow:hidden; }

#rss { background:url(../images_css/rss_bg.jpg) top left; margin-right:10px; }

#rss:hover { background:url(../images_css/rss_bg.jpg) bottom left; cursor:pointer; }

#twitter { background:url(../images_css/twitter_bg.jpg) top left; margin-right:10px; }

#twitter:hover { background:url(../images_css/twitter_bg.jpg) bottom left; cursor:pointer; }

#facebook { background:url(../images_css/facebook_bg.jpg) top left; margin-right:10px; }

#facebook:hover { background:url(../images_css/facebook_bg.jpg) bottom left; cursor:pointer; }

#flickr { background:url(../images_css/flickr_bg.jpg) top left; margin-right:10px; }

#flickr:hover { background:url(../images_css/flickr_bg.jpg) bottom left; cursor:pointer; }

#triggers img { cursor:pointer; }

/* the overlayed element */
.apple_overlay { display:none; background:rgba(0%, 0%, 0%, 0.5); width:500px; padding:35px; }

.apple_overlay img {border:#FFF solid 1px;}

.apple_overlay h2 {margin-top:10px;}

.apple_overlay.black { background:url(../images_css/form_bg.png); background:rgba(0%, 0%, 0%, 0.9) !important; color:#fff; -moz-box-shadow:2px 2px 10px #000; -webkit-box-shadow:2px 2px 10px #000; }

/* --------------------------------------
FOOTER
---------------------------------------*/

#footer { height:120px; background:url(../images_css/footer_bg.jpg) no-repeat; padding-top:45px; text-align:left; }

#footer h4 {margin-bottom:10px;}

#footerPage { height:120px; background:url(../images_css/footerpage_bg.jpg) no-repeat; padding-top:45px; text-align:left; }

.navFooter { margin-top:-10px }

.navFooter li { font-size:70%; margin-top:2px; }

#subNav { text-align:center; margin-top:-10px; }

#subNav li { display:inline; font-size:70%; margin-right:30px; }

.photooverlay
{
	display:none;
	z-index:10000;
	width:480px;
	height:306px;
	-moz-box-shadow: 0 0 90px 5px #000;
	-webkit-box-shadow: 0 0 90px #000;
}

.photooverlay .close, .apple_overlay .close
{
	background-image:url(../images_css/close.png);
	position:absolute;
	right:-15px;
	top:-15px;
	cursor:pointer;
	height:28px;
	width:28px;
}