/*
 *	Author: Mobifreaks
 * 	Author URL: http://mobifreaks.com
 *	License: Creative Commons Attribution 3.0 Unported
 * 	License URl: http://creativecommons.org/licenses/by/3.0/
 * 	Attribution: <a href="http://mobifreaks.com/free-mobile-website-templates/galaxy-mobi/" title="Design By Mobifreaks.com">Design by Mobifreaks.com</a> or <a href="http://mobifreaks.com" title="Design By Mobifreaks.com">Design By Mobifreaks.com</a> 
 */
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,dl,dt,dd,ol,nav ul,nav li,fieldset,form,label,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{margin:0;padding:0;border:0;font-size:100%;font:inherit;}
article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section {display: block;}
ol,ul{list-style:none;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
table{border-collapse:collapse;border-spacing:0;}
/* start editing from here */
a{text-decoration:none;}
.txt-rt{text-align:right;}/* text align right */
.txt-lt{text-align:left;}/* text align left */
.txt-center{text-align:center;}/* text align center */
.justify{text-align: justify;}
.float-rt{float:right;}/* float right */
.float-lt{float:left;}/* float left */
.clear{clear:both;}/* clear float */
.display-block{display: block;}
.display-inline{display: inline;}
.display-inline-block{display: inline-block;}
.pos-relative{position:relative;}/* Position Relative */
.pos-absolute{position:absolute;}/* Position Absolute */
.vertical-base{	vertical-align:baseline;}/* vertical align baseline */
.vertical-top{	vertical-align:top;}/* vertical align top */
.vertical-middle{  vertical-align: middle;}
.vertical-bottom{  vertical-align: bottom;}
.underline{	padding-bottom:5px;	border-bottom: 1px solid #555; margin:0 0 20px 0;}/* Add 5px bottom padding and a underline */
.avert {color: red;}
.valid {color: green;}
.orange {color: rgb(255,165,0);}
.green {color: rgb(123,223,4);}
.white {color: white;}
.whiteBack {background-color: white;}
.white:hover{color: white;}
.greyNew {background-color: #333;}
.pointer {cursor: pointer;}
.help {cursor: help; margin: 0;}
.grey {color: #707065;}
.griser {opacity : 0.5;}
.un {background-color: rgba(255,215,0,0.8);}
.deux {background-color: rgba(128,128,128,0.8);}
.trois {background-color: rgba(178,115,0,0.8);}
.alt {background-color: rgba(60,171,53,0.1);}
.hidden {visibility: hidden;}
.add-link-bottom {margin-bottom: 10px;}
.logo-suppr{margin-left: 59px;}
.ombre-pastille{
    text-shadow: 1px 1px 2px #333;
}
.message-fin{
    font-size: 17px;
    margin-top: 20px;
    margin-bottom: 20px;
    color: #7F7F7F;
}
.light-btn {
    padding: 4px;
    background-color: lightgrey;
    border-radius: 5px;
}
.loader {

position : fixed;
z-index: 9999;
background : url('/medias/icon/loader.gif') 50% 50% no-repeat;
top : 0px;
left : 0px;
height : 100%;
width : 100%;
cursor : wait;
}

#image_pastille img{
    width:100%;
    max-width:100%;
}
#span_pitcheur{
    margin: 20px 0;
}

#desc_pitcheur p{
    font-size: 17px;
}




tr.button-theme{
		background: #ECECEC;
		border-radius: 15px;
		display: block;
		font-family: arial;
		font-weight: bold;
		color:#7f7f7f;
		text-decoration: none;
		text-shadow:0px 1px 0px #fff;
		border:1px solid #a7a7a7;
		margin:0 0 10px 0;
		box-shadow: 0px 2px 1px white inset, 0px -2px 8px white, 0px 2px 5px rgba(0, 0, 0, 0.1), 0px 8px 10px rgba(0, 0, 0, 0.1);
		-webkit-transition:box-shadow 0.5s;
	}
	tr.button-theme i{
		float: right;
		margin-top: 2px;
	}
	tr.button-theme:hover{
		box-shadow: 0px 2px 1px white inset, 0px -2px 20px white, 0px 2px 5px rgba(0, 0, 0, 0.1), 0px 8px 10px rgba(0, 0, 0, 0.1);
	}
	tr.button-theme:active{
		box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.5) inset, 0px -2px 20px white, 0px 1px 5px rgba(0, 0, 0, 0.1), 0px 2px 10px rgba(0, 0, 0, 0.1);
		background:-webkit-linear-gradient(top, #d1d1d1 0%,#ECECEC 100%);
	}

        div.button-valid{
		background: white;
                width: 70%;
		border-radius: 15px;
		display: block;
		font-family: arial;
		font-weight: bold;
		color:#3cab35;
		text-decoration: none;
		text-shadow:0px 1px 0px #fff;
		border:1px solid #3cab35;
		margin: 10px 0;
		box-shadow: 0px 2px 1px white inset, 0px -2px 8px white, 0px 2px 5px rgba(0, 0, 0, 0.1), 0px 8px 10px rgba(0, 0, 0, 0.1);
		-webkit-transition:box-shadow 0.5s;
                cursor: pointer;
	}
        
	div.button-valid i{
		float: right;
		margin-top: 2px;
	}
	div.button-valid:hover{
		box-shadow: 0px 2px 1px white inset, 0px -2px 20px white, 0px 2px 5px rgba(0, 0, 0, 0.1), 0px 8px 10px rgba(0, 0, 0, 0.1);
	}
	div.button-valid:active{
		box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.5) inset, 0px -2px 20px white, 0px 1px 5px rgba(0, 0, 0, 0.1), 0px 2px 10px rgba(0, 0, 0, 0.1);
		background:-webkit-linear-gradient(top, #d1d1d1 0%,#ECECEC 100%);
	}
        
        div.button-valid img{
            margin: 0;
        }

nav.vertical ul li{	display:block;}/* vertical menu */
nav.horizontal ul li{	display: inline-block;}/* horizontal menu */
img{max-width:96%;}
/*img[width],img[height]{width:auto;height:auto;} wordpress hack to reset the attributes (while making responsive) */
footer p{
    line-height: 15px;
}

#p_advert{
    padding: 20px 20px 40px 20px;
}

