/* ---- */
/* HTML */
/* ---- */
html {
	padding:0;
	margin:0;
	
	background-color:#ffffff;
	
	width:100%;
	height:auto;
	
	position:relative;
	
	-webkit-font-smoothing: antialiased;
		
}

body {
	text-align:center;
	padding:0;
	margin:0;
	
	font-family:'Droid sans', sans-serif;
	
	color:#333333;
	
	background-color:#980025;
		
	width:100%;
	height:auto;
	
	text-align:left;
	
	position:relative;
	
	font-size:14px;
		
}

h1 {
	color:#333333;
	font-weight:bold;
	font-size:18px;
	line-height: normal;
			
	font-family:'Droid sans', sans-serif;
	
	padding:0px;
	margin:0px;
	margin-bottom:0px;	
	
}

h2 {

	color:#6A6767;
	font-weight:bold;
	font-size:14px;
	line-height: normal;
			
	font-family:'Droid sans', sans-serif;
	
	padding:0px;
	margin:0px;
	margin-bottom:0px;	
	
}
h3 {			
	color:#980025;
	
	font-size:28px;
	font-family:times, serif;
	font-weight:normal;
	line-height: normal;
	
	margin:0px;	
	padding:0px;
	margin-bottom:20px;
	/*padding-left:6px;*/
	
	border-bottom:1px solid #980025;
		
	text-align:center;
		
}
h4 {
	margin:0px;	
	padding:0px;
}

table {
	border:none;
	width:100%;
	margin:0px;
	padding:0px;
}
td {
	border:none;
	text-align:center;
	margin:0px;
	padding:0px;
	padding-top:10px;
	padding-bottom:10px;
	border-top:1px solid #cccccc;
}
tr td:first-child {
	text-align:left;
	padding-left:4px;
}
tr:first-child td {
	color:#980025;	
	border-top:none;
}
tr:first-child td:first-child {
	color:#000000;	
	font-weight:bold;
}	
tr:nth-child(2n+2)
{
    background-color: #f0f0f0;
}

img {
	border:0;
}
a {
	color:inherit;
	text-decoration:underline
}
a:hover {
	/*color:#BC2434;*/
}
form {
	margin:0px;
	padding:0px;	
}
input {
	margin:0px;
	padding:0px;
	font-family:'Droid sans', sans-serif;
}
label {
	color:#980025;
	font-size:14px;
}
p {
	padding:0;
	margin:0;
}
/* --- */
/* IDs */
/* --- */
#site {
		
	position:relative;
	margin:0px;		
	padding:0px;
	padding-bottom:50px;
	
	width:100%;
	margin-left:auto;
	margin-right:auto;
	
	background-color:transparent;
			
	height:auto;
			
}

#header {

	text-align:left;
	margin:0px;
	padding:0px;
	height:100px;
							
	display:block;
	position:relative;
	box-shadow: 0px 0px 14px #000000;
	background-color:#ffffff;
	color:#333333;
	
	z-index:50;
	overflow:visible;
	
	line-height:28px;
				
}
#header .pagewidth {
	
	overflow:visible;
	
	
}
#header img {
	vertical-align:middle;
}

#header .img_left:first-child {
	margin-top:58px;
}

#header #languages {
	
	position:absolute;	
	z-index:100;
	top:0px;
	right:0px;
	
	line-height:inherit;
	padding:0px;
	margin:0px;
	
	font-size:14px;
				
			
}
#header #languages a {
	display:inline-block;
	*display:inline;
	zoom:1;
	
	line-height:100%;
	text-align:center;	
	
	margin-left:8px;
	padding-left:8px;	
	
	border-left:1px solid #333333;
	
	text-decoration:none;
	
}
#header #languages a:first-child {
	border:none;
	margin-left:0px;
	padding-left:0px;
}
#header #languages .selected, #header #languages a:hover {
	font-weight:bold;
	color:inherit;
}
#header .header_right #ariane {
	border-top:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
	display:block;
	position:absolute;
	bottom:0px;
	width:660px;
	line-height:40px;
	height:40px;
}
#header .header_right #ariane .myself {
	color:#FF5407;
}

