﻿/* 
*	
*	CSSG Collections: Forms
*	designed and coded by Alen Grakalic (http://cssglobe.com)
*	brought to you by Templatica (http://templatica.com)
*
*/
  .modal-dialog {
    width: 50%;
	min-width: 400px;
    margin: 30px auto;
  }
body{ 
	background:#f8f8f8;
	font:13px Trebuchet MS, Arial, Helvetica, Sans-Serif;
	color:#333;
	line-height:160%;
	margin:0;
	padding:0;
	text-align:left;
	}

h1{
	font-size:200%;
	font-weight:normal;
	}		
h2, h3, h4, h5, h6{
	font-weight:normal;
	margin:1em 0;
	}	
h2{            
	font-size:160%;
	}	
h3{          
	font-size:140%;
	}
h4{          
	font-size:120%;
	}				

a{
	text-decoration:none;
	color:#f30;
	}
a:hover{
	color:#999;
	}			
table, input, textarea, select, li{
	font:100% Trebuchet MS, Arial, Helvetica, Sans-Serif;
	line-height:160%;
	color:#333;
	}				
p, blockquote, ul, ol, form{
	margin:1em 0;
	}
blockquote{
	}
img{
	border:none;
	}			
hr{
	display:none;
	}	
table{
	margin:1em 0;
	width:100%;
	border-collapse:collapse;
	}
th, td{	
	padding:2px 5px;
	}	
th{	
	text-align:center;
	}
li{
	display:list-item;
	}	
	
#container{	
	margin:0 auto;
	background:#f8f8f8;
	width:100%;
	padding:0;
	text-align: left;
	}	
	
ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;

}
#ulmenu {
	padding: 0; 
	margin: 0;
	text-align: center; /* centrer le texte */    
	overflow: hidden;
    	background-color: #5bc0de;
}

#limenu {
	display: inline;
	list-style: none;	
}

li a {
    display: inline-block;
    color: white;
	font: 100% Trebuchet MS, Arial, Helvetica, Sans-Serif;
	font-size: 18px;
  font-weight: normal;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
}

li a:hover {
    background-color: #31b0d5;
}
h1
{
text-align: center;
margin-top: 0px;
}

p.important {
    text-decoration: underline;
}
/* form 1 */

	#form1{
		margin:1em 0;
		padding-top:10px;
		background:url(form_top.gif) no-repeat 0 0;
		}
	#form1 fieldset{
		margin:0;
		padding:0;
		border:none;	
		float:left;
		display:inline;
		width:260px;
		margin-left:25px;
		}		
	#form1 legend{display:none;}	
	#form1 p{margin:.5em 0;}	
	#form1 label{display:block;}	
	#form1 input, #form1 textarea{		
		width:252px;
		border:1px solid #ddd;
		background:#fff url(form_input.gif) repeat-x;
		padding:3px;
		}		
	#form1 textarea{
		height:125px;
		overflow:auto;
		}					
	#form1 p.submit{
		clear:both;
		background:url(form_bottom.gif) no-repeat 0 100%;
		padding:0 25px 20px 25px;
		margin:0;
		text-align:right;
		}	
	#form1 button{
		width:150px;
		height:37px;
		line-height:37px;		
		border:none;
		background:url(form_button.gif) no-repeat 0 0;
		color:#fff;
		cursor:pointer;
		text-align:center;
		}				

/* // form 1 */
 
 .btn-info2 {
  color: #fff;
  background-color: #FE885D;
  border-color: #FE7B4B;
  }
.btn-info2.disabled:hover,
.btn-info2[disabled]:hover,
fieldset[disabled] .btn-info2:hover,
.btn-info2.disabled:focus,
.btn-info2[disabled]:focus,
fieldset[disabled] .btn-info2:focus,
.btn-info2.disabled.focus,
.btn-info2[disabled].focus,
fieldset[disabled] .btn-info2.focus {
  background-color: #5bc0de;
  border-color: #46b8da;

}
#header {
    background-image: url(../images/bandeau.png);
	background-size: contain;
	background-repeat: no-repeat;
	background-color: transparent;
	background-position: center;
	/*background-size: 1024px 300px;*/
	width:100%;
	height: 200px;
	margin: 0 auto;
	position: center;
	display:block;
}

/* css tableau source : http://cssmenumaker.com/blog/stylish-css-tables-tutorial/*/

table {  
    color: #333; /* Lighten up font color */
    font-family: Helvetica, Arial, sans-serif; /* Nicer font */
    width: 100%; 
    border-collapse: collapse;
	border-spacing: 0; 
}

td, th { border: 1px solid #CCC; height: 30px; width: auto; } /* Make cells a bit taller */

th {  
    background: #F3F3F3; /* Light grey background */
    font-weight: bold; /* Make sure they're bold */
}

td {  
    background: #FAFAFA; /* Lighter grey background */
    text-align: center; /* Center our text */
}

.borderless {
	border: 0 none transparent;
	background: transparent;
}