.a_demo_four {
        margin-top: 30px;
        border: none;
	background-color:#3bb3e0;
	font-size:20px;
	text-decoration:none;
	color:#fff;
	position:relative;
	padding:7px 20px;
	padding-right:50px;
	background-image: linear-gradient(bottom, rgb(48,136,42) 0%, rgb(60,162,53) 100%);
	background-image: -o-linear-gradient(bottom, rgb(48,136,42) 0%, rgb(60,162,53) 100%);
	background-image: -moz-linear-gradient(bottom, rgb(48,136,42) 0%, rgb(60,162,53) 100%);
	background-image: -webkit-linear-gradient(bottom, rgb(48,136,42) 0%, rgb(60,162,53) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(48,136,42) 0%, rgb(60,162,53) 100%);
	background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0, rgb(48,136,42)),
	color-stop(1, rgb(60,162,53))
	);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: inset 0px 1px 0px #3cab35, 0px 5px 0px 0px #2f6a15, 0px 10px 5px #999;
	-moz-box-shadow: inset 0px 1px 0px #3cab35, 0px 5px 0px 0px #2f6a15, 0px 10px 5px #999;
	-o-box-shadow: inset 0px 1px 0px #3cab35, 0px 5px 0px 0px #2f6a15, 0px 10px 5px #999;
	box-shadow: inset 0px 1px 0px #3cab35, 0px 5px 0px 0px #2f6a15, 0px 10px 5px #999;
}

.a_demo_four:active {
	top:3px;
	background-image: linear-gradient(bottom, rgb(60,162,53) 0%, rgb(48,136,42) 100%);
	background-image: -o-linear-gradient(bottom, rgb(60,162,53) 0%, rgb(48,136,42) 100%);
	background-image: -moz-linear-gradient(bottom, rgb(60,162,53) 0%, rgb(48,136,42) 100%);
	background-image: -webkit-linear-gradient(bottom, rgb(60,162,53) 0%, rgb(48,136,42) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(60,162,53) 0%, rgb(48,136,42) 100%);
	background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0, rgb(60,162,53)),
	color-stop(1, rgb(48,136,42))
	);
	-webkit-box-shadow: inset 0px 1px 0px #3cab35, 0px 2px 0px 0px #2f6a15, 0px 5px 3px #999;
	-moz-box-shadow: inset 0px 1px 0px #3cab35, 0px 2px 0px 0px #2f6a15, 0px 5px 3px #999;
	-o-box-shadow: inset 0px 1px 0px #3cab35, 0px 2px 0px 0px #2f6a15, 0px 5px 3px #999;
	box-shadow: inset 0px 1px 0px #3cab35, 0px 2px 0px 0px #2f6a15, 0px 5px 3px #999;
}

.a_demo_four::before {
	background-color:#297524;
	background-image:url(../../medias/icon/right_arrow.png);
	background-repeat:no-repeat;
	background-position:center center;
	content:"";
	width:20px;
	height:20px;
	position:absolute;
	right:15px;
	top:50%;
	margin-top:-9px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
	-webkit-box-shadow: inset 0px 1px 0px #1c3f0c, 0px 1px 0px #45c23c;
	-moz-box-shadow: inset 0px 1px 0px #1c3f0c, 0px 1px 0px #45c23c;
	-o-box-shadow: inset 0px 1px 0px #1c3f0c, 0px 1px 0px #45c23c;
	box-shadow: inset 0px 1px 0px #1c3f0c, 0px 1px 0px #45c23c;
}

.a_demo_four:active::before {
	top:50%;
	margin-top:-12px;
	-webkit-box-shadow: inset 0px 1px 0px #45c23c, 0px 3px 0px #24611f, 0px 6px 3px #36992f;
	-moz-box-shadow: inset 0px 1px 0px #45c23c, 0px 3px 0px #24611f, 0px 6px 3px #36992f;
	-o-box-shadow: inset 0px 1px 0px #45c23c, 0px 3px 0px #24611f, 0px 6px 3px #36992f;
	box-shadow: inset 0px 1px 0px #45c23c, 0px 3px 0px #24611f, 0px 6px 3px #36992f;
}

.a_demo_four_orange {
        margin-top: 30px;
        border: none;
	background-color:#e47c09;
	font-size:20px;
	text-decoration:none;
	color:#fff;
	position:relative;
	padding:7px 20px;
	padding-right:50px;
	background-image: linear-gradient(bottom, rgb(221,124,14) 0%, rgb(246,138,16) 100%);
	background-image: -o-linear-gradient(bottom, rgb(221,124,14) 0%, rgb(246,138,16) 100%);
	background-image: -moz-linear-gradient(bottom, rgb(221,124,14) 0%, rgb(246,138,16) 100%);
	background-image: -webkit-linear-gradient(bottom, rgb(221,124,14) 0%, rgb(246,138,16) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(221,124,14) 0%, rgb(246,138,16) 100%);
	background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0, rgb(221,124,14)),
	color-stop(1, rgb(246,138,16))
	);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: inset 0px 1px 0px #F79629, 0px 5px 0px 0px #b36107, 0px 10px 5px #999;
	-moz-box-shadow: inset 0px 1px 0px #F79629, 0px 5px 0px 0px #b36107, 0px 10px 5px #999;
	-o-box-shadow: inset 0px 1px 0px #F79629, 0px 5px 0px 0px #b36107, 0px 10px 5px #999;
	box-shadow: inset 0px 1px 0px #F79629, 0px 5px 0px 0px #b36107, 0px 10px 5px #999;
}

