/* CSS */

/* RESET */

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, 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,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

.clearfix{
zoom:1;
}
.clearfix{
height:1%;
}
.clearfix:after{
display:block;
content:"";
clear:both;
visibility:hidden;
overflow:hidden;
}

/*End RESET - Begin Full Width CSS*/
	
	body {
		background:#FFFFFF;
		color:#2D1F16;
		font:13px Arial,  sans-serif
	}
	
	h2 {
	
		font:bold 24px arial;
		color:#004D8D;
	
	}
	
	.titre {

		font:bold 24px arial;
		color:#585858;		
		display:inline;
		float:left;
		width:200px;
		
	}
	
	.lettre {
		clear:both;
		font:bold 24px arial;
		color:#004D8D;
		display:inline;
		float:left;
	}

	.wrap {
		position:relative;
		margin:0 auto;
		width:960px;
	}
	
	#header, #footer ,#smenu{
		width:100%;
		float:left;
		padding:0 0;
	}
	
	#header {
		background-image:url('img/header.png');
		background-repeat:repeat-x;
		height:150px;
	}
	
	#header .logo {
		float:left;
		width:150px;
	}
	
	#header .logo:active {
		float:left;
		width:150px;
		border:none;
	}
	
	#header .nom {
		float:right;
		width:750px;
	}
	
	#header .nom p {
		float:right;
		margin:0;
		padding:40px 0;
		font:60px calibri;
		color:#fff;
	}

	#smenu {
	
		background-image:url('img/menu.png');
		background-repeat:repeat-x;
		height:70px;
		float:left;
	}

#menu ul {
background-image:url('img/menucenter.png');
width: 100%;
height:60px;
font: bold 18px arial;
float: left;
padding: 0;
}

* html #menu ul { /* Internet Explorer css-hack */
width: 99%;
}

#menu ul li {
display: inline;
}

#menu ul li a {
float: left;
color: #000;
text-decoration: none;
width:137px;
height:60px;
text-align:center;
padding:17px 0 0 0;
}

#menu ul li .double  {
float: left;
color: #000;
text-decoration: none;
width:137px;
height:60px;
text-align:center;
padding:8px 0 0 0;
}

#menu ul li a:visited {
color: #000;
}

#menu ul li a:hover {
color: #000;
background: url('img/hovbut.gif') no-repeat;
width:137px;
height:60px;
}
	
/*--Main Container--*/
.main_view {
	float: left;
	position: relative;
}
/*--Window/Masking Styles--*/
.window {
	height:286px;	width: 960px;
	overflow: hidden; /*--Hides anything outside of the set width/height--*/
	position: relative;
	-moz-box-shadow:0px 4px 4px grey;
	-webkit-box-shadow:0px 4px 4px grey;
	-moz-box-shadow:0px 4px 4px grey;
}
.image_reel {
	position: absolute;
	top: 0; left: 0;
}
.image_reel img {float: left;}

