body
{
	font-family: 'lucida grande',tahoma,verdana,arial,sans-serif;
	font-size: 90%;
    background: url('background.jpg');
	color: #33333;
	background-color: #D3D8E8;
	line-height: 1.28;
	width:100%;
	height:100%;
}


#select{
	border: 1px solid #ffffff;
	background-color: #2779B8;
	color: #ffffff;
	font-size: 15px;
	padding: 2px;
	margin-left: 13px;
}

#select:hover{
	background-color: #ffffff;
	color: #2779B8;
	font-size: 15px;
	border: 1px solid #2779B8;
}

#sign input {
    marg-sizein-left: 2px;
    font-family: 'lucida grande',tahoma,verdana,arial,sans-serif;
    font-size: 15px;
    padding: 5px 8px;
	
}

#sign input[type = "email"]{
	width:250px;
	margin-right:20px;
}

#sign input[type = "password"]{
	width:250px;
	margin-right:8px;
}

.checkboxes label
{
    display: block;
    float: left;
    padding-right: 10px;
    white-space: nowrap;
}

.checkboxes input
{
    vertical-align: middle;
}

.checkboxes label span
{
    vertical-align: middle;
}

.checkbox{
	padding:5px;
}
h1, h2
{
	font-size: 1.5em;
	font-weight: normal;
	color:#333;
	margin-left: 5px;
}

h2
{
	font-size: 1.3em;
}

legend
{
	font-weight: bold;
	color: #333;	
}

.h3{
    color: #FF0000;
    padding-top: 10px;
}

li{
    font-family: 'lucida grande',tahoma,verdana,arial,sans-serif;
    font-size:15px; 
}

.mdpo{
	font-size:80%;
}
a {
	font-size:18px;
	color:#EBEBEB;
	text-decoration:none;
}
a:link {
	font-size:18px;
	color:#EBEBEB;
	text-decoration:none;
}
a:visited {
	font-size:18px;
	color:#EBEBEB;
	text-decoration:none;
}
a:hover {
	font-size:18px;
	color:#5882FA;
	text-decoration:none;
}

#sign tbody td{
	magin-left: 10px;
}


.inup{
    
    float: left;
    font-family: 'lucida grande',tahoma,verdana,arial,sans-serif;
    font-size: 15px;
    margin-right: 5px;
    padding: 5px 8px;
    width:  320px;
    border: 1px solid #CCCCCC;
 
}


.inupname{
    border: 1px solid #CCCCCC;
    float: left;
    font-family: 'lucida grande',tahoma,verdana,arial,sans-serif;
    font-size: 15px;
    margin-right: 5px;
    padding: 5px 8px;
    width:  149px;
  
   
}


select{
	width: 120px;
    border-color: #BDC7D8;
	padding: 5px 8px;
    border: 1px solid #CCCCCC;
    font-family: 'lucida grande',tahoma,verdana,arial,sans-serif;
    font-size: 18px;
    width: 150px;
}

.ins{
	font-size: 36px;
	color:#141823;
	border-color: #BDC7D8;
	margin-left: 220px;
	margin-bottom: 50px;
	
}

select option{
	font-size: 15px;
}

#connexion{
	margin-left: 5px;
	background-image: linear-gradient(to top, #368c0e 0%, #9FE051 79%);
    border: 1px solid #68A61E;
    box-shadow: 0 3px 0 -2px #C8ED9C inset, 0 2px 0 #3B6B02, 0 3px 5px rgba(0, 0, 0, 0.5);
    font-family: 'lucida grande',tahoma,verdana,arial,sans-serif;
    font-size:16px;
	
	cursor:pointer;
}


