/*
font-family: 'Roboto', sans-serif;
font-family: 'Roboto Condensed', sans-serif;

color:#b01680

@media screen and (max-width : 430px) {

	}
*/

/* Global and 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,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{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}table{border-collapse:collapse;border-spacing:0}
	input, textarea{border:0;outline:0;padding:0; margin:0;}
	textarea { resize: none; }

	body{font-family: 'Roboto Condensed', sans-serif;}
	strong{font-weight:bold;}
	a{text-decoration:none; color: #b01680; font-weight: 700; transition: color .4s ease; }
	a:hover { color:#575756; }
	ul{list-style:none}
	img{max-width:100%}
	h1{font-family: 'Roboto Condensed', sans-serif; color:#b01680; text-transform:uppercase; font-size:2.2em; padding-bottom:15px;}
	h2{font-family: 'Roboto Condensed', sans-serif; color:#575756; text-transform:uppercase; font-size:1.8em; padding-bottom:15px;}
	p{color:#575756; }
	#pageContent p{ margin-bottom: 15px; }

	.redBox, .yellowBox, .greenBox{padding: 10px; box-sizing: border-box;font-family:'Roboto Condensed', sans-serif;font-size:16px;font-weight:bold;margin: 15px 0;line-height:1.2;}
	.contact .redBox, .contact .yellowBox, .contact .greenBox{float: left; margin: 80px 0 0 -32px; }
	.redBox{background:#ffc7c7;border: 1px solid #ff6c6c;color:#ff6c6c;}
	.greenBox{background:#c3ffa2;border: 1px solid #72b74d;color:#72b74d;}
	.yellowBox{background:#fff7b2;border: 1px solid #b7a058;color:#b7a058;}
	
	/*.row:after{content:""; margin:0; padding:0; height:0; width:0; display:block; clear:both;}*/
	
	.wrapper{width:100%;max-width:1600px;margin:0 auto;position:relative;}
	.ContentWrapper{width:100%; max-width:1600px; margin:0 auto;position:relative;}
	/*.ContentWrapper{width:100%; max-width:1100px; margin:0 auto;position:relative;}
	.wrapper{width:100%;max-width:1200px;margin:0 auto;position:relative;}*/
	.miniWrapper{width:100%; max-width:1000px; margin:0 auto;position:relative;}
	.clear{clear:both;margin:0 !important;}
	.hidden{display:none;}
	.relative{position:relative}
	.fleft{float:left;}
	.fright{float:right;}
	.center{text-align:center; margin:0 auto;}
	.boxShadow{-webkit-box-shadow: 0px 0px 7px 1px rgba(173,173,173,1); -moz-box-shadow: 0px 0px 7px 1px rgba(173,173,173,1); box-shadow: 0px 0px 7px 1px rgba(173,173,173,1);}
	#pageContent{padding-top:30px;z-index:1; min-height: calc(100vh - 55px - 400px);}
	#pageContent ul { list-style-type: disc; list-style-position: inside; list-style-image: url('../img/bullet.png'); margin-bottom: 15px; color: #575756; }
	#shadowTop{width:100%; height:11px; position:fixed; top:36px; background-image:url('../img/shadow_top.png'); background-repeat:repeat-x; background-position:top}
	.shadowBottom{width:100%; height:11px; background-image:url('../img/shadow_bottom.png'); background-repeat:repeat-x; background-position:bottom}
	
	@media screen and (max-width : 1100px){
		.addPadding_1100{width:98% !important;margin-left:auto !important;margin-right:auto !important;float:none !important;}
	}