/*--Paging Styles--*/
.paging {
	position: absolute;
	bottom: 40px; right: -7px;
	width: 178px; height:47px;
	z-index: 100; /*--Assures the paging stays on the top layer--*/
	text-align: center;
	line-height: 40px;
	background: url(img/paging_bg2.png) no-repeat;
	display: none; /*--Hidden by default, will be later shown with jQuery--*/
}
.paging a {
	padding: 5px;
	text-decoration: none;
	color: #fff;
}
.paging a.active {
	font-weight: bold;
	background: #920000;
	border: 1px solid #610000;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
}
.paging a:hover {font-weight: bold;}
	
	
	#content {
		padding:15px 0;
		clear:both;
		float:left;
	}
	
	#content {
		padding:15px 0;
	}
	
	#center {
		margin:10px 0 0 0;
		width:650px;
		clear:both;
		float:left;
	}
	
	#center960 {
		margin:10px 0 0 0;
		width:960px;
		clear:both;
		float:left;
	}
	
	#center .top {
	
		background-image:url('img/top-bloc.png');
		height:20px;	
	}
	
	#center960 .top960 {
	
		background-image:url('img/top-bloc-960.png');
		height:20px;	
	}
	
	#center .middle {
		background-image:url('img/bloc.png');
		background-repeat:repeat-y;
		-padding:0 0 20px 20px;
		padding:0 20px 20px 20px;
		text-align:justify;
		float:left;
	}
	
	#center960 .middle960 {
		background-image:url('img/bloc-960.png');
		background-repeat:repeat-y;
		padding:0 30px 20px 20px;
		text-align:justify;
		float:left;
	}
	
	#center .article {
	
		padding:20px 0 20px 20px;
		border-bottom:solid 2px grey;
		float:left;
	
	}
	
	#center960 .article {
	
		padding:20px 0 20px 20px;
		border-bottom:solid 2px grey;
		float:left;
	
	}
	
	#center960 .article_contact {
	
		padding:20px 0 20px 20px;
		border-bottom:solid 2px grey;
		float:left;
	
	}
	
	#center960 .article_contact p {
	
		clear:both;
		margin:10px 0 0 0;
		float:left;
	
	}
	
	#center960 .article_contact .image {

		width:450px;	
		margin:20px 0 10px 220px;
		float:left;
		
	}
	
	#center960 .article_resultats {
		clear:both;
		width:900px;
		padding:20px 0 20px 20px;
		border-bottom:solid 2px grey;
		float:left;
	
	}
	
	#center960 .article-entreprise {
	
		padding:20px 0 20px 20px;
		border-bottom:solid 2px grey;
		margin:0 26px 0 26px;
		float:left;
		width:380px
	
	}	
	
	#center .article .texte {
		float:left;
		font:13px arial;
		padding-top:20px;
		width:450px;
	
	}
	
	#center .article .texte_bureau {
		float:left;
		font:13px arial;
		padding-top:20px;
		width:450px;
		text-align:center;
	}
	
	#center960 .article-entreprise .texte {
		float:left;
		font:13px arial;
		padding-top:20px;
		width:370px;
		clear:both;
	}
	
	#center960 .article-entreprise .icone {
		float:left;
		width:108px;
		height:108px;
		padding:20px 10px;
	}	
	
	#center .article .texte_actus {
		float:left;
		font:13px arial;
		padding-top:20px;
		width:570px;
		clear:both;
	
	}
	
	#center .article .infos {
		float:left;
		font:bold 13px arial;
		padding-top:20px;
		width:570px;
		clear:both;
		color:#004D8D;
		text-align:right;
		
	}
	
	#center .article .icone {
	
		float:left;
	
	}
	
	#center960 .article .texte {
		float:left;
		font:13px arial;
		padding-top:20px;
		width:900px;
		height:122px;
		clear:both;
	
	}
	
	#center960 .article_resultats .texte {
		
		font:13px arial;
		padding-top:20px;
		width:400px;
	
	}
	
	#center960 .article .texte ul {
		list-style:square url("img/square.png");
	}
	
	#center960 .article .texte ul a{
		text-decoration:none;
		color:#585858;
	}
	
	#center960 .article .texte ul a:hover{
		color:#004D8D;
		text-decoration:underline;
		font-weight:bold;
	}
	
	#center960 .article .calendrier {
		float:left;
		font:13px arial;
		padding-top:20px;
		width:900px;
		clear:both;
	
	}
	
	#center960 .article .calendrier iframe{

	height:600px;
	width:885px;
	border:solid 1px grey;
	
	}
	
	#center960 .article_galerie {
		float:left;
		font:13px arial;
		padding-top:20px;
		width:900px;
		clear:both;
	
	}
	
	#center960 .article_galerie  .titre {

		font:bold 24px arial;
		color:#585858;		
		display:inline;
		float:left;
		
	}
	
	#center960 .article_galerie  .lettre {
		clear:both;
		font:bold 24px arial;
		color:#004D8D;
		display:inline;
		float:left;
		margin:0 0 0 110px;
	}
	
	#center960 .article .textepack {
		float:left;
		font:13px arial;
		padding-top:20px;
		width:450px;
		height:170px;
		clear:both;
	
	}
	
	#center960 .article .textepack2 {
		float:left;
		font:13px arial;
		padding:20px 0 0 0;
		margin:0 0 0 10px;
		width:400px;
		height:170px;	
	}
	
	#center960 .article .textepack2 .evote {
	width:400px;
	height:85px;
	background:url('img/e-vote.png');
	margin:0 0 5px 0;
	}
	
	#center960 .article .textepack2 .evote:hover {
	width:400px;
	height:85px;
	background:url('img/e-vote-hov.png');
	margin:0 0 5px 0;
	}
	
	#center960 .article .textepack2 .papier {
	width:400px;
	height:85px;
	background:url('img/papier.png');
	}
	
	#center960 .article .textepack2 .papier:hover {
	width:400px;
	height:85px;
	background:url('img/papier-hov.png');
	}	
	
	#center960 .article .bottomtext {
		float:left;
		font:13px arial;
		padding-top:20px;
		width:900px;
		height:120px;
		clear:both;
	}
	
	

	
	
	#center960 .article .bottomtext .icone {
		padding:0 84px;
	}
	
	#center .article .image {

		width:450px;
		height:220px;	
		margin:20px 0 0 0;
		clear:both;
	}
	
	#center h2 {
	
		font:bold 24px arial;
		color:#004D8D;
	
	}
	
	#center .bottom {
	
		background-image:url('img/bottom-bloc.png');
		height:24px;
		clear:both;
	}
	
	#center960 .bottom960 {
	
		background-image:url('img/bottom-bloc-960.png');
		height:24px;
		clear:both;
	}
	
	#right {
	
		margin:20px 0 0 10px;
		padding:0 0 10px 0;
		width:285px;
		height:500px;
		float:left;
	
	}
	
	#right .rubrique {
	
		padding:0 0 40px 0;
	
	}
	
	#right .rubrique .alto{
	
		float:left;
		width:200px;
		padding:5px 10px;
	
	}
	
	#right .rubrique .reseaux {
	
		float:left;
		padding:10px 0 20px 0;
	
	}
	
	#right .rubrique .social {
	
		height:50px;
		width:50px;
		margin:0 0 0 15px;

	}
	
	#right .rubrique .newsfeed {
	
		margin:10px 0 0 0;
		float:left;
		height:150px;
		width:285px;
		border-top:solid 1px grey;
		border-right:solid 1px grey;
		border-left:solid 1px grey;
	}
	
	#right .rubrique .newsfeed .news {
	
		height:34px;
		width:265px;
		padding:0 10px 0 10px;
		border-bottom:solid 1px grey;
		font:16px arial;
		color:#585858;
		margin:15px 0 0 0;
	}
	
	#right .rubrique .newsfeed .news a{
	
		color:#585858;
		text-decoration:none;
	
	}
	
	#right .rubrique .newsfeed .news a:hover{
	
		color:#004D8D;
		text-decoration:underline;
	
	}
	
	#footer {
		background-image:url('img/footer.png');
		background-repeat:repeat-x;
		height:200px;
		text-align:center;
	}
	
	#footer #copyright{
	
	float:left;
	height:30px;
	width:960px;
	text-align:center;
	margin:20px 0 0 0;
	
	}
	
	#footer #partenaires{
	
	clear:both;
	float:left;
	height:150px;
	width:700px;
	background:url('img/partenairesbg.png');
	}
	
	#footer #partenaires p{
	
	padding:100px 0 0 50px;
	text-align:left;
	
	}
	
	.icopartenaires {
	
		height:30px;
		width:30px;
	
	}
	
	#footer #infosite{
	
	float:left;
	height:150px;
	width:260px;
	}
	
	#footer #infosite ul{
	
		text-align:left;
		float:left;
		padding:0 0 0 20px; 
	}
	
	#footer a {
		color:#000;
		text-decoration:none;
	}
	
	#footer a:hover {
		color:#004D8D;
		text-decoration:underline;
	}
	
	/*GALERIE*/
	