#connexion {
	-moz-box-shadow: 0px 1px 0px 0px #f0f7fa;
	-webkit-box-shadow: 0px 1px 0px 0px #f0f7fa;
	
	
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#33bdef', endColorstr='#019ad2',GradientType=0);
	background-color:#33bdef;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #057fd0;
	display:inline-block;
	cursor:pointer;
	color:black;
	font-family:arial;
	font-size:15px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	
}
#connexion:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #019ad2), color-stop(1, #33bdef));
	background:-moz-linear-gradient(top, #019ad2 5%, #33bdef 100%);
	background:-webkit-linear-gradient(top, #019ad2 5%, #33bdef 100%);
	background:-o-linear-gradient(top, #019ad2 5%, #33bdef 100%);
	background:-ms-linear-gradient(top, #019ad2 5%, #33bdef 100%);
	background:linear-gradient(to bottom, #019ad2 5%, #33bdef 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#019ad2', endColorstr='#33bdef',GradientType=0);
	background-color:#019ad2;
	color: #ffffff;
}
#connexion:active {
	position:relative;
	top:1px;
}


.signin{
	background: linear-gradient(to bottom, #2779B8 0%, #86BDE8 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
	width: 99%;   
    padding: 10px 10px 20px 10px;
	 height: 80px;
}

#formsignin{

	position:absolute;
	top:2%;
	left:30%
}

.text{
	color:#98A9CA;
}


.signup {
	
	
	margin-top:2%;
	margin-left:30%
}


#up{
	display: inline-block;
    float: left;
     margin: 5px 5px 15px;
    width: 650px;
    
}

.ocom{
	 background-image: linear-gradient(to top, #66A31C 0%, #9FE051 79%);
    border: 1px solid #68A61E;
    box-shadow: 0 3px 0 -2px #C8ED9C inset, 0 2px 0 #3B6B02, 0 3px 5px rgba(0, 0, 0, 0.5);
    font-size: 16px;
    font-family: 'lucida grande',tahoma,verdana,arial,sans-serif;
    margin-top:10px;
	cursor:pointer;
}


.ocom {
	-moz-box-shadow: 0px 1px 0px 0px #f0f7fa;
	-webkit-box-shadow: 0px 1px 0px 0px #f0f7fa;
	
	
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#33bdef', endColorstr='#019ad2',GradientType=0);
	background-color:#33bdef;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #9FE051;
	display:inline-block;
	cursor:pointer;
	color:black;
	
	font-size:15px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	
}
.ocom:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #019ad2), color-stop(1, #33bdef));
	background:-moz-linear-gradient(top, #019ad2 5%, #33bdef 100%);
	background:-webkit-linear-gradient(top, #019ad2 5%, #33bdef 100%);
	background:-o-linear-gradient(top, #019ad2 5%, #33bdef 100%);
	background:-ms-linear-gradient(top, #019ad2 5%, #33bdef 100%);
	background:linear-gradient(to bottom, #019ad2 5%, #33bdef 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#019ad2', endColorstr='#33bdef',GradientType=0);
	background-color:#019ad2;
	color:#ffffff;
}
.ocom:active {
	position:relative;
	top:1px;
}


#nom_choise{
	border: 1px solid #33333;
}

#filedrag
{
	border: 2px dashed #333;
    border-radius: 7px;
    color: #555555;
    cursor: default;
    display: block;
    font-weight: bold;
    height: 200px;
    margin: 1em 0;
    padding: 1em 0;
    text-align: center;
    width: 600px;
	margin-left:10px;
}

#filedrag.hover
{
	color: #f00;
	border-color: #f00;
	border-style: solid;
	box-shadow: inset 0 3px 4px #888;
}

#filedrag.hover:before
{
	content: "Déposez vos fichiers ici";
	color:#FFFFFF;
	font-size: 24px;
	font-family:Arial;
	text-align:center;
	vertical-align:middle;
}

img
{
	max-width: 100%;
}

pre
{
	width: 95%;
	height: 8em;
	font-family: monospace;
	font-size: 0.9em;
	padding: 1px 2px;
	margin: 0 0 1em auto;
	border: 1px inset #666;
	background-color: #eee;
	overflow: auto;
}

#progress{
	 float: left;
    margin-left: 55px;
    margin-top: 20px;
    width: 100%;
}

.filename{
	margin-left: 2px;
	font-size: 16px;
	font-family: Arial;
	font-weight: bold;
	color:#303030;
	text-align:center;
	vertical-align:middle;
	padding-top:5px;
}

.filenamesucces{

	margin-left: 2px;
	font-size: 16px;
	font-family: Arial;
	font-weight: bold;
	color:#303030;
	text-align:center;
	vertical-align:middle;
	padding-top:5px;
}

.probar{
	width: 810px;
	border:2px solid #C0C0C0;
	background-color: #F5F5F5;
	padding-left:2px;
	display:inline-block;
	height: auto;
	margin-top:5px;
	padding:5px;
}

.pro{
	float:right; 
	display:inline-block;
	margin-top:2.5px;
}

.bar{
	margin-right: 15px;   
	color:blue;
	border: 1px solid #1155CC;
	width: 150px;
	
	display:inline-block;
}
 
.pour{
	color: #1155CC;
	margin-right: 10px;
	font-weight: bold;
	width: 50px;
	display:inline-block;
} 

.close{
	margin-left: 20px;
	color: #303030 ;
    cursor: pointer;
    font-size: 20px;
    font-weight: bold;
    line-height:normal;
	z-index:100;
	margin-right:5px;
	text-align:center;
	vertical-align:middle;
	display:inline-block;
	padding-bottom:5px;
	
	
}

.closeBef{
	color: #303030 ;
    cursor: pointer;
    font-size: 18px;
    font-weight: bold;
    line-height:normal;
	z-index:100;
	margin-right:5px;
	text-align:center;
	vertical-align:middle;
	display:inline-block;
	padding-bottom:5px;

}

.closeSuc{
	color: #303030 ;
    cursor: pointer;
    font-size: 18px;
    font-weight: bold;
    line-height:normal;
	z-index:100;
	margin-right:5px;
	text-align:center;
	vertical-align:middle;
	display:inline-block;
	padding-bottom:5px;
}

.closePro{
	color: #303030 ;
    cursor: pointer;
    font-size: 18px;
    font-weight: bold;
    line-height:normal;
	z-index:100;
	margin-right:5px;
	text-align:center;
	vertical-align:middle;
	display:inline-block;
	padding-bottom:5px;
}

.size{
	font-size: 13px;
	font-family: Arial;
	font-weight: bold;
	margin-left:10px;
	color:#303030;
	text-align:center;
	vertical-align:middle;
	padding-top:5px;
}

.title{
	font-weight: bold;
	margin-left:10px;
}



#head{

	margin-left:50px;

}

#up{
    float:left;

 }

#popup{
	border: 2px dashed blue;
    border-radius: 5px;
    display: inline-block;
    
    margin-left: 100px;
    padding: 44px;
	background-image:url("note.jpg");
	background-color:#D3D8E8;
	background-size: 100% auto;
	
	background-repeat: no-repeat;
	margin-top:40px;
}

#upload{
	display:inline-block;
	float:left;
	padding: 10px;
}



#d1{
	width: 100%;
	margin-left:30px;
    margin-bottom: 30px;

}