/* Header/haut.php */
	#header{}
	#topFix{background-color:#b01680; width:100%; height:36px; position:fixed; top:0; z-index:5}	

	#topLeft, #topRight{float:left; font-size:1.1em; color:#FFF;}
	#topRight{float:right;}
	#homeBtn{display:block; width:25px; height:25px; background-image:url('../img/homeBtn.png'); background-position:left; background-repeat:no-repeat; margin-top:-5px; margin-right:15px; transition: width 400ms ease;}
	#homeBtn.showLogo{width:90px;}
	#topLeft li, #topRight li{display:block; float:left;padding-top:10px;}
	#topLeft a.english, #topLeft a#phoneTop, #topRight a#ftpClient{font-family: 'Roboto Condensed', sans-serif; text-transform:uppercase; color:#FFF; display:block; transition: color 200ms ease;}
		#header #topLeft a:hover, #header #topRight a:hover{color:#222;}
	#topLeft p{padding-left:10px; padding-right:10px;}
	.booyah{color:#FFF;}

	#topRight a#facebook, #topRight a#twitter, #topRight a#linkedin{display:block; width:40px; height:21px; background-repeat:no-repeat; text-indent:-9999px; margin-top:-2px; transition: background-position 300ms ease;}
	#topRight a#facebook{margin-left:35px; background-image:url('../img/socialSprite.png'); background-position:top left;}
	#topRight a#twitter{background-image:url('../img/socialSprite.png'); background-position:top center;}
	#topRight a#linkedin{background-image:url('../img/socialSprite.png'); background-position:top right;}
		#topRight a#facebook:hover{background-position:bottom left;}
		#topRight a#twitter:hover{background-position:bottom center;}
		#topRight a#linkedin:hover{background-position:bottom right;}

	#subTop{padding-top:70px;}
	#logoTop{float:left;}
	#btnTopRight{float:right;}
	#btnTopRight a{display:block; font-family: 'Roboto Condensed', sans-serif; text-transform:uppercase; color:#575756; width:173px; text-align:center; margin-bottom:15px; padding-top:4px; padding-bottom:4px; transition: color 200ms ease;}
		#btnTopRight a:hover{color:#b01680;}
		
	#btnBottomRight			{text-align: right; margin-top: 30px; }
		#btnBottomRight a	{text-transform:uppercase; color: #b01680; font-family: 'Roboto Condensed', sans-serif; font-weight: 700; font-size: 18px;}
		#btnBottomRight hr	{width: 230px; margin-right: 0;}

	#nav{width:100%; margin:0 auto; text-align:center; margin-top:10px; border-bottom:2px solid #999; padding-bottom:6px; z-index:5}
	#nav>ul>li{display:inline-block; font-size:1.15em; position:relative;}
	#nav>ul>li>a{text-transform:uppercase; color:#575756; padding-right:25px; padding-left:25px; padding-bottom:9px; transition: color 200ms ease-in;}
		#nav>ul>li:hover>a{color:#b01680;}
		#nav>ul>li.active>a{color:#b01680;}
		#nav>ul>li>ul>li.active>a{color:#b01680;}

	#nav>ul>li:after { content: '/'; }
	#nav>ul>li:last-child:after { content: ''; }
	#nav>ul>li>ul{opacity:0; height:0;  overflow:hidden; box-sizing:border-box; position:absolute; top:26px; left:12px; text-align:left; background-color:white; min-width:333px; z-index:5; transition: opacity 400ms ease;}
		#nav>ul>li:hover> ul{opacity:1; height:auto; padding-top:15px; padding-bottom:15px; border:2px solid #CCC; border-top:0; overflow:visible;}
	#nav>ul>li>ul>li{box-sizing:border-box; position:relative; width:100%;}
	#nav>ul>li>ul>li>a{box-sizing:border-box; display:block; text-transform:uppercase; color:#575756; font-size:0.9em; margin:10px 15px; padding-bottom:10px; border-bottom:1px solid #999;}
	#nav>ul>li>ul>li>a>img{float:right;margin-top:3px;}
		#nav>ul>li>ul>li:hover>a{color:#b01680;}
	#nav ul li:last-child a{border-bottom:0px !important; margin-bottom:0 !important;}

	ul.subSubNav{opacity:0; width:0; min-width:0; height:0; overflow:hidden; box-sizing:border-box; position:absolute; background-color:#b2b2b2; left:100%; margin-top:-63px; transition: opacity 400ms ease;}
		#nav>ul>li>ul>li:hover> ul.subSubNav{opacity:1; width:auto; height:auto; overflow:hidden; padding-top:15px; min-width:333px;}
	ul.subSubNav>li{box-sizing:border-box; position:relative; width:100%;}
	ul.subSubNav>li>a{box-sizing:border-box; display:block; text-transform:uppercase; color:#FFF; font-size:0.9em; margin:10px 15px; padding-bottom:10px; border-bottom:1px solid #FFF; transition: color 125ms ease;}
		ul.subSubNav>li>a:hover{color:#b01680;}
		ul.subSubNav>li>a:active{color:#444;}

	#nav>ul>li>ul.subNavServices{min-width:260px;}
	#nav>ul>li>ul.subNavPropos{min-width:290px;}
	#nav>ul>li>ul.subNavContact{min-width:200px;}

	@media screen and (max-width : 1000px){
		#nav>ul>li>ul>li>a, ul.subSubNav>li>a{font-size:0.7em;}
		#nav>ul>li>ul, ul.subSubNav{min-width:295px;}
		ul.subSubNav{margin-top:-59px;}
	}
	@media screen and (max-width : 930px){
		#nav>ul>li>ul.subNavContact{left:-80px;}
	}
	@media screen and (max-width : 800px){
		#nav>ul>li>ul.subNavPropos{left:-80px;}
	}
	@media screen and (max-width : 775px){
		ul.subSubNav{position:static; min-width:100%; margin-top:0px; left:0px;}
	}
	@media screen and (max-width : 715px){
		#nav>ul>li{font-size:1em;}
	}
	@media screen and (max-width : 700px){
		.clear_700{clear:both !important;}
		#logoTop{width:100%; margin:0 auto; text-align:center;}
		#btnTopRight{float:none; margin:0 auto; width:100%; text-align:center; margin-top:12px;}
		#btnTopRight a{display:inline-block; margin:15px;}
		#nav>ul>li{font-size:1em;}
		#nav>ul>li>a{padding-left:10px; padding-right:10px;}
		#nav>ul>li>ul>li>a, ul.subSubNav>li>a{font-size:0.9em;}
		#nav>ul>li>ul{top:24px;}
	}
	@media screen and (max-width : 600px){
		#topLeft a.english, #topRight a#ftpClient, .booyah, #topRight a#facebook, #topRight a#twitter, #topRight a#linkedin, #nav{display:none;}
	}
	@media screen and (max-width : 435px){
		#btnTopRight{float:none; margin:0 auto; width:100%; text-align:center; margin-top:12px;}
		#btnTopRight a{display:inline-block; margin:10px; font-size:0.7em; width:110px;}
	}	

/* index.php */
	#rotatorAcc{width:100%; height:400px; margin-bottom:30px; }
	.carousel 		{ width: 100%; }
	.carousel .img 	{ height: 400px; }
	.carousel h2		{ position: absolute; top: 225px; left: 75%; margin-left: -550px; width: 50%; z-index: 10; font-weight: 700; text-shadow: 0px 0px 10px rgba( 0, 0, 0, 0.5); text-align: center; padding: 20px 10px; color: #fff; border: 2px solid #fff; }
	.titre_carousel{position:absolute; right:1%; top:50%; margin-top:-178px; width:710px; z-index:25;}
	.titre_carousel h2{font-size:52px; font-weight:bold; padding:85px 0 85px 0; text-align:center; line-height:72px;}
	.top_line, .bottom_line{width:69%; height:4px; background-color:white; margin:0 auto;}
	.owl-theme .owl-controls { position: absolute; bottom: 20px; left:0; right:0;}
	#news{width:100%; margin:0 auto; text-align:center; position:relative; margin-bottom:30px;}
	.newsBox{box-sizing:border-box; float:left; width:18.4%; padding:1%; min-height:255px;
				-webkit-box-shadow: 0px 0px 7px 1px rgba(173,173,173,1);
				-moz-box-shadow: 0px 0px 7px 1px rgba(173,173,173,1);
				box-shadow: 0px 0px 7px 1px rgba(173,173,173,1);
				background: #ffffff;
				background: -moz-linear-gradient(top,  #ffffff 0%, #e3e3e3 100%); /* FF3.6+ */
				background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e3e3e3)); /* Chrome,Safari4+ */
				background: -webkit-linear-gradient(top,  #ffffff 0%,#e3e3e3 100%); /* Chrome10+,Safari5.1+ */
				background: -o-linear-gradient(top,  #ffffff 0%,#e3e3e3 100%); /* Opera 11.10+ */
				background: -ms-linear-gradient(top,  #ffffff 0%,#e3e3e3 100%); /* IE10+ */
				background: linear-gradient(to bottom,  #ffffff 0%,#e3e3e3 100%); /* W3C */
				filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e3e3e3',GradientType=0 ); /* IE6-9 */}
	#news a{box-sizing:border-box; display:block;}
	.newsTitle{text-align:left; color:#b01680; font-size:1.4em; padding-bottom:10px; border-bottom:1px solid #b01680; transition: color 150ms ease;}
	.newsTitle+p, .texte_produit{text-align:left; color:#555; font-size:0.8em; padding-top:15px; line-height:1.3em; letter-spacing:0.5px; transition: color 150ms ease;}
	.texte_produit{font-weight:normal;}
		
	.savoirPlus{text-align:right; color:#B01680; font-weight:700; font-size:0.8em; padding-top:15px;}
		#news a:hover .newsTitle {color:#B01680;}
		.savoirPlus:hover {color:#780f57 !important;}
		#news a:hover .newsTitle+p{color:#555;}
	.newsBox:first-child{margin-left:0; margin-right:1%;}
	.newsBox{margin-left:1%; margin-right:1%;}
	.newsBox:nth-child(5){margin-left:1%; margin-right:0;}
	
	#newsletter 			{ background: #B01680; height: 170px; }
	#newsletter .dotdot 	{ padding: 10px 0; margin-right: 0.8%; margin-top: 60px; }
	#newsletter a 		{ float: right; margin-top: -150px; }
	#newsletter form.infolettre input[type="email"] { width: 60%; }
	
	.confirm 	{ position: absolute; margin: 5px 0; }
	.confirm p 	{ color: #fff; font-family: 'Roboto Condensed', sans-serif; font-size: 24px; width: 60%; text-align: center; margin: 0 auto; }
	
	#box  						{ font-family: 'Roboto Condensed', sans-serif; font-weight: 700; }
	#box h1 						{ margin-top: 30px; text-align: center; font-size: 28px; color: #000; margin: 30px 0 0 0; padding: 0; }
	#box #title-sep 				{ border: 2px solid #b01680; margin: 0 auto; margin-top: 5px; margin-bottom: 30px; width: 25%; }
	#box p 						{ font-family: 'Roboto Condensed', sans-serif; margin-top: 30px; font-weight: 400; font-size: 16px; color: #000; }
	#box .newsletter_field 		{ margin: 5px 0; }
	#box .newsletter_field label	{ display: block; width: 100%; margin: 0 0 5px 0; font-size: 18px; color: #000; }
	#box .newsletter_field input	{ font-family: 'Roboto Condensed', sans-serif; font-size: 19px; display: block; width: 100%; background: #f7f7f7; padding: 5px 0; }
	#box  #subscribe_newsmail	{ font-family: 'Roboto Condensed', sans-serif; font-weight: 700; display: block; width: 50%; background: #b01680; padding: 5px 0; margin: 30px auto; font-size: 16px; color: #fff; cursor: pointer; }
	#box  #subscribe_newsmail:hover	{ color: #b01680; background: #000; }
	
	@media screen and (max-width: 1140px){
		#newsletter 				 	{ height: 180px; }
		#newsletter .grid_6.form  	{ width: 60%; float: none; margin: 20px auto 0!important; }
		#newsletter .dotdot  			{ width: 60%; float: none; margin: 0 auto; margin-top: 20px; }
		.dotdot p					{ padding: 10px 0; }
		
	}
	@media screen and (max-width: 800px){
		#newsletter .grid_6.form  	{ width: 90%; }
		#newsletter .dotdot  			{ width: 90%; }
	}
	@media screen and (max-width: 500px){
		#newsletter .grid_6.form  	{ width: 95%; }
		#newsletter .dotdot  			{ width: 95%; }
		#newsletter form.infolettre input[type="email"]  { width: 55%; }
	}
	

	#projetsRecents{background-color:#8e8d8e; padding-bottom:30px;}
	#projetTitle{font-family: 'Roboto Condensed', sans-serif; font-weight:700; text-transform:uppercase; color:#FFF; font-size:1.2em; padding-top:15px; padding-bottom:15px;}
	.linkProjet div{box-shadow:0; transition: box-shadow 222ms ease;}
	.linkProjet:hover div{
		-webkit-box-shadow: inset 0px 0px 23px 2px rgba(0,0,0,0.75);
		-moz-box-shadow: inset 0px 0px 23px 2px rgba(0,0,0,0.75);
		box-shadow: inset 0px 0px 23px 2px rgba(0,0,0,0.75);
	}
	#portfolio{font-family: 'Roboto Condensed', sans-serif; font-weight:700; text-transform:uppercase; color:#FFF; font-size:1em; padding-bottom:15px; padding-top:4px; float:right; transition: color 222ms ease;}
		#portfolio:hover{color:#222;}

	@media screen and (max-width : 800px){
		div.newsBox{width:100%; min-height:auto; margin-bottom:15px;}
		.savoirPlus{padding-bottom:15px;}
		.padR{margin-left:0; margin-right:0;}
		.padLR{margin-left:0; margin-right:0;}
		.padL{margin-left:0; margin-right:0;}
	}
	@media screen and (max-width : 500px){
		.newsTitle{font-size:1.2em;}
	}
	@media screen and (max-width : 400px){
		.newsTitle{font-size:1em;}
	}

/* produit.php */
	#imgProduit{margin-bottom:15px;}
	.imgTOPproduits{width:100%; height:180px; background-repeat:no-repeat; background-position:center; background-size:cover;}

/* service.php */
	#imgService		{margin-bottom:15px;}
	#imgService>div 	{height: 200px; width: 100%; background-size: cover; background-position: center; }

/* propos qui sommes-nous */
	.imgProposQui{width:32%; position:absolute; top:0; bottom:0; background-repeat:no-repeat; background-position:center; background-size:cover;}

	@media screen and (max-width : 750px){
		.imgProposQui{position:static; height:250px; width:100%; margin-bottom:15px;}
	}

/* 404 */
.fourohfour { min-height: calc(100vh - 350px); }

/* propos equipe */
	#equipeTopMargin{margin-bottom:15px;}
	.teamMember{margin:30px 0px; padding:20px 0px; border-bottom:2px solid #CCC;}
	#imgTeamMember{width:150px; height:200px; background-repeat:no-repeat; background-position:center; background-size:cover; float:left; margin-right:15px; margin-bottom:10px;}
	.memberName{font-size:2em;}
	.memberTitle{font-size:1.6em; padding-bottom:15px;}
	#pageContent p.memberName,
	#pageContent p.memberTitle 	{ margin: 0; }
	

	@media screen and (max-width : 400px){
		#imgTeamMember{float:none;}
	}

/* porfolio */
	#projetsPF{margin-top:30px;}
	.itemPF{display:block; width:100%; height:150px; background-position:center; background-size:cover; box-sizing:border-box; overflow:hidden;}
	.itemHover{position:absolute; top:100%; background-color:rgba(0, 0, 0, 0.80); width:100%; text-align:center; transition: all 200ms ease-in;}
	.itemPF:hover .itemHover{top:70%;}
	.descItem{font-family: 'Roboto Condensed', sans-serif; color:#FFF; text-transform:uppercase; padding-top:10px; padding-bottom:40px;}

	.accordeon h2 { cursor: pointer; font-family: 'Roboto Condensed', sans-serif; color: #b01680; text-transform: uppercase; font-size: 24px; font-weight: 700; border-bottom: 2px solid #b01680; padding-bottom: 0; margin-bottom: 15px; }
	.accordeon h2 span { float: right; transition: all .3s ease; }
	.accordeon.active h2 span { transform: rotate(90deg); -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); }
	.accordeon h2+div { display: none; }	
	
	@media screen and (max-width : 600px){
		.itemHover{top:70%;}
	}

/* Témoignages */
	#temoignages .temoignage { margin-bottom: 30px; }
	#temoignages .temoignage .title { font-family: 'Roboto Condensed', sans-serif; color: #b01680; text-transform: uppercase; font-size: 18px; font-weight: 700; }
	#temoignages .temoignage .auteur { text-align: right; }
	
/* carriere Offre */
	.contOffre{padding:25px; padding-bottom:60px; border:2px solid #888; position:relative; margin-top:35px;}
	.titreOffre{font-family: 'Roboto Condensed', sans-serif; color:#b01680; font-size:1.6em; padding-bottom:15px;}
	#pageContent .titreOffre,
	#pageContent .titreOffre+p{margin-bottom: 0;}

	.postuler{display:inline-block; padding:8px 15px; float: right; margin-top: 35px; border:1px solid #666; text-transform:uppercase; color:#666; background-color:#FFF; transition: all 200ms ease-in;}
	.postuler:hover{color:#FFF; background-color:#666;}

/* carriere postuler */
	.wrapperPostuler{width:100%; max-width:650px; margin:0 auto;position:relative;}
	.titleForm{font-family: 'Roboto Condensed', sans-serif; color:#b01680; font-size:1.2em; padding-bottom:15px; padding-top:20px; text-transform:uppercase;}
	.miniTXT{text-align:right; font-size:0.6em; padding-top:3px;}
	#formPostuler label{display:block; text-align:right; color:#575756; padding-top:4px;}
	#formPostuler label.checkTXT{float: left;}
	#formPostuler label:before{content:'*'; color:#F7A912; font-size:0.8em; padding-right:2px; line-height:5px;}
	#formPostuler input[type="text"], #formPostuler input[type="email"], #formPostuler input#uploadFile, #formPostuler textarea, #formPostuler select{border:1px solid #9C9B9C; width:100%; box-sizing:border-box; padding:5px 10px ;}
	#formPostuler input[type="text"].file-upload-input{width: 65%;}
	button.file-upload-button { border:1px solid #9C9B9C; font-size:0.8em; padding:5px; width:30%; margin-left: 5%; background: #fff; cursor: pointer; position:relative; z-index:1;}
	@-moz-document url-prefix(){
		button.file-upload-button{font-size:0.8em;}
	}
	#formPostuler input[type="checkbox"]{margin-top:2px;}
	#formPostuler .renseignements input[type="checkbox"]{margin-top:2px;float:left;}
	#formPostuler input[type="submit"]{display:block; padding:8px 15px; border:1px solid #666;float:right; text-transform:uppercase; color:#FFF; background-color:#666; transition: all 200ms ease-in; margin-top:30px; cursor:pointer;}
	#formPostuler input[type="submit"]:hover{background-color:#b01680;}

	#formPostuler textarea{display:block; height:100px; }
	.renseignements p{margin-top:0px; padding-left:2px; padding-right:15px; display:block; float:left;}
	.renseignements label{padding-top:0px !important;}

	.noPadT{padding-top:0px !important;}
	#uploadFile{width:72% !important; overflow:hidden; display:inline-block;}
	.fileUpload {position: relative; overflow: hidden; border:1px solid #9C9B9C; font-size:0.8em; padding:6px; width:90px; cursor:pointer; display:inline-block; float:right;}
	.fileUpload input.upload {position: absolute; top: 0; right: 0; margin: 0; padding: 0; font-size: 20px; cursor: pointer; opacity: 0; filter: alpha(opacity=0);}
	.checkTXT{display:inline; padding-left:3px; padding-right:20px;}
	.ctrl_click{color:red; font-size:0.8em; position:relative; text-align:right; pointer-events:none;}
	.file

	@media screen and (max-width : 680px){
		.addPadding_680{width:98% !important;margin-left:auto !important;margin-right:auto !important;float:none !important;}
	}
	@media screen and (max-width : 600px){
		#formPostuler label, .miniTXT{text-align:left}
		#uploadFile{width:100% !important;}
		.fileUpload {float:left; margin-top:3px;}
	}
	/* zoneFTP */
	#ie 		{ }
	.none 	{ display: none;}
	.show 	{ display: block;}
	.wrapperFTP{width:100%; max-width:720px; margin:30px auto;position:relative;}
	.titleForm{font-family: 'Roboto Condensed', sans-serif; color:#b01680; font-size:1.2em; padding-bottom:15px; padding-top:20px; text-transform:uppercase;}
	.miniTXT{text-align:right; font-size:0.6em; padding-top:3px;}
	#formFTP p.miniTXT{margin-bottom: 0;}
	#formFTP label{display:block; text-align:right; color:#575756; padding-top:4px;}
	#formFTP label:before{content:'*'; color:#F7A912; font-size:0.8em; padding-right:2px; line-height:5px;}
	#formFTP label.not:before{content:''; }
	#formFTP input[type="text"], #formFTP input[type="email"], #formFTP input#uploadFile, #formFTP textarea, #formFTP select{ font-family: 'Roboto Condensed', sans-serif; border:1px solid #9C9B9C; width:100%; box-sizing:border-box; padding:5px 10px ;}
	#formFTP input[type="text"].file-upload-input{width: 65%;}
	#formFTP button.file-upload-button { margin-left: 0; float: right; width: 34%; height: 28px; }
	#formFTP input[type="checkbox"]{margin-top:2px;}
	#formFTP .renseignements input[type="checkbox"]{margin-top:2px;float:left;}
	#formFTP input[type="submit"]{display:block; padding:8px 15px; border:1px solid #666;float:right; text-transform:uppercase; color:#FFF; background-color:#666; transition: all 200ms ease-in; margin-top:30px; cursor:pointer;}
	#formFTP input[type="submit"]:hover{background-color:#b01680;}
	
	.bloc_upload_file_container{}
	.bloc_upload_file{position:relative;}
	.delete_bloc_upload_file{position:absolute; display:block; top:5px; right:-20px;}
	#add_another_file{background-color:#fff; box-sizing:border-box; font-size:0.8em; height:30px; padding:9px 0 5px 12px; border:1px solid #9C9B9C; color:#000; font-weight:normal; transition:all 0.3s; margin-bottom:25px;}
	#add_another_file:hover{background-color:#b01680; color:#fff; border-color:#b01680;}
	#add_another_file:after{content:"+"; font-size:1em; font-weight:bold; padding-left:10px;}
	
	#formFTP label.file-upload-button { border: 1px solid #9c9b9c; float: right; height: 25px; padding: 0 5px; line-height: 25px; }
	#formFTP label.file-upload-button:before { content: ''; }
	
	#formFTP textarea{display:block; height:100px; }
	.renseignements p{margin-top:0px; padding-left:2px; padding-right:15px; display:block; float:left;}
	.renseignements label{padding-top:0px !important;}
	.hide { display: none; }
	.noPadT{padding-top:0px !important;}
	#uploadFile{width:72% !important; overflow:hidden; display:inline-block;}
	.fileUpload {position: relative; overflow: hidden; border:1px solid #9C9B9C; font-size:0.8em; padding:6px; width:90px; cursor:pointer; display:inline-block; float:right;}
	.fileUpload input.upload {position: absolute; top: 0; right: 0; margin: 0; padding: 0; font-size: 20px; cursor: pointer; opacity: 0; filter: alpha(opacity=0);}
	.checkTXT{display:inline; padding-left:3px; padding-right:20px;}

	@media screen and (max-width : 680px){
	}
	@media screen and (max-width:750px){
		#formFTP {max-width:95%;}
		#formFTP label, .miniTXT{text-align:left}
		#uploadFile{width:100% !important;}
		.fileUpload {float:left; margin-top:3px;}
		.addPadding_680{width:98% !important;margin-left:auto !important;margin-right:auto !important;float:none !important;}
	}
	
	/* Connexion FTP */
	#connexionFTP { max-width: 480px; width: 100%; }
	#connexionFTP label{display:block; color:#575756; padding:10px 0;}
	#connexionFTP label:before{content:'*'; color:#F7A912; font-size:0.8em; padding-right:2px; line-height:5px;}
	#connexionFTP input[type="text"], #connexionFTP input[type="email"], #connexionFTP input#uploadFile, #connexionFTP textarea, #connexionFTP select{ font-family: 'Roboto Condensed', sans-serif; border:1px solid #9C9B9C; width:100%; box-sizing:border-box; padding:5px 10px ;}
	#connexionFTP input[type="submit"]{display:block; padding:8px 15px; border:1px solid #666;float:right; text-transform:uppercase; color:#FFF; background-color:#666; transition: all 200ms ease-in; margin-top:30px; cursor:pointer;}
	#connexionFTP input[type="submit"]:hover{background-color:#b01680;}
	
	.btnFTP { display: inline-block; float: none; margin: 30px 0 20px; padding: 10px 15px; border: 0; text-transform:uppercase; color:#FFF; background-color:#666; cursor: pointer; transition: all 200ms ease-in;}
	.btnFTP:hover { color: #fff; background-color: #b01680; }
	.btnFTP.fright { float: right; margin: 0; }
	
	@media screen and (max-width: 560px){
		.btnFTP.fright { float: none; margin: 0 0 20px; }
	}
	
	#pageContent .dossier { margin-bottom: 40px; }
	#pageContent .dossier .title { font-size: 22px; margin-bottom: 15px; padding-bottom: 5px; border-bottom: 1px solid #666;  }
	#pageContent .dossier p { margin-bottom: 10px; }
	#pageContent .dossier a { display: inline-block; padding: 10px 20px; color: #fff; background: #b01680; border: 1px solid #b01680; transition: all .4s ease; }
	#pageContent .dossier a:hover { color: #b01680; background: #fff; }
	
/* nous joindre */
	#imgHeaderNJ{width:100%; height:380px; background-image:url('../img/map.jpg'); background-position:center; background-size:cover; margin-bottom:30px;}

	#NJform{margin-top:30px;}
	#NJform label{display:block; text-align:right; color:#575756; padding-top:4px;}
	#NJform label:before{content:'*'; color:#F7A912; font-size:0.8em; padding-right:2px; line-height:5px;}
	#NJform input[type="text"], #NJform input[type="email"], #NJform input#uploadFile, #NJform textarea{ font-family: Arial, sans-serif; border:1px solid #9C9B9C; width:100%; box-sizing:border-box; padding:5px 10px ;}
	#NJform input[type="checkbox"]{margin-top:2px; float:left;}
	#NJform input[type="submit"]{display:block; padding:8px 15px; border:1px solid #666; float:right; text-transform:uppercase; color:#666; background-color:#FFF; transition: all 200ms ease-in; margin-top:15px; cursor:pointer;}
	#NJform input[type="submit"]:hover{color:#FFF; background-color:#666;}

	#NJform input[type="text"].file-upload-input { width: 69%; }
	#NJform button.file-upload-button { margin-left: 1%; }
	
	#infoNJ{padding-left:40px;}
	#infoNJ a{font-family: 'Roboto Condensed', sans-serif;; color:#575756;}
	#infoNJ a:hover{color:#b01680;}
	.pikachu{margin-top:30px;}

	@media screen and (max-width : 750px){
		#NJform label{float:left;}
		#infoNJ{padding-left:0px; text-align:center; padding-bottom:30px;}
		.hide_750{display:none;}
	}
	@media screen and (max-width : 450px){
		#NJform input[type="submit"]{float:none; margin:0 auto; margin-top:15px; color:#FFF; background-color:#666;}
	}

/* PLAN DU SITE */
	.sitemap_section .sitemap_titre { .mont700; font-size: 18px; padding: 0 0 5px 12px; border-bottom: 1px solid #b01680; margin: 0 0 10px 0; transition: all .2s ease; }
	.sitemap_section .sitemap_titre a { color: #575756; display: inline-block; margin: 0; .mont700; font-size: 18px; }
	.sitemap_section .sitemap_titre a:hover { color: #b01680; }
	#pageContent .sitemap_section ul  { list-style-type: disc; padding-left: 12px; /*list-style-position: inside;*/ list-style-image:url('../img/bulletSitemap.png'); }
	
	.sitemap_section a { .open400; font-size: 16px; color: #575756; margin: 0 0 10px 0px; transition: color .2s ease; }
	.sitemap_section a:hover { color: #b01680; }
	.sitemap_section#sysVille #ville { padding: 0 0 0 12px; }
	.sitemap_section#sysVille a { display: inline-block; margin: 0 0 10px 0; }
	@media screen and (max-width: 600px){
		.sitemap_section { margin-bottom: 20px; }
	}
	
/* Footer/bas.php */
	#footer{margin-top:30px;}
	#contenuFooter{width:100%; background-color:#b01680; padding-top:30px;}
	.footerMenuTitle,
	#ville h2 {font-family: 'Roboto Condensed', sans-serif; font-weight:700; border-bottom:3px solid #FFF; text-transform:uppercase; color:#FFF; font-size:1.1em; padding-left:12px; margin-bottom:5px;}
	.footerMenu{list-style-image:url('../img/bulletFooter.png'); padding-left:13px;}
	.footerMenu>li{padding-top:5px;}
	.footerMenu>li>a{font-family: 'Roboto Condensed', sans-serif; color:#FFF; transition: color 200ms ease; font-weight:normal;}
		.footerMenu>li>a:hover{color:#222;}
	.info{color:#FFF; margin-top:30px; transition: color 200ms ease;}
	a.info:hover{color:#222;}

	form.infolettre{}
	form.infolettre input{padding:10px 20px;}
	form.infolettre input.email{width:55%; transition: background-color 400ms ease;}
	form.infolettre input.email:focus{background-color:#222; color:#FFF;}
	form.infolettre input[type="submit"]{background-color:#FFF; color:#b01680; width:30%; float:right; cursor:pointer; transition: background-color 400ms ease;}
		form.infolettre input[type="submit"]:hover{background-color:#222; color:#FFF;}

	#footerBottomSection{margin-top:25px;}
	.dotdot{border:1px dashed #FFF; padding:5px; color:#FFF; margin-bottom:10px; text-align:center;}
	.dotdot p{font-size:28px; color: #fff; }
	.dotdot p span{font-size:16px;}
	#footer .dotdot:hover 	{ border: 1px dashed #b01680; background: #fff; }
	#footer .dotdot:hover p	{ color: #b01680; }
	
	
	#copyrights{width:100%; text-align:center; font-size:0.7em; padding-bottom:10px; padding-top:20px;}
	#copyrights p{color:#FFF};

	@media screen and (max-width : 900px){
		.footerMenuTitle{font-size:0.9em;}
		.footerMenu>li>a{font-size:0.7em;}
		.info{font-size:0.8em;}
	}
	@media screen and (max-width : 540px){
		#contenuFooter{padding-top:5px;}
		.hide_540{display:none;}
		.dotdot{margin-top:5px;}
	}
	@media screen and (max-width : 400px){
		.dotdot p{font-size:20px;}
		.dotdot p span{font-size:12px}
	}