.a_demo_four_orange:active {
	top:3px;
	background-image: linear-gradient(bottom, rgb(246,138,16) 0%, rgb(221,124,14) 100%);
	background-image: -o-linear-gradient(bottom, rgb(246,138,16) 0%, rgb(221,124,14) 100%);
	background-image: -moz-linear-gradient(bottom, rgb(246,138,16) 0%, rgb(221,124,14) 100%);
	background-image: -webkit-linear-gradient(bottom, rgb(246,138,16) 0%, rgb(221,124,14) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(246,138,16) 0%, rgb(221,124,14) 100%);
	background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0, rgb(246,138,16)),
	color-stop(1, rgb(221,124,14))
	);
	-webkit-box-shadow: inset 0px 1px 0px #F79629, 0px 2px 0px 0px #b36107, 0px 5px 3px #999;
	-moz-box-shadow: inset 0px 1px 0px #F79629, 0px 2px 0px 0px #b36107, 0px 5px 3px #999;
	-o-box-shadow: inset 0px 1px 0px #F79629, 0px 2px 0px 0px #b36107, 0px 5px 3px #999;
	box-shadow: inset 0px 1px 0px #F79629, 0px 2px 0px 0px #b36107, 0px 5px 3px #999;
}

.a_demo_four_orange::before {
	background-color:#cf7008;
	background-image:url(../../medias/icon/right_arrow.png);
	background-repeat:no-repeat;
	background-position:center center;
	content:"";
	width:20px;
	height:20px;
	position:absolute;
	right:15px;
	top:50%;
	margin-top:-9px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
	-webkit-box-shadow: inset 0px 1px 0px #b36107, 0px 1px 0px #F79629;
	-moz-box-shadow: inset 0px 1px 0px #b36107, 0px 1px 0px #F79629;
	-o-box-shadow: inset 0px 1px 0px #b36107, 0px 1px 0px #F79629;
	box-shadow: inset 0px 1px 0px #b36107, 0px 1px 0px #F79629;
}

.a_demo_four_orange:active::before {
	top:50%;
	margin-top:-12px;
	-webkit-box-shadow: inset 0px 1px 0px #F79629, 0px 3px 0px #b36107, 0px 6px 3px #e47c09;
	-moz-box-shadow: inset 0px 1px 0px #F79629, 0px 3px 0px #b36107, 0px 6px 3px #e47c09;
	-o-box-shadow: inset 0px 1px 0px #F79629, 0px 3px 0px#b36107, 0px 6px 3px #e47c09;
	box-shadow: inset 0px 1px 0px #F79629, 0px 3px 0px #b36107, 0px 6px 3px #e47c09;
}

.a_demo_retour {
        margin-top: 30px;
        border: none;
	background-color:#3bb3e0;
	font-size:20px;
	text-decoration:none;
	color:#fff;
	position:relative;
	padding:7px 20px;
	padding-left:50px;
	background-image: linear-gradient(bottom, rgb(89,89,80) 0%, rgb(108,110,99) 100%);
	background-image: -o-linear-gradient(bottom, rgb(89,89,80) 0%, rgb(108,110,99) 100%);
	background-image: -moz-linear-gradient(bottom, rgb(89,89,80) 0%, rgb(108,110,993) 100%);
	background-image: -webkit-linear-gradient(bottom, rgb(89,89,80) 0%, rgb(108,110,99) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(89,89,80) 0%, rgb(108,110,99) 100%);
	background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0, rgb(89,89,80)),
	color-stop(1, rgb(108,110,99))
	);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: inset 0px 1px 0px #707065, 0px 5px 0px 0px #43433c, 0px 10px 5px #999;
	-moz-box-shadow: inset 0px 1px 0px #707065, 0px 5px 0px 0px #43433c, 0px 10px 5px #999;
	-o-box-shadow: inset 0px 1px 0px #707065, 0px 5px 0px 0px #43433c, 0px 10px 5px #999;
	box-shadow: inset 0px 1px 0px #707065, 0px 5px 0px 0px #43433c, 0px 10px 5px #999;
}

.a_demo_retour:active {
	top:3px;
	background-image: linear-gradient(bottom, rgb(108,110,99) 0%, rgb(89,89,80) 100%);
	background-image: -o-linear-gradient(bottom, rgb(108,110,99) 0%, rgb(89,89,80) 100%);
	background-image: -moz-linear-gradient(bottom, rgb(108,110,99) 0%, rgb(89,89,80) 100%);
	background-image: -webkit-linear-gradient(bottom, rgb(108,110,99) 0%, rgb(89,89,80) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(108,110,99) 0%, rgb(89,89,80) 100%);
	background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0, rgb(108,110,99)),
	color-stop(1, rgb(89,89,80))
	);
	-webkit-box-shadow: inset 0px 1px 0px #707065, 0px 2px 0px 0px #43433c, 0px 5px 3px #999;
	-moz-box-shadow: inset 0px 1px 0px #707065, 0px 2px 0px 0px #43433c, 0px 5px 3px #999;
	-o-box-shadow: inset 0px 1px 0px #707065, 0px 2px 0px 0px #43433c, 0px 5px 3px #999;
	box-shadow: inset 0px 1px 0px #707065, 0px 2px 0px 0px #43433c, 0px 5px 3px #999;
}

.a_demo_retour::before {
	background-color:#484841;
	background-image:url(../../medias/icon/left_arrow.png);
	background-repeat:no-repeat;
	background-position:center center;
	content:"";
	width:20px;
	height:20px;
	position:absolute;
	left:15px;
	top:50%;
	margin-top:-9px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
	-webkit-box-shadow: inset 0px 1px 0px #21211e, 0px 1px 0px #7d7d71;
	-moz-box-shadow: inset 0px 1px 0px #21211e, 0px 1px 0px #7d7d71;
	-o-box-shadow: inset 0px 1px 0px #21211e, 0px 1px 0px #7d7d71;
	box-shadow: inset 0px 1px 0px #21211e, 0px 1px 0px #7d7d71;
}