.loader{
	width:70px;
	height:70px;
	position:fixed;
	top:50%;
	left:50%;
	margin:-35px 0px 0px -35px;
	opacity:0.7;
	z-index:1000;
	background:#fff url(../img/loader.gif) no-repeat center center;
	-moz-border-radius:15px;
	-webkit-border-radius:15px;
	border-radius:15px;
	-moz-box-shadow:0px 0px 5px #999;
	-webkit-box-shadow:0px 0px 5px #999;
	box-shadow:0px 0px 5px #999;
}

/* Preview Slider Gallery Style */
.ps_container{
	display:none;
	width:680px;
	height:500px;
	margin:50px auto 0px auto;
	position:relative;
}
.ps_image_wrapper{
	width:675px;
	height:450px;
	overflow:hidden;
	position:relative;
	margin:0 auto;
	-moz-box-shadow:0px 0px 5px #999;
	-webkit-box-shadow:0px 0px 5px #999;
	box-shadow:0px 0px 5px #999;
}
.ps_image_wrapper img{
	position:absolute;
	left:0px;
	top:0px;
}
.ps_prev,
.ps_next{
	width:30px;
	height:59px;
	position:absolute;
	top:50%;
	margin-top:-40px;
	cursor:pointer;
	opacity:0.5;
}
.ps_prev{
	background:transparent url(img/prev.png) no-repeat top center;
	left:-50px;
}
.ps_next{
	background:transparent url(img/next.png) no-repeat top center;
	right:-50px;
}
.ps_prev:hover,
.ps_next:hover{
	opacity:0.9;
}
ul.ps_nav{
	list-style:none;
	margin:0;
	padding:0;
	width:350px;
	margin:20px auto;
	position:relative;
}
ul.ps_nav li{
	float:left;
}
ul.ps_nav li a{
	display:block;
	text-indent:-9000px;
	width:11px;
	height:11px;
	outline:none;
	padding:0px 3px;
	background:transparent url(img/dot.png) no-repeat top center;
}
ul.ps_nav li a:hover,ul.ps_nav li.selected a{
	background-position:50% -11px;
}
ul.ps_nav li.ps_preview{
	display:none;
	width:85px;
	height:91px;
	top:-95px;
	left:-34.5px; /*First item, next ones is leftDot - 0.5*wThis + 0.5*wDot, i.e. second one is (16 - 42.5 + 8) = -18.5 */
	position:absolute;
}
ul.ps_nav li.ps_preview span{
	background:transparent url(img/triangle.png) no-repeat top center;
	width:15px;
	height:6px;
	position:absolute;
	top:85px;
	left:35px;
}
.ps_preview_wrapper{
	width:75px;
	height:50px;
	border:5px solid #fff;
	overflow:hidden;
	position:relative;
	-moz-box-shadow:0px 0px 5px #999;
	-webkit-box-shadow:0px 0px 5px #999;
	box-shadow:0px 0px 5px #999;
}
.ps_preview_wrapper img{
	position:absolute;
	top:0px;
	left:0px;
}

a{

	color:#585858;

}

a:hover{

	color:blue;

}

h3 {

	font:18px arial;
	color:#004D8D;
	margin:5px 0 5px 0;

}

h4 {

	font-weight:bold;
	margin:10px 0 0 0;

}
table {
 
 border:solid 1px #004D8D;
 background-color:#E7E7E7 ;
 width:400px ;
float:right;
}

td {

 border:solid 1px #004D8D;
 padding:5px;

}

#paypal {

	margin:30px 0 30px 0;
	float:left;

}

.before {

	text-align:left;
	font-size:20px;

}

.next {

	text-align:right;
	font-size:20px;

}