img
{
   float: left;
}


.error2{
	background-color: #D29191;
    background-image: -moz-linear-gradient(center top , #D29191, #BB5E5E);
    box-shadow: 0 0 6px rgba(244, 187, 187, 0.7);
    margin-bottom: 2px;
    margin-left: 350px;
    margin-top: 2px;
    padding: 5px;
    text-align: center;
    width: 250px;
}

.error2:after {
    content: "✘";
    font-size: 16px;
    float:right;
	font-weight:bold;
	color:#676b5b;
	text-shadow:1px 1px 0px #d6dcc3;
    
}

.error{
	background-color:#d29191;
	background-image:-webkit-gradient(linear, left top, left bottom, from(#d29191), to(#bb5e5e));
	background-image:-webkit-linear-gradient(top, #d29191, #bb5e5e);
	background-image:-moz-linear-gradient(top, #d29191, #bb5e5e);
	background-image:-ms-linear-gradient(top, #d29191, #bb5e5e);
	background-image:-o-linear-gradient(top, #d29191, #bb5e5e);
	background-image:linear-gradient(top, #d29191, #bb5e5e);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorStr='#d29191', EndColorStr='#bb5e5e');
	-webkit-box-shadow:0px 0px 6px rgba(244,187,187,0.7);
	-moz-box-shadow:0px 0px 6px rgba(244,187,187,0.7);
	box-shadow:0px 0px 6px rgba(244,187,187,0.7);
	margin-bottom: 20px;
	width:500px;
	text-align:center;
	margin-left: 34%;
    margin-top: 20px;
}



.error p {
	padding: 10px;
	display:block;
	margin:0;
	background-color:#f4baba;
	background-image:-webkit-gradient(linear, left top, left bottom, from(#f4baba), to(#db7f7f));
	background-image:-webkit-linear-gradient(top, #f4baba, #db7f7f);
	background-image:-moz-linear-gradient(top, #f4baba, #db7f7f);
	background-image:-ms-linear-gradient(top, #f4baba, #db7f7f);
	background-image:-o-linear-gradient(top, #f4baba, #db7f7f);
	background-image:linear-gradient(top, #f4baba, #db7f7f);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorStr='#f4baba', EndColorStr='#db7f7f');
	-webkit-box-shadow:inset 0px 1px 0px #f7d0d0;
	-moz-box-shadow:inset 0px 1px 0px #f7d0d0;
	box-shadow:inset 0px 1px 0px #f7d0d0;
	color:black;
	font-size:15px;
	font-weight:bold;
}



.error p:after {
    content: "✘";
    font-size: 16px;
    float:right;
	font-weight:bold;
	color:#676b5b;
	text-shadow:1px 1px 0px #d6dcc3;
    
}

.err{
	background-color: red;
    color: white;
    float: left;
    font-family: Arial;
    font-size: 15px;
    margin-left: 20px;
    padding: 5px;
    text-align: center;
    text-transform: uppercase;
    width: 300px;
	margin-left:40%;
	margin-top: 20px;
	font-weight:bold;
	font-family: 'lucida grande',tahoma,verdana,arial,sans-serif;
}

.err{
	z-index:100;
}


#signup{
    background: none repeat scroll 0 0 #FFFFFF;
    border: 8px solid #DDDDDD;
    margin-top: 15px;
    padding: 20px;
    width:600px;
    height: 420px;;
}

#field{
	border: 2px solid #0000FF;
}
.annonce {
	background-color:#c6cdaa;
	background-image:-webkit-gradient(linear, left top, left bottom, from(#c6cdaa), to(#a8ae8e));
	background-image:-webkit-linear-gradient(top, #c6cdaa, #a8ae8e);
	background-image:-moz-linear-gradient(top, #c6cdaa, #a8ae8e);
	background-image:-ms-linear-gradient(top, #c6cdaa, #a8ae8e);
	background-image:-o-linear-gradient(top, #c6cdaa, #a8ae8e);
	background-image:linear-gradient(top, #c6cdaa, #a8ae8e);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorStr='#c6cdaa', EndColorStr='#a8ae8e');
	-webkit-box-shadow:0px 0px 6px rgba(223,230,198,0.7);
	-moz-box-shadow:0px 0px 6px rgba(223,230,198,0.7);
	box-shadow:0px 0px 6px rgba(223,230,198,0.7);
	width:500px;
	margin-left: 34%;
}

.annonce p {
	background-color:#e2e8c9;
	background-image:-webkit-gradient(linear, left top, left bottom, from(#e2e8c9), to(#c1c8a7));
	background-image:-webkit-linear-gradient(top, #e2e8c9, #c1c8a7);
	background-image:-moz-linear-gradient(top, #e2e8c9, #c1c8a7);
	background-image:-ms-linear-gradient(top, #e2e8c9, #c1c8a7);
	background-image:-o-linear-gradient(top, #e2e8c9, #c1c8a7);
	background-image:linear-gradient(top, #e2e8c9, #c1c8a7);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorStr='#e2e8c9', EndColorStr='#c1c8a7');
	-webkit-box-shadow:inset 0px 1px 0px #ebf0da;
	-moz-box-shadow:inset 0px 1px 0px #ebf0da;
	box-shadow:inset 0px 1px 0px #ebf0da;
	color:black;
	text-align:center;
	padding:10px;
	font-weight:bold;
	
}

.annonce p:after {
	content:'\2714';
	font-size: 16px;
	float:right;
	font-weight:bold;
	color:#676b5b;
	text-shadow:1px 1px 0px #d6dcc3;
}

#menu{
	display:inline-block;
}


#topNav{
	
}


.no-js nav li:hover ul {
    display: block;
}
nav {
    background-color: #6A6A6A;
    border: 1px solid #222222;
    display: block;
    font: 16px Tahoma,Sans-serif;
    margin: 0 auto 20px;
    position: relative;
}
nav ul {
    margin: 0;
    padding: 0;
}
nav li {
    float: left;
    list-style-type: none;
    position: relative;
}
nav ul:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}
nav li a {
    border-left: 1px solid #999999;
    border-right: 1px solid #222222;
    color: #EEEEEE;
    display: block;
    padding: 10px 20px;
    text-decoration: none;
}
nav li a:focus {
    outline: medium none;
    text-decoration: underline;
}
nav li:first-child a {
    border-left: medium none;
}
nav li.last a {
    border-right: medium none;
}
nav a span {
    display: block;
    float: right;
    margin-left: 5px;
	transform: rotate(-180deg);
	margin-top: 2px;
}
nav ul ul {
    background: none repeat scroll 0 0 #6A6A6A;
    display: none;
    left: 0;
    position: absolute;
    width: 100%;
}
nav ul ul li {
    float: none;
}
nav ul ul a {
    border-left: medium none;
    border-right: medium none;
    font-size: 14px;
    padding: 5px 10px;
}
nav ul ul a:hover {
    background-color: #555555;
}
.borderradius nav {
    border-radius: 4px;
}
.cssgradients nav {
    background-image: -moz-linear-gradient(0% 22px 90deg, #222222, #999999);
}
.boxshadow.rgba nav {
    box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.75);
}
.cssgradients nav li:hover {
    background-image: -moz-linear-gradient(0% 100px 90deg, #999999, #222222);
}
.borderradius nav ul ul {
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}
.boxshadow.rgba nav ul ul {
    background-color: rgba(0, 0, 0, 0.8);
    box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.8);
}
.rgba nav ul ul li {
    border-left: 1px solid rgba(0, 0, 0, 0.1);
    border-right: 1px solid rgba(0, 0, 0, 0.1);
}
.rgba nav ul ul a:hover {
    background-color: rgba(85, 85, 85, 0.9);
}
.borderradius.rgba nav ul ul li.last {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    border-left: 1px solid rgba(0, 0, 0, 0.1);
}
.csstransforms ul a span {
    transform: rotate(-180deg);
}
.no-cssgradients nav, .no-js nav {
    background: url("navBG.gif") repeat-x scroll 0 0 rgba(0, 0, 0, 0);
    border: medium none;
    margin-left:30px;
	width: 1800px;
}
.no-borderradius nav ul, .no-js nav ul {
    
}
.no-borderradius nav ul ul, .no-js nav ul ul {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.no-borderradius nav li, .no-js nav li {
    height: 44px;
}
.no-cssgradients nav li:hover, .no-js nav li:hover {
    background: url("navOverBG.gif") repeat-x scroll 0 0 rgba(0, 0, 0, 0);
}
.no-borderradius nav li li, .no-js nav li li {
    height: auto;
    left: -2px;
    width: 98%;
}
.no-borderradius nav li:first-child, .no-js nav li:first-child {
    background: url("navLeft.gif") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.no-borderradius nav li:first-child:hover, .no-js nav li:first-child:hover {
    background: url("navOverLeft.gif") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.no-borderradius nav li li:first-child, .no-js nav li li:first-child {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.no-rgba nav ul ul, .no-js nav ul ul {
    background: url("subnavBG.png") no-repeat scroll 100% 100% rgba(0, 0, 0, 0);
    left: 1px;
    padding-left: 2px;
}
.no-rgba nav ul ul a, .no-js nav ul ul a {
    left: 3px;
}
.no-rgba nav ul ul a:hover {
    background: url("subOverBG.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.no-csstransforms ul a span {
    background: url("indicator.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    height: 7px;
    margin-top: 8px;
    overflow: hidden;
    text-indent: -5000px;
    width: 12px;
}
.no-borderradius ul ul li.last {
    margin-bottom: 10px;
}
.no-cssgradients.boxshadow nav {
    box-shadow: none;
}