.a_demo_retour:active::before {
	top:50%;
	margin-top:-12px;
	-webkit-box-shadow: inset 0px 1px 0px #7d7d71, 0px 3px 0px #43433C, 0px 6px 3px #64645A;
	-moz-box-shadow: inset 0px 1px 0px #7d7d71, 0px 3px 0px #43433C, 0px 6px 3px #64645A;
	-o-box-shadow: inset 0px 1px 0px #7d7d71, 0px 3px 0px #43433C, 0px 6px 3px #64645A;
	box-shadow: inset 0px 1px 0px #7d7d71, 0px 3px 0px #43433C, 0px 6px 3px #64645A;
}



#navFront li{
    padding-top: 10px 0;
    width: 80px;
}

#spaceFront{
    line-height: 15px;
}

#header_event{
    background: white;
    color: #3CAB35;
    padding: 0 30px 0 30px;
}

#logo_evalpitch {
    margin-top: 20px;
}

#logo_evalpitch3 {
    width: 200px;
}

#logo_evalpitch2 {
    margin-top: 30px;
    margin-bottom: 20px;
    width: 250px;
}

#d_compteur {
        border-top: 25px #3cab35 solid;
	padding: 60px 0 60px 0;
}

#d_compteur img {
	margin-top: 60px;
}

#compteur {
	color: #707065;
}

#compteur span {
	font-size: 30px;
}

#icon_boutton{
    margin: 10px;
    padding: 5px;
    vertical-align: baseline;
}

#icon_bouttonFront{
    padding: 5px;
    vertical-align: baseline;
}

#icon_logout_portail{
    width: 44px;
    vertical-align: middle;
    float: right;
    position: relative;
}

#section_portail{
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

#header_titre_evals{
    height: 44px;
}

#erreur {
    color: red;
}

#div_loader{
    z-index: 9999;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(12, 12, 12, 0.8);
    position: fixed;
    left: 0;
}

#loader{
   left: 50%;
   top: 50%;
   position: absolute;
}

article{
	font-size:14px;
	color:#707065;
        background-color: white;
}
article,
article.underline{
	margin-bottom:0;
}
.underline:last-child{border-bottom:none;}
article img{
	margin:10px 0;
	padding:5px;
        vertical-align: top;
}
a{ color:#4dc5ff;}
a:hover, #contact a:hover{ color:#ffe04d;}

/* headings */
h1, h2, h3, h4, h5, h6{
	font-weight:bold;

}
h1,h2{line-height:24px;}
h1{
	font-size: 24px;
	margin:0 0 .2em 0;
}
h2{
	font-size: 20px;
}
h3{
	font-size: 16px;
	margin:0 0 .4em 0;
}
h4{
	font-size: 14px;
}
h5, h6{
	font-size: 12px;
}
h4, h5, h6{
	margin:0 0 .6em 0;	
}
/* paragraph */
p{
	line-height:26px;
	margin:0 0 16px 0;
}
/* TextFormatting */
strong, b {
	font-weight: bold;
}
i, cite, em, var, address, dfn {
	font-style: italic;
}
small {
	font-size: smaller;
}
del {
	text-decoration: line-through;
}
ins {
	text-decoration: underline;
}
sup {
	vertical-align: super;
}
sub {
	vertical-align: sub;
}
sub, sup{
	font-size: smaller;	
}
code, kbd, samp, pre, .pre-text {
font-family: monospace;
}
q{
	display:inline;
}
q:before {
content: open-quote;
}
q:after {
content: close-quote;
}
address{
	line-height: 22px;
	margin:0 0 16px 0;
}
abbr[title]{
	border-bottom:1px dotted #565656;
}
/* blcokquote */
blockquote{
	margin:16px 0 16px 40px;
}
/* pre */
pre, .pre-text{
	display: block;
	white-space: pre;
	margin: 1em 0px;
word-wrap: break-word;
}
/* HTMl lists */
ul,ol,dl{
	display: block;
	margin:1em 0 1em 0;
}
ul{
	list-style-type: disc;
        padding: 0;
}
ol{
	list-style-type: decimal;
}
li{
        list-style: none;
}
dt, dd{
	display: block;	
	margin:0 0 0.5em 0;
}
dt{
	font-weight: bold;
}
dd {
	margin-left: 2em;
}
form label{
	font-size:12px;
	margin-bottom: 0.4em;
}
form input[type=text],
form input[type=email],
form input[type=password]{
	//width:180px;
	
}
form input[type=text],
form input[type=email],
form input[type=time],
form input[type=number],
form input[type=password],textarea{
	-webkit-appearance:none;
	-moz-appearance:none;
}
form input[type="radio"]{
	position:relative;
	top:1px;
}
form div{
	margin:0 0 0.8em 0;
}
form textarea{
	height:80px;
}
.label-top label{
	display:block;
}
label.inline{
	display:inline-block;
}
form label span.red{
	color:#ff0000;
}
form input[type=submit],
form input[type=reset],
form input[type=button]{
	cursor: pointer;	
}

form input[type=text],
form input[type=email],
form input[type=time],
form input[type=number],
form input[type=password],
form textarea{
	padding:5px;
        margin: 1px;
}
html{
    height: 100%;
}
body{
	font-family: Arial, Helvetica, sans-serif;
	background:#333;
        position: relative;
}

#bodyNew{
        min-height: 100%;
}

#body_accueil{
    background-image: url(/medias/image/accueil31.png);
    background-size: 103.5%;
    background-repeat: no-repeat;
    background-position: 45.5% 0px;
}

#section_connexion{
    background-image: url(/medias/image/accueilConnFr.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 45.5% 0px;
    height: 100%;
}

