/* Petite flèche pour menu avec sous-menu */
.menu_with_submenu { background-image:url('../images/arrow.png'); background-repeat:no-repeat; background-position:50% 90%; }

/* Drapeaux de la partie langue */
.flag_lang { position:relative; top:3px; margin-right:10px; }

/* Styles des titres */
.title {  color:#79c13c }
.title_subline { margin-top:10px; margin-bottom:20px; }

/* Taille font et espacement menu */
.sf-menu li a { font-size:15px; padding-left:26px; padding-right:26px; }

/* Texte menu couleur différente */
.menu_text_othercoclor { -webkit-filter: hue-rotate(-30deg); -moz-filter: hue-rotate(-30deg); -o-filter: hue-rotate(-30deg); -ms-filter: hue-rotate(-30deg); filter: hue-rotate(-30deg); }

/* Textes en gras */
.bold { font-weight:bold; /*color:black*/ }

/* Textes en italique */
.italic { font-style:italic; }

/* Style du texte */
.text { color:#666; font-size:16px; text-align:justify; line-height:25px; margin-top:0px }

/* Enlever la bordure des tableaux */
.no_border_table { border:none; }
.no_border_table td { border:none; }

/* Numéro de téléphone de même taille que le reste */
.contact-list a[href^="callto:"] { font-size: 16px; }

/* Images iOS & Android quand il y a les deux */
.download_image_system { position:relative; left:5px; top:-5px; }

/* Images iOS & Android quand il n'y en a qu'un seul */
.download_image_system_justone { position:relative; top:4px; }

/* Text en vert quand survol liens téléchargement header */
#download a:hover { color:#79c13c; }

/* Gros rectangles verts de l'accueil */
.banner { position:relative; top:30px; }
.banner_wr { margin-bottom:50px; }

/* Vidéo My eReport */
#video_myereport { height:657px; border-radius:10px; box-shadow: 8px 8px 14px #ccc; margin-top:40px; margin-bottom:10px; }
#video_launch { cursor:pointer; font-size:26px; }
#video_launch span { margin-left:10px; }

/* Gros blocs verts */
.greenblock { position: relative; margin-top: 30px; width: 25%; height: 358px; padding: 25px 29px 20px; float: left; color: #fff; background: #6bac35; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; vertical-align: bottom; -moz-transition: 0.3s all ease; -o-transition: 0.3s all ease; -webkit-transition: 0.3s all ease; transition: 0.3s all ease; border-radius: 20px; }
.greenblock [class*="fa-"] { font-size: 62px; line-height: 1; color: inherit; }
.greenblock [class*="fa-"] + h3 { margin-top: 17px; }

/* Rechercher un effet indésirable */
#search_input { border:solid 1px lightgrey; width:500px; height:50px; }
#search_button { top:-90px; left:470px; }

/* Texte du slide */
.slide { cursor:pointer; }
.slide_text { cursor:pointer; position:relative !important; left:100px !important; }
.slide_text:hover { color:grey; }

/* Flèches pour schéma vert */
.arrow_left { -ms-transform: rotate(20deg); -webkit-transform: rotate(20deg); transform: rotate(20deg); position:relative; top:-15px }
.arrow_right { -ms-transform: rotate(-20deg); -webkit-transform: rotate(-20deg); transform: rotate(-20deg); position:relative; top:-15px }

/* Map Europe */
#map-europe { position:relative; top:-40px; left:-280px !important; }
#map-france-departments { position:relative; top:-40px; left:-280px !important; }

/* Search message */
#search_message { display:none; float:left; border:solid 0px black; color:red; font-size:16px; position:relative; left:1px; top:-40px }

/* Défilement d'informations */
.info { float:left; z-index:1; position:relative; left:-10px; top:5px; height:0px; border:solid 0px }
.info li { display:none; }
.info li:first-child { margin-left:450px; }
.info li a { font-size:14px !important; color:#79c13c !important; }
.tickercontainer { background-color:transparent !important; border:solid 0px !important}
.tickercontainer .mask { width:1180px !important }

/*******************************/
/*    Responsive Web Design    */
/*******************************/
@media (max-width: 1399px)
{
	.slide_text { width:60% !important; font-size:42px !important; line-height:50px !important; }
}
@media (max-width: 1199px)
{
	.sf-menu li a { font-size:14px; padding-left:11px; padding-right:11px }	
	#video_section { margin-top:-300px !important; }
	#video_myereport { height:530px; }
	.banner li:hover { height:350px; box-shadow: 8px 8px 14px #ccc; }	
	.banner li:nth-child(1) { margin-left:120px; }
	.banner li:nth-child(2) { margin-left:80px; }
	.banner_wr { position:relative; top:30px; }
	.slide_text { width:60% !important; font-size:36px !important; line-height:50px !important; }
	#map-europe { left:-100px !important; }
	#map-france-departments { left:-100px !important; }
	.info li:first-child { margin-left:250px; }
	.tickercontainer .mask { width:950px !important }
}
@media (max-width: 979px)
{
	.sf-menu li a { font-size:11px; padding-left:10px; padding-right:10px }	
	#download { position:relative; left:-220px; top:20px; margin-bottom:70px; }
	#download_justone { position:relative; left:-220px; top:20px; margin-bottom:70px; }
	#video_section { margin-top:-280px !important; }
	#video_myereport { height:420px; }	
	.download_image_system { position:relative; left:5px !important; top:-5px !important; }
	.download_image_system_justone { position:relative; top:-5px !important; }
	.menu_with_submenu li a { font-size:13px !important; }
	.box { font-size:13px; }
	.contact-list a[href^="callto:"] { font-size: 13px; }
	.banner li:nth-child(1) { margin-left:40px; }
	.slide_text { left:60px !important; }
	#schema_visuel { display:none !important }
	#map-europe { left:0px !important; }
	#map-france-departments { left:0px !important; }
	#results_twitter { width:755px !important; }
	.info { top:-7px }
	.info li:first-child { margin-left:200px; }
	.tickercontainer { margin-left:-80px !important; width:930px !important }
	#space_between_header_menu { display:none }
}
@media (max-width: 767px)
{
	#download { position:relative; left:-60px; }
	#download_justone { position:relative; left:-60px; }
	#video_section { margin-top:-160px !important; }
	#video_myereport { height:235px; }
	.title { font-size:26px; }
	.banner { position:relative; top:-10px; }
	.flag_lang { top:0px; }
	.banner li:nth-child(1) { margin-top:-20px; margin-left:60px; }
	.banner li:nth-child(2) { margin-top:40px; margin-left:60px; }
	#search_input { width:420px; }
	#search_button { width:420px; top:10px; left:0px; }
	#search_section { margin-bottom:100px; }
	#search_results { position:relative; top:80px !important; }
	.slide_text { width:70% !important; font-size:26px !important; line-height:30px !important; left:70px !important; }
	#map-europe { display:none; }
	#map-france-departments { display:none !important; }
	#search_message { top:75px; left:1px; }
	#stuck_container { display:none }
	#results_twitter { width:450px !important; }
	.info { top:-28px }
	.info li:first-child { margin-left:50px; }
	.tickercontainer { margin-left:-150px !important; width:740px !important }
}
@media (max-width: 480px)
{
	#download { width:330px; }
	#download_justone { width:330px; left:30px; }
	.download_image_system_justone { position:relative; top:-5px !important; }
	#video_section { margin-top:-100px !important; }
	#video_myereport { height:155px; }
	#video_launch { font-size:16px; }
	#video_launch span { margin-left:0px; }
	.title { font-size:21px; }
	.banner li:nth-child(1) { margin-left:-30px; }
	.banner li:nth-child(2) { margin-left:-30px; }
	#table_download_apps_separation { display:none; }
	#subtext_access_online_form { margin-top:-10px !important; }
	#search_input { width:270px; }
	#search_button { width:270px; top:10px; left:0px; }
	.slide_text { width:80% !important; font-size:26px !important; line-height:30px !important; left:30px !important; }
	#results_twitter { width:270px !important; }
	.info li:first-child { margin-left:-250px; }
	.tickercontainer { margin-left:-90px !important; width:470px !important }
}