.middle {		
	position:relative;
	height:auto;
	padding:0px;	
	margin:0px;		
	vertical-align:top;	
	margin-top:0px;	
	
}
.middle .pagewidth {
	background-color:#ffffff;
	padding-top:515px;
	padding-bottom:130px;
	
	background-image:url('../design/slider_accueil.jpg');
	background-repeat:no-repeat;
	background-position:top center;
	
	box-shadow: 0px 5px 10px #000000;	
}
.middle a {
	
}
.middle a:hover {
	
}
.menu {

	position:absolute;
	top:60px;
	right:0px;
			
	padding:0px;
		
	font-size:14px;
			
	display: block;
						
}
.menu ul {

	width:inherit;
	list-style-type: none;

	padding: 0px;	
	margin: 0px;
	
	display: inline-block;
	*display:inline;
	zoom:1;
	
	position:relative;
			
}
.menu li {
	display: inline-block;
	*display:inline;
	zoom:1;
	margin-left:20px;
	margin-right:20px;
}
.menu a {
			
	color:#inherit;

	position:relative;
	padding: 0px;
	margin: 0px;
		
	padding:0px;
	padding-bottom:5px;
		
	display:inline-block;
	*display:inline;
	zoom:1;
					
	text-decoration:none;
	
	line-height:100%;
		
}
.menu li:first-child a {
	
}
.menu li:last-child {
	margin-right:0px;	
}
.menu a:hover, .menu .selected  a, .menu .submenu .selected   {	
	background-image:url('../design/menu-underline.gif');
	background-repeat:no-repeat;
	background-position:center bottom;
	
	font-weight:bold;
}
.menu .selected a {	
	
}
.menu .switch {
	border-left:1px solid #333333;
	padding-left:20px;
	margin-left:-20px;
	padding-top:5px;
	line-height:100%;
}
.submenu {
	margin:0px;
	padding:0px;	
	display:block;
	padding-bottom:5px;
}
.submenu ul {
	margin:0px;
	padding:0px;
	display:block;
	border-top:1px solid #CACACA;
	list-style-type: none;
}
.submenu ul li {
	margin:0px;
	padding:0px;	
}
.submenu ul li .selected {
	background-image:url('../design/submenu-hover.png');
	background-repeat:no-repeat;
	width:246px;/*271-25*/
	background-color:#ffffff;
}
.submenu ul li a {				
	font-size:18px;
	text-decoration:none;
	padding-left:25px;
	display:block;
	line-height:48px;
	border-bottom:1px solid #CACACA;	
}
.submenu ul li a:first-child {
	border-top:0;
}
.submenu .small {
	font-size:12px;
}

.content, .wysiwyg {

	position:relative;
	padding:0px;
	margin:0px;
	padding:30px;
		
	width:580px;/*640-30-30*/
	min-height:400px;
	
	float:left;
			
	font-size:15px;
		
	vertical-align:top;
	
							
}
.content a, .wysiwyg a {
	/*text-decoration:none;*/
}
.content a img {
	border:1px solid #EBE8E3;
}
.content li, .wysiwyg li {
	padding-top:2px;
	padding-bottom:2px;
}
.content ul, .wysiwyg ul {
	
	display:inline-block;
	*display:inline;
	zoom:1;
}
.content .img {
	max-width: 580px;
}
.content .img img {
	 	max-width: 100%;
	 	height: auto; 
}
ul  ul{
	list-style-type: circle;
}
ul {
	list-style-type: disc;
	margin:0px;
	padding:0px;
		
	list-style-position:outside;
	margin-left:12px;
}
li {
	margin:0px;
	padding:0px;
	
}
li .left {
	float:none;
	display:inline-block;
	*display:inline;
	zoom:1;
}
.paragraph {	
	padding:10px;
				
	margin:0px;
	margin-bottom:20px;
	padding:10px;
	padding-left:20px;
				
	position:relative;
	z-index:1;
	
}
.blocks {
	float:right;
		
	margin:0px;
	padding:0px;
	margin-top:72px;
	padding:30px;
	padding-top:0px;
	
	vertical-align:top;
			
	overflow:visible;
	width: 259px;/*320-30-30*/
		
	position:relative;
		
	border-left:1px solid #CCCCCC;
			
}
.blocks .block {
			
	text-align:left;
							
	padding:0px;		
	margin:0px;
	padding-bottom:25px;
		
}
.blocks .block:first-child {
	/*margin-top:-50px;*/
}
.block .img_center img {
	box-shadow:0px 2px 3px #333333;	
}
#footer {
		
	overflow:visible;
				
	font-size:10px;	
	text-align:right;
	color:inherit;
	
	margin-top:-74px;
						
	clear:both;
		
}
#footer .pagewidth {	
	text-align:center;
	padding-top:30px;
	padding-bottom:30px;
	
	background-image:url('../design/middle-underline.gif');
	background-repeat:no-repeat;
	background-position:center top;
		
}
#footer .paragraph {
	padding:0;
	margin:0;
	background-color:#ffffff;
	float:right;
	padding-left:10px;
}
/* ------- */
/* CLASSES */
/* ------- */

.pastille {

	padding:30px;
	padding-top:70px;

	background-image:url('../design/pastille_bg.png');
	width:156px;/*216-30-30*/
	height:116px;/*216-30-70*/
	overflow:hidden;
	text-align:center;
	
	font-size:28px;
	font-family:times, serif;
	color:#ffffff;
	
	margin-top:-178px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:10px;
}
.map {
	position:absolute;
	left:0px;
	top:-515px;
	width:960px;
	height:515px;
	overflow:hidden;
}