#section_connexionEn{
    background-image: url(/medias/image/accueilConnEn.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 45.5% 0px;
    height: 100%;
}

#section_connexion, #section_connexionEn{
    padding: 80px 0;
}
a.map{
    height: 27%;
width: 21%;
position: absolute;
top: 36%;
left: 72%;
}
#container_accueil{
    margin: 10% 38.6% 0 38.6%;
    width: 23.31%;
    height: 672px;
    background: white;
    overflow-y: scroll;
}

header,
footer{
	background:#3CAB35;
        color:white;
}
#headerNew{
    background-color: #333
}
#logo_entete_conn{
    display: inline-block;
    width: 48%;
    vertical-align: middle;
}
#logo_entete_conn img{
    margin-left: 100px;
}
#flag_entete_conn{
    display: inline-block;
    width: 48%;
    text-align: right;
    vertical-align: middle;
}
#flag_entete_conn img{
    margin: 0 50px;
    cursor: pointer;
}
footer{
	padding:5px 20px 5px 20px;
	font-size:12px;
        position: relative;
}
footer p{
	margin:0;
}

.btn-import {
	-moz-box-shadow:inset 0px 1px 0px 0px #a4e271;
	-webkit-box-shadow:inset 0px 1px 0px 0px #a4e271;
	box-shadow:inset 0px 1px 0px 0px #a4e271;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #53C74B), color-stop(1, #3cab35));
	background:-moz-linear-gradient(top, #53C74B 5%, #3cab35 100%);
	background:-webkit-linear-gradient(top, #53C74B 5%, #3cab35 100%);
	background:-o-linear-gradient(top, #53C74B 5%, #3cab35 100%);
	background:-ms-linear-gradient(top, #53C74B 5%, #3cab35 100%);
	background:linear-gradient(to bottom, #53C74B 5%, #3cab35 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#53C74B', endColorstr='#3cab35',GradientType=0);
	background-color:#53C74B;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #3cab35;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:arial;
	font-size:15px;
	font-weight:bold;
        width: 105px;
	padding:5px 15px;
        margin: 3px 0;
	text-decoration:none;
	text-shadow:0px 1px 0px #528009;
}
.btn-import:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #3cab35), color-stop(1, #53C74B));
	background:-moz-linear-gradient(top, #3cab35 5%, #53C74B 100%);
	background:-webkit-linear-gradient(top, #3cab35 5%, #53C74B 100%);
	background:-o-linear-gradient(top, #3cab35 5%, #53C74B 100%);
	background:-ms-linear-gradient(top, #3cab35 5%, #53C74B 100%);
	background:linear-gradient(to bottom, #3cab35 5%, #53C74B 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#3cab35', endColorstr='#53C74B',GradientType=0);
	background-color:#3cab35;
}
.btn-import:active {
	position:relative;
	top:1px;
}

.logo{
	float:left;
	padding:10px 0;
}
.logo img{
	display:block;
}
.options{
	float:right;
}
.options ul{
	margin:0;
	padding:0;
}
.options li{
	float:left;
	background:url('images/options.png') no-repeat;
	width:60px;
	height:60px;
	display:inline-block;
	cursor:pointer;
	border-left:1px solid #444;
	text-indent:-1000em;
}
.options li.active,
.active{
	background-color:#1d1d1d;
}
.options li:first-child{
	background-position: 22px 20px;
}
.options li:last-child{
	background-position: -17px 20px;
}

.search-box{
	background:#5d5d5d;
	padding:5px;
}
.search-box input[type=text],
.search-box input[type=email],
.search-box input[type=time],
.search-box input[type=number],
.search-box input[type=text]:focus,
.search-box input[type=email]:focus,
.search-box input[type=time]:focus,
.search-box input[type=number]:focus{
	width:84%;
	background:rgba(0,0,0,0.3);
	color:#6d6d6d;
	border:none;
	-webkit-appearance: none;
	-webkit-border-radius:0;
	-moz-border-radius:0;
	border-radius:0;
}
.search-box input[type=text],
.search-box input[type=email],
.search-box input[type=time],
.search-box input[type=number],
.search-box input[type=submit],
.search-box input[type=reset]{
	float:left;
	height:20px;
	display:block;
	-webkit-appearance: none;
	-webkit-border-radius:0;
	-moz-border-radius:0;
	border-radius:0;	
}

.search-box input[type=submit],
.search-box input[type=reset]{
	width:40px;
	background:rgba(0,0,0,0.4);
	border:none;
	-webkit-appearance: none;
	color:#6d6d6d;
	font-size:16px;
	position:relative;
	height:30px;
	padding:0;
}
.search-box input[type=submit]:hover,
.search-box input[type=reset]:hover,
.search-box input[type=text]:hover,
.search-box input[type=time]:hover,
.search-box input[type=number]:hover,
.search-box input[type=email]:hover{
	background:rgba(0,0,0,0.6);
}
.content{
	padding:20px;
}

article h2 a{ font-weight:normal;}
/* nav */
.menu{
	border-top:1px solid #5d5d5d;
	background:#1d1d1d;
	padding:10px;
	z-index:100;
}
.menu a{
	color:#666;
	font-size:12px;
	line-height:30px;
	display:block;
}
.menu a:hover{
	color:#aaa;
}
.menu li{
	border-bottom:1px solid #444;
}
.menu li:last-child{
	border:none;
}

/* article */
/* Date */
.date{
	font-size:10px;
}
.date span{
	display:inline-block;
	padding:0 5px;
	background:#ffe04d;
	color:#333;
	-webkit-border-radius:.3em;
	   -moz-border-radius:.3em;
			border-radius:.3em;
	margin:0 10px 0 0;
	line-height:18px;
}

/* post content and preview styling */
.post-preview{
	float:left;
	width:58px;
	height:58px;
	padding:0 10px 0 0;
	border-right:1px solid #555;
}
.post-preview a,
.post-preview img{
display:block;
}
.post-preview img{
	margin:0;
	padding:5px;
	border:1px solid #333;
	background:#2d2d2d;
}
.post-content{
	float:left;
	width:72%;
	padding:0 0 0 10px;
}
.comments li{
	padding-bottom:30px;
}
.comments li p{
	margin-bottom:5px;
}

header h1 {
    padding: 8px 0;
}

#message_404{
    margin : 30px;
}

.div-pastille {
    display: inline-block;
    width: 49%;
    text-align: center;
    padding: 20px 0;
}

.roundedImage{
    display: inline-block;
    overflow:hidden;
    -webkit-border-radius:70px;
    -moz-border-radius:70px;
    border-radius:70px;
    width: 135px;
    height: 135px;
    padding: 0;
    margin: 5px;
}

.roundedImagePopup{
    display: inline-block;
    overflow:hidden;
    -webkit-border-radius:70px;
    -moz-border-radius:70px;
    border-radius:70px;
    width: 80px;
    height: 80px;
    padding: 0;
    margin: 0px;
}

.pastille-nom{
    color: #707065;
    font-weight: bold;
}

#f_connexion {
    //margin: 77px;
}
.a-connexion-event, .a-connexion-event-bas{
    background-color: rgba(0,0,0,0.3);
    width: 400px;
    height: 250px;
    color: #FFF;
    margin-bottom: 80px;

}
.p-connexion{
    line-height: 38px;
    font-size: 28px;
    padding-top: 25px;
    text-shadow: 2px 2px 2px #333;
}
#txt_conn{
    font-size: 22px;
    text-shadow: 2px 2px 2px #333;
}
#code_conn{
    width: 100px;
    height: 25px;
}
#bandeau p {
    color:#707065;
}

#logo_entete{
    padding: 5px
}

section header{
    margin: 10px 0;
}

nav li { 
    display : inline-block;
    padding-top: 15px;
}

nav ul {
    list-style-type : none;
    background-color: white;
}

nav a {
    font-size: 12px;
}

nav li:hover{
    font-weight: bold;
}

.nav-actif{
    font-weight: bold;
}

#logo_event{
    margin-right: 15px;
    margin-bottom: .4em;
}

#t_pitcheur{
    display: table;
    width: 95%;
}

#t_pitcheur td{
    padding: 8px;
}


