@charset "utf-8";
/* CSS Document */

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, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%;}

.clear{clear:both;}

/*@font-face {
	font-family: 'Lowvetica';
	src:url url(../font/Lowvetica.ttf);
	font-weight: normal;
	font-style: normal;
}*/

@font-face {
font-family: 'Lowvetica';
src: url(../font/Lowvetica.eot),
url(../font/Lowvetica.eot) format('embedded-opentype'),
url(../font/Lowvetica.ttf) format('truetype'),
url(../font/lowvetica.svg) format('svg');
	font-weight:lighter;
font-style: normal;
}

@font-face {
	font-family: 'gothic';
	src: url(../font/gothic.ttf), url(../font/gothic.svg), url(../font/gothic.eot);
	font-weight:lighter;
	font-style:normal;
}

html,
body {
	background-color:#FFF;
	margin:0;
	padding:0;
	height:100%;
}



#wrapper {
	min-height:100%;
	position:relative;
}

/*/////////////////////////////HEADER////////////////////////////*/

/*.lang{
	width: 60px;
	height: 28px;
	position:absolute;
	z-index:100;
	top:10px;
	right:25px;
	
}

.lang_fr{
	width: 28px;
	height:28px;
	background-image:url(../images/fr_synthes3d.png);
	background-repeat:no-repeat;
	float: left;
}

.lang_fr:hover{
	background-image: url(../images/fr_synthes3d_select.png);
	background-repeat:no-repeat;
}

.lang_en{
	width: 28px;
	height:28px;
	background-image:url(../images/en_synthes3d.png);
	background-repeat:no-repeat;
	float: left;
}

.lang_en:hover{
	background-image: url(../images/en_synthes3d_select.png);
	background-repeat:no-repeat;
}
*/

/*/////////////////////////////MENU USERS////////////////////////////*/

.pointer{
	cursor : pointer;
}

.partie{
	margin: auto;
	width: 600px;
	text-align:center;
}

.menu_users{
	margin: auto;
	width: 600px;
	height: 20px;
	font-family: 'gothic';
	font-weight:lighter;
	letter-spacing: 2px;
	color: white;
	font-size: 14px;
	text-align:center;
}

.menu_users ul li{
	margin-top: 10px;
	display:inline-block;
	padding : 0 0.7em;
}

.menu_users a{
	text-decoration: none;
	color: white;
}

.menu_users a:hover{
	color: #ffb400;
}

/*/////////////////////////////MENU VIVIEN////////////////////////////*/

.header{
	width: 100%;
	height: 100px;
	background-color: #252525;
	position: top center;
	border-bottom: solid 10px #e5264b;	
}

.logo{
	margin-top: 18px;
	margin-left: 25px;
	float: left;
}

.menu{
	margin-right: 25px;
	margin-top: 60px;
	float: right;
	width: 600px;
	height: 20px;
	font-family: 'gothic';
	font-weight:lighter;
	letter-spacing: 2px;
	color: white;
	font-size: 14px;
	text-align:right;
}

.menu ul li{
	display:inline-block;
	padding : 0 0.7em;
}

.menu a{
	text-decoration: none;
	color: white;
}

.menu a:hover{
	text-decoration: none;
	color: #e5264b;
}




/*/////////////////////////////CONTAINER////////////////////////////*/

.container{
	padding-bottom:50px;
	width:100%;
	margin: auto;
}

.centrage{
	text-align: center;	
	margin-top: 40px;
}

h3{
	font-weight: lighter;
}

a{
	text-decoration:none;
}

a .sousmenu {
	margin: auto;
	width: 180px;
	height: 20px;
	border-bottom: solid 1px #818181;
	margin-top: 10px;
	padding: 5px;
	font-family: 'gothic';
	letter-spacing: 2px;
	color: #818181;
	font-size: 12px;
	font-weight: lighter;
	text-align:center;
}

a .sousmenu:hover {
	border-bottom: solid 1px #F90;
	font-family: 'gothic';
	letter-spacing: 2px;
	color: #ffb400;
	font-size: 12px;
	font-weight: lighter;
	text-align:center;
}


h1 {
	font-family: 'gothic';
	font-weight:lighter;
	letter-spacing: 2px;
	color: #e5264b;
	font-size: 22px;
	text-align:center;
}

/*.container .recherches{
	font-family: 'gothic';
	text-align:right;
	color: #6C6C6C;
	font-size: 12px;
	height: 40px;
	margin-bottom: 30px;
	height: 10px;
}*/


