/*****************************************************/
/****General****/
.logo
{
	position:absolute;
		top: 5px;
		left: 5px;
	vertical-align:top;
	text-align:left;
}
.line{
	position:fixed;
	top:30px;
	left: 5px;
	float:right;
}
.work
{
	position:absolute;
		top: 80px;
		left: 10px;
	vertical-align:top;
	text-align:left;
}

.send_btn {
    background: none repeat scroll 0 0 #0D92E1;
    border: medium none;
  	border-radius:15px;
    color: #FFFFFF;
    cursor: pointer;
    font: bold 15px/43px Arial,Helvetica,sans-serif;
    height: 35px;
    width: 100px !important;
	}

.btn-input {
		font-size: 1.3em;
    border-radius:10px;
    width: 200px;
    height: 50px;
    position: absolute;
		margin-top: 10px;
    left: 100px;
		background-color: #aaa;
}


table.form {  border-collapse: collapse; border-radius: 10px; border-color: #2478E6; width: 1000px}
table.form th { font-size: 0.9em; padding: 4px 5px 10px; text-align: left; font-weight: normal; width: 160px}
table.form td { font-size: 0.9em; padding: 4px 5px 10px; text-align: left; font-weight: normal; width: 320px}
table.form label { font-family: Verdana, Arial, Helvetica, sans-serif; font-size:0.9em; color: #181818; margin-right: 12px; margin-left: 5px; }
table.form td span { font-size: 0.9em; color: #181818; margin-left: 8px; }
table.form td samp { font: 1em Verdana, Arial, Helvetica, sans-serif; color: #000000; }
/* table.form input { width: 340px; } */
table.form input {font-size:0.9em;}
table.form input.answer { width: 53px; }
table.form textarea { width: 400px; height: 100px; }
table.form input.inp-text, table.form input.answer, table.form textarea
{ border: 1px solid #909090; padding: 2px; }

table.form th.message-up { vertical-align: top !important; }
table.form label.invisible { visibility: hidden; }
table.form td.submit-button-right { text-align: right !important; }
table.form input.submit-text { font: 1.4em Georgia, "Times New Roman", Times, serif; letter-spacing: 1px; width: auto; }
table.form label.email { border-bottom: 1px dotted #000000; }


.file-input-wrapper {
    width: 75px;
    height: 25px;
    overflow: hidden;
    position: relative;
}
.file-input-wrapper > input[type="file"] {
    font-size: 200px;
    position: absolute;
    top: 0;
    right: 0;
    opacity: 0;
	}

.file-input-wrapper > .btn-file-input {
    display: inline-block;
    width: 75px;
    height: 25px;
}
.file-input-wrapper > .btn-input {
    display: inline-block;
    border-radius:10px;
    width: 150px;
    height: 40px;
}
.file-input-wrapper:hover > .btn-file-input {
    background-color: #aaa;
}




/***************************************************************/
*
{
	margin:0px;
	padding:0px;
}
body
{
	/* background:#e2f6ff url('images/background.gif') center top no-repeat;
	*/
	/* background:#e2f6ff; */
	background:#8d9db6;
	padding-left:10%;
	padding-right:10%;
	font-family:Arial, Geneva, sans-serif;
}
a
{
	text-decoration:none;
	color:#333333;
}
a:hover
{
	color:#000000;
}
img, tr, td
{
	border:0px;
}
h1
{
	text-align:center;
	margin:0px;
	padding:0px;
}
.clean
{
	clear:both;
}
.left
{
	text-align:left;
}
.center
{
	text-align:center;
}
input
{
/*	width:150px; */
}
label
{
	/* width:200px; */
	display:inline-block;
	vertical-align:top;
	text-align:left;
}
table
{
	border-spacing:1px;
	margin:5px;
	padding:0px;
	background:#FFEFB6;
	border-radius:10px;
}
tr
{
	border-radius:5px;
	margin:0px;
}
td, th
{
	margin:0px;
	border:0px;
	padding:3px;
	text-align:center;
}
/*****************************************************/
/****Blocs****/
.header
{
	margin:auto;
	margin-top:10px;
	padding:15px;
	background:url('images/bluec_30p.png');
	width:60%;
	border-radius:20px;
	text-align:center;
}
.foot
{
	text-align:center;
	background:url('images/bluec_30p.png');
	width:60%;
	border-radius:15px;
	margin:auto;
	padding:10px;
	margin-top:20px;
}
.content
{
	background:url('images/bluec_30p.png');
	width:65%;
	border-radius:20px;
	margin:auto;
	padding:20px;
	margin-top:20px;
	position:absolute;
		top: 50px;
		left: 5px;
}
/*****************************************************/
/****Contenu****/
.big
{
	font-size:1.2em;
}
.small
{
	font-size:0.7em;
}
.message
{
	position:fixed;
	top: 10px;
	left: 350px;
	border-radius:10px;
	padding:20px;
	/*margin:auto;*/
	background:#FFEFB6;
	color:#D50000;
	text-align:center;
	font-weight:bold;
	/*margin-top:20px;*/
}
.message_bouton
{
	border-radius:20px;
	padding:20px;
	margin:auto;
	width:100px;
	background:#FFEFB6;
	color:#2478E6;
	text-align:center;
	font-weight:bold;
	/*margin-top:20px;*/
	float:right;
}
.messages_table td
{
	border-top:1px solid #aaaaaa;
	vertical-align:top;
}
.author
{
	width:150px;
	border-right:1px solid #aaaaaa;
}
.title_cell
{
	width:45%;
}
.date
{
	font-style:italic;
	text-align:right;
	font-size:1em;
	margin-right:10px;
}
.link_new_pm
{
	font-size:1.3em;
	font-weight:bold;
	margin:5px 0px 5px 0px;
	display:inline-block;
	border:1px solid #dddddd;
	background:#ffffff;
	padding:5px;
}



.Tableau span {

   display:inline;
	 font-size: 0.7em;
   float:left;
   border:1px solid #DDDDDD;
	 word-wrap:break-word;
	 background-color:#87BDD8;
	 padding:3px;
	 height:20px

/*   margin:1px;
   padding:3px;
*/
  }
.Tableau p {

   clear:left;
   margin:0px;
   padding:0px;
   height:100% !important; height:1em;
  }
.Tableau p.legende {font-weight:bold; height:30px; }
.Tableau span.col1 {width:10px; }
.Tableau span.col2 {width:20px; }
.Tableau span.col3 {width:30px; }
.Tableau span.col4 {width:40px; }
.Tableau span.col5 {width:70px; }
.Tableau span.col6 {width:90px; }
.Tableau span.col7 {width:150px; }
.Tableau span.col8 {width:250px; }
.Tableau span.col9 {width:300px; }
.Tableau span.colN {width:60px; ; text-align:right}
.Tableau span.colN1 {width:80px; ; text-align:right}





/***** Style pour menu *************************/


.flotte {
float:left;
}
/*
.stretchHolder {width:750px; height:50px; margin:30px auto 250px auto; position:relative; z-index:100; box-shadow:0 2px 2px rgba(0,0,0,0.8); font-family:arial, sans-serif;}
*/
.stretchHolder {width:750px; height:50px; margin:30px auto 250px auto; position:absolute; top: 80px; left: 5px;; z-index:100; box-shadow:0 2px 2px rgba(0,0,0,0.8); font-family:arial, sans-serif;}
.stretchMenu {position:absolute; width:850px; overflow:hidden;}
.stretchDrop {padding:0; margin:0;  list-style:none; width:1150px; position:relative;}
.stretchDrop > li.slide {float:left; width:150px;
-moz-transition: 0.25s 0.25s;
-ms-transition: 0.25s;
-o-transition: 0.25s;
-webkit-transition: 0.25s;
transition: 0.25s;
}
.stretchDrop > li.last {width:470px; float:left;}
.stretchDrop > li > a {display:block; font-weight:bold; line-height:50px; padding-left:10px; color:#000; text-decoration:none; font-size:13px; text-shadow: 0 1px 1px #fff; border-left:1px solid #fff;}
.stretchDrop > li.slide > a {border-right:1px solid #000;}
.stretchDrop > li.p1 > a {background:#09c;}
.stretchDrop > li.p2 > a {background:#c90;}
.stretchDrop > li.p3 > a {background:#0c9;}
.stretchDrop > li.p4 > a {background:#9c0;}
.stretchDrop > li.p5 > a {background:#f6c;}

.stretchDrop > li.p1 > a,
.stretchDrop > li.p2 > a,
.stretchDrop > li.p3 > a,
.stretchDrop > li.p4 > a,
.stretchDrop > li.p5 > a {
background-image:-webkit-gradient(linear, 0 0, 0 100%, color-stop(0, rgba(255, 255, 255, 0.7)), color-stop(0.5, rgba(255, 255, 255, 0.2)), color-stop(0.5, transparent), to(rgba(255, 255, 255, 0.3)));
background-image:-moz-linear-gradient(top, rgba(255, 255, 255, 0.7) 0, rgba(255, 255, 255, 0.2) 50%, transparent 50%, rgba(255, 255, 255, 0.3) 100%);
background-image:-ms-linear-gradient(top, rgba(255, 255, 255, 0.7) 0, rgba(255, 255, 255, 0.2) 50%, transparent 50%, rgba(255, 255, 255, 0.3) 100%);
background-image:-o-linear-gradient(top, rgba(255, 255, 255, 0.7) 0, rgba(255, 255, 255, 0.2) 50%, transparent 50%, rgba(255, 255, 255, 0.3) 100%);
background-image:linear-gradient(top, rgba(255, 255, 255, 0.7) 0, rgba(255, 255, 255, 0.2) 50%, transparent 50%, rgba(255, 255, 255, 0.3) 100%);
-webkit-box-shadow:inset -1px 0 1px rgba(255, 255, 255, 0.4), inset 1px 0 1px rgba(255, 255, 255, 0.4), inset 0 0 10px rgba(255, 255, 255, 0.4);
-moz-box-shadow:inset -1px 0 1px rgba(255, 255, 255, 0.4), inset 1px 0 1px rgba(255, 255, 255, 0.4), inset 0 0 10px rgba(255, 255, 255, 0.4);
box-shadow: inset -1px 0 1px rgba(255, 255, 255, 0.4), inset 1px 0 1px rgba(255, 255, 255, 0.4), inset 0 0 10px rgba(255, 255, 255, 0.4);
 text-shadow: 0 1px 1px #fff;}

.stretchDrop > li > div {height:0; width:469px; overflow:hidden; position:relative; border-radius:0 0 20px 20px; margin-left:1px;
-moz-transition: height 0.25s;
-ms-transition: height 0.25s;
-o-transition: height 0.25s;
-webkit-transition: height 0.25s;
transition: height 0.25s;
}
.stretchDrop > li.p1 > div {background:#09c;}
.stretchDrop > li.p2 > div {background:#c90;}
.stretchDrop > li.p3 > div {background:#0c9;}
.stretchDrop > li.p4 > div {background:#9c0;}
.stretchDrop > li.p5 > div {background:#f6c;}

.stretchDrop > li.p1 > div,
.stretchDrop > li.p2 > div,
.stretchDrop > li.p3 > div,
.stretchDrop > li.p4 > div,
.stretchDrop > li.p5 > div {
background-image: -moz-linear-gradient(90deg, rgba(255, 255, 255,0.3), rgba(255, 255, 255,0));
background-image: -webkit-linear-gradient(900deg, rgba(255, 255, 255,0.3), rgba(255, 255, 255,0));
background-image: -ms-linear-gradient(90deg, rgba(255, 255, 255,0.3), rgba(255, 255, 255,0));
background-image: -o-linear-gradient(90deg, rgba(255, 255, 255,0.3), rgba(255, 255, 255,0));
background-image: linear-gradient(90deg, rgba(255, 255, 255,0.3), rgba(255, 255, 255,0));
}
.stretchDrop:hover {direction:ltr;}
.stretchDrop:hover > li.slide {width:70px;
-moz-transition: 0.25s 0.25s;
-ms-transition: 0.25s;
-o-transition: 0.25s;
-webkit-transition: 0.25s;
transition: 0.25s;
}
.stretchDrop:hover > li.slide:hover {width:470px;
-moz-transition: 0.25s 0.25s;
-ms-transition: 0.25s;
-o-transition: 0.25s;
-webkit-transition: 0.25s;
transition: 0.25s;
}
.stretchDrop:hover > li:hover > div {height:210px;
-moz-transition: 0.25s 0.5s;
-ms-transition: 0.25s 0.25s;
-o-transition: 0.25s 0.25s;
-webkit-transition: 0.25s 0.25s;
transition: 0.25s 0.25s;
}
.stretchDrop > li > div b {display:block; width:470px; height:50px; background:#888; margin-top:-50px; box-shadow:0 2px 5px rgba(0,0,0,0.8);}
.stretchDrop > li > div dl {width:110px; float:left; padding:5px 10px; margin:12px; font-weight:bold;}
.stretchDrop > li > div dl dt {padding-left:10px; margin-bottom:5px; font-size:13px; line-height:25px; border-bottom:1px dotted #000; text-shadow: 0 1px 1px #fff;}
.stretchDrop > li.p1 > div dl dt {color:#036;}
.stretchDrop > li.p2 > div dl dt {color:#630;}
.stretchDrop > li.p3 > div dl dt {color:#063;}
.stretchDrop > li.p4 > div dl dt {color:#360;}
.stretchDrop > li.p5 > div dl dt {color:#906;}
.stretchDrop > li > div dl dd {padding:0; margin:0;}
.stretchDrop > li > div dl dd a {display:block; color:#fff; font-size:11px; line-height:20px; text-decoration:none; padding-left:10px;}
.stretchDrop > li > div dl dd a:hover {color:#fff; background:rgba(0,0,0,0.3); border-radius:5px;}

#menu .stretchDrop > li > div p {width:404px; height:30px; background:#eee; position:absolute; bottom:5px; left:12px; padding:0 20px; line-height:30px; font-size:12px; margin:0; border-radius:30px;}