#a_pitcheur button, #t_pitcheur tr{
    cursor: pointer;
}

#t_pitcheur tr{
    display: block;
}

#logo_pitcheur{
        width: 150px;
}

#td_logo_pitcheur{

    width: 30%;
}

#a_pitcheur .logo_opacity, #pitcheur img, .acces_pastille {
   opacity: 0.3;
   filter:alpha(opacity=30);
}
#liste_pitcheur {
    padding: 0;
    margin: 0;
    display: inline;
    border-bottom: 2px solid #3CAB35;
}

#tab_pitcheur {
    padding: 0;
    margin: 0;
    border-bottom: 2px solid #3CAB35;
}
.nb_prono{
        width: 80px;
        height: 30px;
        margin: 10px 0;
        text-align: center;
        font-size: 20px;
        font-weight: bold;
        border-color: grey;
}
.span_prono{
    font-weight: bold;
    padding: 10px;
}
.typeAvis{
    height: 215px;
}

.typeMulti{
    height: 173px;
}

.typeSmiley, .typeLike{
    height: 255px;
}

#liste_pitcheur li, #liste_pitcheur tr, #tab_pitcheur tr {
    border-bottom: 2px solid #3CAB35;
}

#liste_pitcheur tr:last-child{
    border-bottom: 0;
}

#liste_pitcheur li:first-child{
    border-top: 2px solid #3CAB35;
}

#liste_sans_ajout:last-child{
    border-bottom: 0px;
}

#liste_pitcheur_note li {
    display: inline-block;
    margin: 5px 5px;
    
}



#liste_pitcheur span, #tab_pitcheur span{
    font-size: 24px;
    color: #707065;
    font-weight: bold;
    display: block;
}

#liste_pitcheur a, #liste_pitcheur_note a, #tab_pitcheur a{
    background-color: rgb(255, 255, 255);
    font-size: 24px;
    color: #707065;
    font-weight: bold;
    display: block;
    padding: 10px;
    cursor: pointer;
}

.pos-classement{
    width: 100px;
}

#a_questionnaire header {
    margin-bottom: 0;
    padding: 10px;
}


#a_questionnaire h2 {
    font-size: 28px;
    line-height: 28px;
}

#a_merci p {
    border-top: 5px solid;
    font-size: 18px;
    margin-top: 20px;
    padding-top: 15px;
}

#a_merci button {
    margin-bottom: 15px;
    cursor: pointer;
}

.ta_commentaire, #ta_reponse{
    margin-top: 7px;
    width: 300px;
    height: 80px;
}

#ta_ident, .ta_commentaire_mail_tel{
    margin-top: 7px;
    width: 300px;
    height: 40px;
}

#envoie_commentaire{
    display: block;
}


#logo_a2jv{
    margin-bottom: 45px;
}

#logo_a2jv2{
    margin-top: 60px;
}

#footer, #footer_conn{
    padding: 15px;
}

#footer_conn{
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
}

#img_smiley{
    padding: 0;
    margin: 0;
}

#div_comment{
    width: 600px;
    height: 450px;
    margin: 0 40px;
    padding: 10px;
    overflow-y:auto;
}

#comment{
    vertical-align: middle;
    margin-left: 5px;
}

.smiley{
    width: 50px;
    height: auto;
}

#navi{
    font-size: 11px;
}

.modernButton:focus {
    outline:0;
}
.modernButton {
    display: inline-block;
    border: none;
    border-radius: 4px;
    padding: 10px 15px;
    background-color: #3CAB35;
    color: #ffffff;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    transition: background-color 0.3s ease;
}
.modernButton:hover {
    background-color: #62ED32;
}