.error {
	border:2px dotted #993333;
	background-color:#ffffff;
	padding:10px;
	color:#993333;
	font-size:15px;
}
.group {
	background-color:#333333;
	padding:10px;
	color:#cccccc;
}
.img {	
	
	margin:0px;
	margin-top:0px;
	
	border:0px;	
	vertical-align:middle;
		
	font-size:0px;
	line-height:0px;
	
	display:block;
			
}	
.img_left {
	margin-right:16px;
}
.img_right {
	margin-left:16px;
}
.left {
	float:left;
	margin-left:0px;
}
.center {
	text-align:center;
	
	display:block;
	
	margin-left:auto;
	margin-right:auto;
	
	background-color:transparent;
	padding:0px;
	margin:0px;
	/*clear:both;*/
}
.right {
	float:right;
	margin-right:0px;
}
.clear {
	clear:both;
}
.pagewidth {

	width:960px;
	height:inherit;
		
	margin:0;
	margin-left:auto;
	margin-right:auto;
	padding:0;
	position:relative;
	display:block;
			
}
.line {
	height:0px;
	overflow:hidden;
	border-top:1px solid #cccccc;
	
}
.bordeau {
	color:#980025;
}
.blue {
	color:#333380;
}
.red {
	color:#CC3300;
}
.green {
	color:#336600;
}
.gray {
	color:#999999;
}


/* SLIDESHOW */
#slideshow {
	display:none;
}

/* NEWSLETTER INSCRIPTION */
#form_inscription input[type='text'] {
	border:1px solid #000000;
	color:#000000;
	background-color:#ffffff;
	font-size:inherit;/*13px;*/
	padding:5px;
	margin:0px;
	width:58%
}
#form_inscription input[type='button'] {
	border:0px solid #BC2434;
	color:#ffffff;
	background-color:#BC2434;
	font-size:inherit;/*13px;*/
	padding:5px;
	margin:0px;
	cursor:pointer;
}
/* PAGE CONTACT */
.form_contact {
	text-align:left;
	
	padding:25px;
	width:910px;/*960-25-25*/

	height:258px;
	position:absolute;
	top:-328px;/*-308-20*/
	background-color:#BC2434;
	/*font-size:16px;*/
	font-size:inherit;
}
.form_contact h2 {
	color:#ffffff;
	font-size:24px;
}
#form_contact label {
	display:block;
	margin-top:10px;
	font-size:inherit;
}
#form_contact input[type='text'], #form_contact textarea {
	border:1px solid #ffffff;
	color:#ffffff;
	background-color:#BC2434;
	font-size:inherit;/*13px;*/
	padding:5px;
	margin:0px;
	
	/*font-family:Tahoma, verdana, sans;*/
	font-family:'Droid sans', sans-serif;
}
#form_contact .left {
	width:540px;/*550*/	
}
#form_contact .right {
	width:290px;/*300*/
	margin-right:10px;
}

#form_contact  input[type='text'], #form_contact textarea {
	width:100%;
}
#form_contact input[type='text']:first-child {
	margin-right:12px;
}
#form_contact input[type='checkbox'] {
	margin:5px;
}
#form_contact textarea {	
	height:86px; /*96*/
}
/*
#form_contact #contact_name {
	float:left;
}
#form_contact #contact_mail {
	float:right;
}
*/
#form_contact .button {
	float:right;
	width:auto;
	display:block;
	height:30px;
	line-height:30px;
	
	padding:0;
	padding-left:10px;
	padding-right:10px;
	margin-top:16px;
	margin-right:-10px;
	color:#ffffff;
	
	cursor:pointer;
	
	font-size:inherit;
	
	border:1px solid #ffffff;
	background-color:#BC2434;
	
	/*background-image:url('../design/button_background.gif');
	background-repeat:repeat-x;
	*/
	
	/*
	background-color:#36549c;
	background: linear-gradient(#36549c, #54bbff);
	background-size:100% 200%;
	*/
	
	
	/*
	-moz-border-radius: 4px 4px 4px 4px; 
	-webkit-border-radius: 4px 4px 4px 4px; 
	border-radius: 4px 4px 4px 4px;         
	-webkit-border-top-left-radius: 4px; /* pour Chrome */ 
	/*-webkit-border-bottom-right-radius: 4px; /* pour Chrome */
	/*-webkit-border-top-right-radius: 4px; /* pour Chrome */ 
	/*-webkit-border-bottom-left-radius: 4px; /* pour Chrome */
	
}
#form_contact .button:hover  {
	/*
	background-position:0 50%;
	*/
		background-color:#ffffff;
	color:#BC2434;
}