@import url(//fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900);

/*
Noir : #000000
Blanc : #FFFFFF
Rose : #dc4592 (220,69,146)
Fond gris : #eaeaea
*/

body { color:#000000; background-color:#FFFFFF; font-family:Verdana, Geneva, sans-serif; }

body, document, html { height:100%; width:100%; margin:0px; padding:0px; font-size:14px; }

body { padding:180px 0px 0px 0px; background:url(../../images/bg_body.jpg) repeat; }


* { font-family:Verdana, Geneva, sans-serif; }

a { text-decoration:none; font-family:Verdana, Geneva, sans-serif; font-weight:normal; color:#000000; }
a:hover { text-decoration:underline; color:#000000; }

img { border:none; }

hr { border-color: #c3bfc1; }

.max_height	{ height:100%; }

h1 span { font-weight:300; }
header, footer, section { background-color:#FFFFFF; }

/* Header */
header { color: #ddd; height:180px; padding:0px 0px 20px 0px; margin:0px; background-color:#FFFFFF; position:fixed; width:100%; top:0px; z-index:999; }

header.ombre_portee { -moz-box-shadow: 0px 1px 5px 0px #656565; -webkit-box-shadow: 0px 1px 5px 0px #656565; -o-box-shadow: 0px 1px 5px 0px #656565; box-shadow: 0px 1px 5px 0px #656565; filter:progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=180, Strength=5); }

header .navbar { border:0px; }

header .navbar .navbar-langue { width:100%; margin-top:10px; display:inline-block; text-align:right; }
header .navbar .navbar-langue select { color:#000000; font-family: 'Roboto', sans-serif; font-weight:700; font-size:12px; font-style:italic; text-transform:uppercase; background-color:#eaeaea; border:none; padding:2px 5px; }

header .navbar .navbar-header { float: left; padding: 0px; text-align: center; width: 100%; }
header .navbar .navbar-header .navbar-brand { float:none; display:inline-block; text-align: center; height:auto; }
header .navbar .navbar-header .navbar-brand img { display:initial; }

header .navbar .navbar-toggle { border-color:#000000; }
header .navbar .navbar-toggle .icon-bar { background-color:#000000; }
header .navbar .navbar-toggle:hover { background-color:#000000; }
header .navbar .navbar-toggle:hover .icon-bar { background-color:#FFFFFF; }

header .navbar .navbar-nav li { border-left:1px solid #000; }
header .navbar .navbar-nav li:first-child { border-left:0px; }
header .navbar .navbar-nav li a { color: #000000; text-transform:uppercase; font-family: 'Roboto', sans-serif; font-weight:700; font-style:italic; font-size:16px; line-height:16px; padding:13px 20px; }
header .navbar .navbar-nav li a:hover, header .navbar .navbar-nav li.active a, header .navbar .navbar-nav li.dropdown.open > a { color:#dc4592; }

header .navbar form { background-color:#eaeaea; margin:8px 20px; padding:0px; height:28px; }
header .navbar form input { background:none; border:none; border-radius:0px; border-right:1px solid #000000; color:#000000; height:24px; padding:0px 5px; margin-top:2px; font-size:14px; font-style:italic; font-weight:700; line-height:14px; }
header .navbar form button { color:#000000 !important; height:20px; border:none; padding:0px 10px 0px 5px; font-size:14px; font-style:italic; font-weight:900; margin-top:-2px; line-height:14px; }

header .navbar .navbar-nav { display: inline-block; float: none; vertical-align: top; }
header .navbar .navbar-collapse { text-align: center; }

/* Diaporama */
section.diaporama { height:515px; }
section.diaporama #sld_header { height:515px; }
section.diaporama .container { height:100%; }
@media(max-width:767px) {
	section.diaporama > .container { padding:0px; }
	section.diaporama { height:280px; }
	section.diaporama #sld_header { height:280px; }
}

/* ariane */
section.ariane .breadcrumb { background:none; border:none; padding:8px 0px; }
section.ariane .breadcrumb li span { font-weight:bold; }

/* bande_centrale */
section.bande_centrale { background-color:#000000; padding:10px 0px 30px 0px; margin:0px 0px 97px 0px; -moz-box-shadow: 0px 5px 5px 0px #656565; -webkit-box-shadow: 0px 5px 5px 0px #656565; -o-box-shadow: 0px 5px 5px 0px #656565; box-shadow: 0px 5px 5px 0px #656565; filter:progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=180, Strength=5); }
body.accueil section.bande_centrale { margin-bottom:20px; }
section.bande_centrale h3.html { font-family: 'Roboto', sans-serif; color:#FFFFFF; font-weight:700; font-size:48px; font-style:italic; padding:0px; margin:0px; }
section.bande_centrale h3.html span { font-family: inherit; color:inherit; font-weight:100; }

section.bande_centrale .bloc { width:160px; height:240px; margin:auto; }
section.bande_centrale .bloc .outer { display: table; height:100%; }
section.bande_centrale .bloc .bottom { display:table-cell; vertical-align:bottom; }

section.bande_centrale .bloc h2 { color:#FFFFFF; text-transform:uppercase; font-family: 'Roboto', sans-serif; font-weight:700; font-size:16px; font-style:italic; line-height:18px; text-align:center; margin:12px 0px 0px 0px; padding:0px; }
section.bande_centrale .bloc input, section.bande_centrale .bloc select { background-color:#FFFFFF; border-radius:0px; color:#696969; border:none; font-family: 'Roboto', sans-serif; font-weight:700; font-size:16px; font-style:italic; line-height:16px; width:100%; height:27px; margin-top:4px; }
section.bande_centrale .bloc button, section.bande_centrale .bloc a.button { background-color:#dc4592; color:#FFFFFF; border:none; border-radius:0px; font-family: 'Roboto', sans-serif; font-weight:700; font-size:16px; font-style:italic; line-height:16px; width:100%; height:27px; text-align:center; margin-top:4px; }

/* video accueil */
section.video { background:none; }/*min-height:780px; */
section.video .bloc_video_principale { width:629px; height:460px; position:relative; display:inline-block; }
section.video .bloc_video_principale h1 { position:absolute; color:#999999; font-family: 'Roboto', sans-serif; font-weight:100; font-size:100px; line-height:100px; font-style:italic; padding:0px; margin:0px; }
section.video .bloc_video_principale .fond { position:absolute; top:76px; left:0px; background-color:#000000; width:629px; height:376px; padding:40px; border-radius:10px; display:inline-block; -ms-transform: rotate(-1deg); -webkit-transform: rotate(-1deg); transform: rotate(-1deg); }
section.video .bloc_video_principale .player { position:absolute; top:110px; left:40px; background-color:#000000; width:537px; height:301px; }
section.video .bloc_video_principale .player iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
@media(max-width:767px) {	
	section.video .bloc_video_principale { width:100%; height:340px; }
	section.video .bloc_video_principale h1 { font-size:60px; line-height:60px; text-align:center; width:100%; }
	section.video .bloc_video_principale .fond { background-color:#06C; display:none; }
	section.video .bloc_video_principale .player { left:0px; width:100%; height:260px; top:70px; }
}

section.video .bloc:hover, section.video .bloc.selected { border-color:#dc4592; }
section.video .bloc time { position:absolute; bottom:4px; right:4px; background-color:rgba(0, 0, 0, 0.5); border-radius:1px; color:#FFF; font-size:12px; padding:1px 4px; }
section.video .bloc:hover time, section.video .bloc.selected time { background-color:rgb(220,69,146); }

section.video .voir_toutes_videos { background-color:#dc4592; color:#FFFFFF; font-family: 'Roboto', sans-serif; font-weight:700; font-size:16px; line-height:100px; font-style:italic; text-transform:uppercase; padding:2px 10px; }


/* contenu */
/*
section > div.contenu { min-height:500px; }
@media(max-width:767px) {
	section > div.contenu { min-height:inherit; }
}*/
body.interieur section > div.contenu { padding-bottom:50px; }

/* Footer */
footer { background-color: #000000; color: #FFFFFF; padding: 0px; margin-top:42px; }
footer * { font-size:12px; }
footer a { color:#FFFFFF; }
footer a:hover { color:#CCCCCC; }

footer .row.communautaire { margin-top:-42px; margin-bottom:30px; }
footer .row.communautaire:first-child div { height:160px; }
footer .row.communautaire:first-child a div { border-radius:50%; border:3px solid #FFFFFF; width:84px; height:84px; margin-right:auto; margin-left:auto; }
footer .row.communautaire:first-child a div i { color:#dc4592; font-size:60px; margin-top:10px; }
footer .row.communautaire:first-child a div {
	-moz-box-shadow: 2px -1px 7px 0px #656565;
	-webkit-box-shadow: 2px -1px 7px 0px #656565;
	-o-box-shadow: 2px -1px 7px 0px #656565;
	box-shadow: 2px -1px 7px 0px #656565;
	filter:progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=63, Strength=5);
	
	background: rgb(248,248,248); /* Old browsers */
	background: -moz-linear-gradient(45deg,  rgba(248,248,248,1) 0%, rgba(231,231,231,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(45deg,  rgba(248,248,248,1) 0%,rgba(231,231,231,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(45deg,  rgba(248,248,248,1) 0%,rgba(231,231,231,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8f8f8', endColorstr='#e7e7e7',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
footer .row.communautaire:first-child a h2 { text-align:center; font-family: 'Roboto', sans-serif; font-weight:700; font-size:14px; text-transform:uppercase; font-style:italic; }
footer .row.communautaire:first-child a:hover { text-decoration:none; }
footer .row.communautaire:first-child a:hover h2 { color:#dc4592; }

footer ul.sitemap { margin:20px 5px; padding:0px; list-style:none; }
footer ul.sitemap li { margin:0px; padding:0px; list-style:none; }
footer ul.sitemap li h3 { text-transform:uppercase; font-size:14px; padding:0px; margin:0px; }
footer ul.sitemap li a { }

footer ul.fonctionnelle { list-style:none; margin:30px 0px 20px 0px; padding:0px; }
footer ul.fonctionnelle li { margin:0px; padding:0px; list-style:none; font-size:11px; }
footer ul.fonctionnelle li:before { content:"|"; padding-right:10px; padding-left:10px; font-size:11px; }
footer ul.fonctionnelle li:first-child:before { content:""; padding:0px; }
footer ul.fonctionnelle li a { font-size:11px; }


/* flex-video */
.flex-video { position: relative; padding-top: 25px; padding-bottom: 67.5%; height: 0; margin-bottom: 16px; overflow: hidden; }
.flex-video.widescreen { padding-bottom: 57.25%; }
.flex-video.vimeo { padding-top: 0; }
.flex-video iframe, .flex-video object, .flex-video embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
@media only screen and (max-device-width: 800px), only screen and (device-width: 1024px) and (device-height: 600px), only screen and (width: 1280px) and (orientation: landscape), only screen and (device-width: 800px), only screen and (max-width: 767px) {
  .flex-video { padding-top: 0; }
}


/* formulaire */
.formulaire label { font-weight:400; }
.formulaire a { color:#952c1c; }
.formulaire label.required:after { content:" *"; color:red; }

.formError, .formError * { font-size:11px !important; }
.formError .formErrorContent { min-width:150px; background-color: #dc4592; }
.formError .formErrorArrow div { background-color: #dc4592; }


#message-formulaire { font-size:16px; margin-bottom:15px; }


/* divers */
.transition { -webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; transition: all 0.2s ease-in; }

/* bootstrap */
.btn-primary {
    color: #FFF;
    background-color: #dc4592;
    border-color: #dc4592;
}
.btn-primary.active,.btn-primary.focus,.btn-primary:active,.btn-primary:focus,.btn-primary:hover,.open>.dropdown-toggle.btn-primary {
	color:#fff;
	background-color:#e675af;
	border-color:#e675af; /* Rose clair */
}
.form-control:focus {
	border-color:#dc4592;
	outline:0;
	-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(220,69,146,.6);
	box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(220,69,146,.6)
}

@media(max-width:767px) {
	body { padding-top:100px; }
	
	header { color: #ddd; height:100px }
	header .container { padding-left:0px; padding-right:0px; }
	header .navbar .navbar-toggle { float: left; margin-left: 15px; top:20px; }
	
	header .navbar .navbar-header { position:absolute; top:0px; left:0px; }
	header .navbar .navbar-header .navbar-brand img { width:60%; }
	
	header .navbar .navbar-collapse { text-align: center; background-color:#FFF; float:left; width:100%; border:0px; border-bottom:1px solid #666666; position:absolute; top:90px;  }
	header .navbar .navbar-nav li { border-left:0px; }
	
	section.ariane .breadcrumb * { font-size:10px; }
	.breadcrumb > li + li::before { padding: 0 2px; }
	
	section.bande_centrale h3.html { margin-bottom: 15px; }
	
	footer ul.fonctionnelle { text-align:center; }
}

@media(min-width:769px) and (max-width:992px) {
	header .navbar .navbar-nav li a { font-size:14px; line-height:14px; padding:13px 20px; }
}

@media(min-width:993px) and (max-width:1300px) {
	header .navbar .navbar-nav li a { font-size:14px; line-height:14px; padding:13px 20px; }
	header .navbar form input { width:150px; }
}

@media(max-width:540px) {
	
	header .navbar .navbar-header { top:15px; }
}