@media all and (min-width:1601px) and (max-width:1680px){
    #body_accueil{
        background-size: 112.6%;
    }
    #container_accueil{
        height: 634px;
        margin: 10.9% 38.6% 0 38%;
        width: 25.31%;
    }
    #logo_evalpitch2 {
        margin-top: 30px;
        margin-bottom: 15px;
    }
    #d_compteur {
        padding: 45px 0 45px 0;
    }
    #logo_a2jv {
        margin-bottom: 25px;
    }
    #footer {
        padding: 5px;
        font-size: 11px;
    }
    #footer p{
        line-height: 12px;
    }
    #t_pitcheur tbody {
        height: 275px;
    }
    #logo_entete {
        padding: 5px;
        width: 105px;
    }
    .typeAvis{
        height: 215px;
    }

    .typeMulti{
        height: 170px;
    }

    .typeSmiley, .typeLike{
        height: 245px;
    }
    #a_questionnaire img{
        margin: 3px;
    }
}

@media all and (min-width:1441px) and (max-width:1600px){
    #body_accueil{
        background-size: 100.5%;
    }
    #container_accueil{
        height: 540px;
        margin: 9.7% 38.6% 0 38.78%;
        width: 22.6%;
    }
    #logo_evalpitch2 {
        margin-top: 20px;
        margin-bottom: 10px;
        width: 150px;
    }
    #logo_evalpitch3 {
        margin-top: 20px;
        margin-bottom: 10px;
        width: 215px;
    }
    #d_compteur {
        border-top: 15px #3cab35 solid;
        padding: 33px 0 33px 0;
    }
    #p_advert{
        font-size: 14px;
    }
    #logo_a2jv {
        margin-bottom: 20px;
    }
    #footer {
        padding: 5px;
        font-size: 11px;
    }
    #footer p{
        line-height: 12px;
    }
    #t_pitcheur tbody {
        height: 228px;
    }
    #logo_entete {
        padding: 5px;
        width: 80px;
    }
    #a_questionnaire header {
        margin-bottom: 0;
        padding: 2px;
    }
    #a_questionnaire h2 {
        font-size: 25px;
    }
    .typeAvis{
        height: 205px;
    }

    .typeMulti{
        height: 164px;
    }

    .typeSmiley, .typeLike{
        height: 238px;
    }
    #a_questionnaire img{
        margin: 3px;
    }
}

@media all and (min-width:1367px) and (max-width:1440px){
    #body_accueil{
        background-size: 110.5%;
    }
    #container_accueil{
        height: 532px;
        margin: 10.7% 38.6% 0 38.2%;
        width: 24.8%;
    }
    #logo_evalpitch2 {
        width: 215px;
        margin-top: 15px;
        margin-bottom: 5px;
    }
    #logo_evalpitch3 {
        width: 150px;
        margin-top: 15px;
        margin-bottom: 5px;
    }
    #d_compteur {
        border-top: 15px #3cab35 solid;
        padding: 33px 0 33px 0;
    }
    #d_compteur img {
        margin-top: 50px;
        width: 35%;
    }
    #p_advert{
        font-size: 14px;
    }
    #logo_a2jv {
        width: 110px;
        margin-bottom: 20px;
    }
    #footer {
        padding: 2px;
        font-size: 10px;
    }
    #footer p{
        line-height: 11px;
    }
    #t_pitcheur tbody {
        height: 190px;
    }
    #logo_entete {
        padding: 5px;
        width: 75px;
    }
    #a_questionnaire header {
        margin-bottom: 0;
        padding: 4px;
        line-height: 9px;
    }
    #liste_pitcheur a, #liste_pitcheur_note a, #tab_pitcheur a {
        font-size: 18px;
    }
    #a_questionnaire h2 {
        font-size: 23px;
    }
    .typeAvis{
        height: 180px;
    }

    .typeMulti{
        height: 140px;
    }

    .typeSmiley, .typeLike{
        height: 194px;
    }
    #a_questionnaire img{
        margin: 0px;
    }
}

@media all and (min-width:1281px) and (max-width:1366px){
    #body_accueil{
        background-size: 100%;
    }
    #container_accueil{
        height: 455px;
        margin: 9.6% 38.6% 0 38.83%;
        width: 22.5%;
    }
    header h1 {
        padding: 3px 0;
    }
    h1 {
        font-size: 20px;
    }
    h2 {
        font-size: 17px;
    }
    h2 {
        line-height: 22px;
    }
    #icon_logout_portail{
        width: 34px;
    }
    #header_titre_evals{
        height: 34px;
    }
    #logo_evalpitch2 {
        width: 180px;
        margin-top: 15px;
        margin-bottom: 5px;
    }
    #logo_evalpitch3 {
        width: 115px;
        margin-top: 15px;
        margin-bottom: 5px;
    }
    #d_compteur {
        border-top: 15px #3cab35 solid;
        padding: 25px 0 25px 0;
    }
    #d_compteur img {
        margin-top: 50px;
        width: 35%;
    }
    #p_advert{
        font-size: 14px;
        line-height: 20px;
    }
    #icon_boutton {
        width: 20px;
        margin: 8px;
    }
    #icon_bouttonFront{
    width: 20px;
}
    #logo_a2jv {
        width: 100px;
        margin-bottom: 20px;
    }
    #footer {
        padding: 2px;
        font-size: 10px;
    }
    #footer p{
        line-height: 11px;
    }
    #t_pitcheur tbody {
        height: 198px;
    }
    #t_pitcheur td{
        padding: 3px;
    }
    #t_pitcheur img {
        height: 85%;
    }
    #navFront li {
        width: 55px;
        padding: 10px 5px 5px 5px;
    }
    #logo_entete {
        padding: 5px;
        width: 75px;
    }
    #a_questionnaire header {
        margin-bottom: 0;
        padding: 4px;
        line-height: 9px;
    }
    #liste_pitcheur a, #liste_pitcheur_note a, #tab_pitcheur a {
        font-size: 16px;
    }
    #a_questionnaire h2 {
        font-size: 22px;
    }
    .typeAvis{
        height: 180px;
    }

    .typeMulti{
        height: 145px;
    }

    .typeSmiley, .typeLike{
        height: 197px;
    }
    #a_questionnaire img{
        margin: 0px;
    }
    p {
        line-height: 15px;
        margin: 0px 0 5px 0;
    }
}