.container .table1{
	margin:auto;
	margin-top: 40px;	
}

.container .table1 td{
	font-family: 'gothic';
	color:#252525;
	font-size: 12px;
	text-align:center;	
}

.container .table1 th h2{
	font-family: 'gothic';
	font-weight:lighter;
	letter-spacing: 2px;
	color:#fff;
	font-size: 14px;
	text-align:right;
	text-align:center;
}



.table1 tr:nth-child(even){
	background-color: #EAEAEA;
	height:20px;
	}
	
.table1 tr:nth-child(odd){
background-color: #D5D5D5;
height:20px;
}


	
.table1 tr.titre{
background-color: #282828;
height:30px;
}



.container .table2{
	margin:auto;
	margin-top: 40px;	
}


.table2 th{
background-color: #282828;
height:30px;
font-family: 'gothic';
	font-weight:lighter;
	letter-spacing: 2px;
	color:#fff;
	font-size: 14px;
	text-align:left;
	padding-left: 20px;
}

.table3 td{
	font-family: 'gothic';
	font-weight:lighter;
	letter-spacing: 2px;
	color: #575757;
	font-size: 14px;
	text-align:left;
	padding-left: 20px;
}

.centrage{
	width: 600px;
	margin:auto;
	margin-top: 30px;
}

a .envoi{
	width: 180px;
	height: 30px;
	margin: auto;
	background-color: #e5264b;	
	font-family: 'gothic';
	font-size:12px;
	font-weight:lighter;
	line-height:30px;
	letter-spacing: 2px;
	color:#fff;
	text-align:center;
}

a .envoi:hover{
	border: solid 1px #e5264b;
	background-color: #fff;
	color: #e5264b;
}

/*/////////////////////////////CONNEXION////////////////////////////*/

.cadre_connexion{
	margin-top: 40px;
	width: 400px;
	height: 250px;
	margin: auto;
	background-color: #D5D5D5;
}

.cadre_connexion table{
	margin-top:40px;
	padding-top: 40px;
	padding-bottom: 40px;
	font-family: 'gothic';
	font-size:12px;
	font-weight:lighter;
	line-height:30px;
	letter-spacing: 2px;
}

/*.container .down{
	margin-top: 30px;
}

.container .down a{
	font-family: 'gothic';
	color: #6C6C6C;
	font-size: 12px;
	height: 40px;
	
	text-decoration: none;
}

.container .down a:hover{
	color: #e5264b;
}*/


/*/////////////////////////////ARBORESCENCE////////////////////////////*/

titres{
	font-size:14px;
	color: #2D2D2D;
	font-family: 'gothic';	
}

sous_titres{
	font-size:12px;
	color: #969696;
	font-family: 'gothic';	
}

/*/////////////////////////////FOOTER////////////////////////////*/

.footer{
	position:absolute;
	z-index:100;
	bottom:0px;
	left:0px;
	width: 100%;
	height: 50px;
	background-color: #e5264b;	
}

.footer p{
	float:right;
	text-align:right;
	margin-right: 25px;
	margin-top: 20px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:10px;
	color:#FFF;	
}

.footer p a{
	font-family:Verdana, Geneva, sans-serif;
	font-size:10px;
	color:#FFF;	
	text-decoration: none;
}

.footer p a:hover{
	text-decoration: underline;
}


.help{
	margin-top: 10px;
	float:left;
	margin-left: 25px;
}

.help h1{
	font-family: 'lowvetica';
	font-weight:lighter;
	letter-spacing: 2px;
	color: #fff;
	font-size: 22px;
	text-align:left;
}

.copyright{
	float: right;	
}


.cadre_connexion {
  margin-top: 40px;
  width: 400px;
  margin: auto;
  background-color: #D5D5D5;
}


.envoi_connexion{
	min-width: 180px;
        padding-left: 10px;
        padding-right: 10px;
	height: 35px;
	margin: auto;
	background-color: #e5264b;	
	font-family: 'gothic';
	font-size:12px;
	font-weight:lighter;
	line-height:30px;
	letter-spacing: 2px;
	color:#fff;
	text-align:center;
        border: 1px solid #e5264b;
        
}

.envoi_connexion:hover{
	border: solid 1px #e5264b;
	background-color: #fff;
	color: #e5264b;
        cursor: pointer;
}