@charset "UTF-8";
/* CSS Document */

@font-face {
	font-family: 'designio_mediumregular';
	src: url('designiomedium-webfont.eot'); /* IE9 Compat Modes */
	src: url('designiomedium-webfont.eot?#iefix') format('embedded-opentype'),
		url('designiomedium-webfont.woff') format('woff'),
		url('designiomedium-webfont.ttf') format('truetype'),
		url('designiomedium-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
	font-family: 'designio_mediumregular_safari';
	src: url('designiomedium-webfont.eot');
	src: url('designiomedium-webfont.eot?#iefix') format('embedded-opentype'),
		url('designiomedium-webfont.woff') format('woff'),
		url('designiomedium-webfont.ttf') format('truetype'),
		url('designiomedium-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
	font-family: 'designio_mediumregular_firefox';
	src: url('designiomedium-webfont.eot');
	src: url('designiomedium-webfont.eot?#iefix') format('embedded-opentype'),
		url('designiomedium-webfont.woff') format('woff'),
		url('designiomedium-webfont.ttf') format('truetype'),
		url('designiomedium-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
	font-family: 'designio_mediumregular_internet_explorer';
	src: url('designiomedium-webfont.eot');
	src: url('designiomedium-webfont.eot?#iefix') format('embedded-opentype'),
		url('designiomedium-webfont.woff') format('woff'),
		url('designiomedium-webfont.ttf') format('truetype'),
		url('designiomedium-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
	font-family: 'designio_mediumregular_opera';
	src: url('designiomedium-webfont.eot');
	src: url('designiomedium-webfont.eot?#iefix') format('embedded-opentype'),
		url('designiomedium-webfont.woff') format('woff'),
		url('designiomedium-webfont.ttf') format('truetype'),
		url('designiomedium-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
	font-family: 'designio_mediumregular_chrome';
	src: url('designiomedium-webfont.eot');
	src: url('designiomedium-webfont.eot?#iefix') format('embedded-opentype'),
		url('designiomedium-webfont.woff') format('woff'),
		url('designiomedium-webfont.ttf') format('truetype'),
		url('designiomedium-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* Balises génériques */

html {
	background: url(../images/Image-fond.jpg) no-repeat center center fixed;
	-webkit-background-size: 100%;
	-moz-background-size: 100%;
	-o-background-size: 100%;
	background-size: 100%;
	-webkit-background-size: cover; /* pour Chrome et Safari */
	-moz-background-size: cover; /* pour Firefox */
	-o-background-size: cover; /* pour Opera */
	background-size: cover; /* version standartisée */
	font-family: 'designio_mediumregular'; Arial, sans-serif; src:url(designiomedium-webfont.woff);
}

html, #bg, #bg table, #bg td, #cont {
    height:100%;
    width:100%;
    overflow:auto;
}

#bg { 
    position: fixed; 
}

#bg div {
    height:200%;
    left:-50%;
    position:absolute;
    top:-50%;
    width:200%;
}

#bg td {
    text-align:center;
    vertical-align:middle;
}

#bg img {
    margin:0 auto;
    min-height:50%;
    min-width:50%;
}

#cont {
    position:absolute;
    top:0;left:0;
    z-index:70;
    overflow:auto;
}

.box { 
    margin: 0 auto; 
    width: 400px;
    padding: 50px;
    background: white; 
    padding-bottom:100px;
    font: 14px/2.8 Georgia, Serif;
}

* { margin:0; padding:0; border:0; color:#313131;}

/* Structure */

.bandeau			{ width:auto; height:130px; background:#FFF;}
.global				{ width:940px; height:auto; margin:auto; padding:0px 20px 0px 20px; overflow:auto;}
.header 			{ width:940px; height:130px;}
.logo 				{ width:540px; height:90px; float:left; text-align:left;}
.langue 			{ width:400px; height:90px; float:left; text-align:right;}
.rubrique			{ width:940px; height:40px; float:left; background:url(../images/menu.jpg) no-repeat top center;}
.menu 				{ width:940px; height:30px; float:left; font-size:21px; text-align:center; padding-top:9px; font-family: 'designio_mediumregular', Arial, sans-serif;}
.menu ul 			{ }
.menu li 			{ float:left; list-style:none;}
.menu a 			{ color:#fff; text-decoration:none; padding:8px; padding-left:15px; padding-right:15px;}
.menu a:hover 		{ background:url(../images/bg-menu.jpg) repeat-y top left;}
.menu a.active 		{ background:url(../images/bg-menu.jpg) repeat-y top left;}

/*accueil*/

.contenu			{ width:940px; height:auto; float:left;}
.slider 			{ width:940px; height:345px; float:left; margin-top:25px;}
.slider li			{ list-style:none;}

.bordure			{ width:940px; height:224px; float:left; background:url(../images/bordure.png) no-repeat top center;}
.bloc-texte			{ width:410px; height:208px; float:left; padding-left:30px; padding-top:17px; padding-right:30px; font-family: 'designio_mediumregular';}
.bloc-texte h1		{ color:#333333; text-decoration:none; font-size:24px; font-family: 'designio_mediumregular'; font-weight:lighter; background:url(../images/fleche.png) no-repeat 0px 2px; padding-left:30px;}
.bloc-texte p		{ text-align:justify; font-size:18px; line-height:20px; margin-top:5px; margin-bottom:5px; font-family: 'designio_mediumregular', Arial, sans-serif;}
.bloc-texte-bis		{ width:410px; height:208px; float:left; padding-left:30px; padding-top:15px; padding-right:30px;}
.bloc-texte-bis p	{ text-align:justify; font-size:18px; line-height:20px; margin-top:5px; margin-bottom:5px; font-family: 'designio_mediumregular', Arial, sans-serif;}

/*présentation*/

.fond				{ width:940px; height:572px; float:left; margin-top:25px; background:url(../images/presentation.png) no-repeat; font-family:  'designio_mediumregular';}
.zone-pres		 	{ width:410px; height:552px; float:left; padding-left:30px; padding-top:20px; padding-right:30px;}
.zone-pres h1		{ background: url(../images/fleche.png) no-repeat 0px 1px; font-size:24px; font-weight:lighter; padding-left:32px; margin-bottom:5px; color:#040404; font-family: 'designio_mediumregular', Arial, sans-serif;}
.zone-pres p		{ text-align:justify; font-size:18px; line-height:19px; margin-bottom:15px; font-family: 'designio_mediumregular', Arial, sans-serif;}

/*présentation*/

.blocs-crea			{ width:295px; height:170px; float:left;}
.blocs-crea	li		{ list-style:none;}

/*contact*/
.contact			{ width:940px; height:572px; float:left; margin-top:25px; background:url(../images/contact.png) no-repeat;}
.contact-cont		{ width:340px; height:462px; float:left; padding-left:568px; padding-top:28px; padding-right:42px;}
.contact p			{ text-align:justify; font-size:19px; line-height:22px; margin-bottom:15px; font-family: 'designio_mediumregular', Arial, sans-serif;}

/*mentions légales*/
.bloc-mentions		{ width:940px; height:572px; float:left; margin-top:25px; background:url(../images/mentions.png) no-repeat;}
.zone-texte		 	{ width:880px; height:552px; float:left; padding-left:30px; padding-top:20px; padding-right:30px; font-size:15px; text-align:justify; font-family: 'designio_mediumregular', Arial, sans-serif;}

/*copyright*/

.copyright 			{ width:940px; height:30px; float:left; text-align:center; font-size:16px; padding-top:5px; color:#FFF; font-family: 'designio_mediumregular', Arial, sans-serif;}
.copyright a		{ color:#FFF; text-decoration:none;}
.copyright a:hover	{ color:#906; text-decoration:blink;}
.copyright2 		{ width:940px; height:30px; float:left; text-align:center; font-size:16px; padding-top:17px; color:#FFF; font-family: 'designio_mediumregular', Arial, sans-serif;}
.copyright2 a		{ color:#FFF; text-decoration:none;}
.copyright2 a:hover	{ color:#906; text-decoration:blink;}

/* couleur */
.fushia		 	{ color:#b71866;}

/* marges */

.padtop44			{ padding-top:44px;}
.padtop35			{ padding-top:35px;}
.padright20			{ padding-right:20px;}
.padleft15			{ padding-left:15px;}
.marge-top25 		{ margin-top:25px;}
.marge20 			{ margin-right:20px;}
.marge27 			{ margin-right:27px;}