@media all and (min-width:1025px) and (max-width:1280px){
    #body_accueil{
        background-size: 109%;
    }
    #container_accueil{
        margin: 10.5% 38.6% 0 38.2%;
        width: 24.5%;
        height: 468px;
    }
    header h1 {
        padding: 3px 0;
    }
    h1 {
        font-size: 20px;
    }
    h2 {
        font-size: 17px;
    }
    h2 {
        line-height: 22px;
    }
    #icon_logout_portail{
        width: 34px;
    }
    #header_titre_evals{
        height: 34px;
    }
    #logo_evalpitch2 {
        width: 180px;
        margin-top: 10px;
        margin-bottom: 0px;
    }
    #logo_evalpitch3 {
        width: 115px;
        margin-top: 10px;
        margin-bottom: 0px;
    }
    #d_compteur {
        border-top: 15px #3cab35 solid;
        padding: 25px 0 25px 0;
    }
    #d_compteur img {
        margin-top: 45px;
        width: 35%;
    }
    #p_advert{
        font-size: 14px;
        line-height: 20px;
    }
    #tb_code{
        width: 60px;
        height: 10px;
    }
    #icon_boutton {
        width: 20px;
        margin: 8px;
    }
    #icon_bouttonFront{
    width: 20px;
}
    #logo_a2jv {
        width: 85px;
        margin-bottom: 20px;
    }
    #footer {
        padding: 2px;
        font-size: 10px;
    }
    #footer p{
        line-height: 11px;
    }
    #t_pitcheur tbody {
        height: 190px;
    }
    #t_pitcheur td{
        padding: 3px;
    }
    #t_pitcheur img {
        height: 85%;
    }
    #navFront li {
        width: 45px;
        padding: 10px 5px 5px 5px;
    }
    #spaceFront {
        line-height: 12px;
    }
    section header {
        margin: 9px 0;
    }
    #logo_entete {
        padding: 0px;
        width: 72px;
    }
    #a_questionnaire header {
        margin-bottom: 0;
        padding: 3px;
        line-height: 9px;
    }
    #liste_pitcheur a, #liste_pitcheur_note a, #tab_pitcheur a {
        font-size: 15px;
        padding: 8px;
    }
    #a_questionnaire h2 {
        font-size: 21px;
    }
    .typeAvis{
        height: 172px;
    }

    .typeMulti{
        height: 138px;
    }

    .typeSmiley, .typeLike{
        height: 190px;
    }
    #a_questionnaire img{
        margin: 0px;
    }
    p {
        line-height: 15px;
        margin: 0px 0 5px 0;
    }
    #ta_commentaire, #ta_reponse, #ta_ident {
        width: 270px;
    }
}

@media all and (min-width:900px) and (max-width:1024px){
    #body_accueil{
        background-size: 130%;
    }
    #container_accueil{
          margin: 12.5% 38.6% 0 36.8%;
          width: 29.3%;
          height: 444px;
    }
    header h1 {
        padding: 3px 0;
    }
    h1 {
        font-size: 20px;
    }
    h2 {
        font-size: 17px;
    }
    h2 {
        line-height: 22px;
    }
    #icon_logout_portail{
        width: 34px;
    }
    #header_titre_evals{
        height: 34px;
    }
    #logo_evalpitch2 {
        width: 170px;
        margin-top: 10px;
        margin-bottom: 0px;
    }
    #logo_evalpitch3 {
        width: 110px;
        margin-top: 10px;
        margin-bottom: 0px;
    }
    #d_compteur {
        border-top: 15px #3cab35 solid;
        padding: 25px 0 25px 0;
    }
    #d_compteur img {
        margin-top: 45px;
        width: 35%;
    }
    #p_advert{
        font-size: 14px;
        line-height: 20px;
    }
    #tb_code{
        width: 60px;
        height: 10px;
    }
    #icon_boutton {
        width: 20px;
        margin: 8px;
    }
    #icon_bouttonFront{
    width: 20px;
}
    #logo_a2jv {
        width: 85px;
        margin-bottom: 20px;
    }
    #footer {
        padding: 2px;
        font-size: 10px;
    }
    #footer p{
        line-height: 11px;
    }
    #t_pitcheur tbody {
        height: 190px;
    }
    #t_pitcheur td{
        padding: 3px;
    }
    #t_pitcheur img {
        height: 85%;
    }
    #navFront li {
        width: 45px;
        padding: 10px 5px 5px 5px;
    }
    #spaceFront {
        line-height: 12px;
    }
    section header {
        margin: 9px 0;
    }
    #logo_entete {
        padding: 0px;
        width: 72px;
    }
    #a_questionnaire header {
        margin-bottom: 0;
        padding: 3px;
        line-height: 9px;
    }
    #liste_pitcheur a, #liste_pitcheur_note a, #tab_pitcheur a {
        font-size: 15px;
        padding: 8px;
    }
    #a_questionnaire h2 {
        font-size: 21px;
    }
    .typeAvis{
        height: 172px;
    }

    .typeMulti{
        height: 138px;
    }

    .typeSmiley, .typeLike{
        height: 190px;
    }
    #a_questionnaire img{
        margin: 0px;
    }
    p {
        line-height: 15px;
        margin: 0px 0 5px 0;
    }
    #ta_commentaire, #ta_reponse, #ta_ident {
        width: 270px;
    }
}