/* CSS Document */

/*

Structurer le document de la façon suivante : :

LAYOUT [ width, height, position, float, padding, margin ]

STYLE [ background-, border-, text-, vertical-align, list-style- ]

TYPO [ font-, color ]

*/


.content-wrap {
	overflow:hidden;
	clear:both;
}

.rollover:hover {
	cursor:pointer;
}

.important {
	color:#ec4321;
}


/* --- STYLES DE BASE --- */

@font-face {
	font-family: 'Myriad Pro';
	src: url('../fonts/myriad.eot');
	src: local('Myriad Pro'), url('../fonts/myriad.ttf') format('truetype');
}


/* - - PAGES - - */

html {
	background: #121212 url(../images/common/body-bg.jpg) center -12px repeat-x;
	background-color:#121212;
	
	font-size: 100%; /* Évite un bug d'IE 6-7 */
}

body {
    margin: 0;
    padding: 0 0 40px 0;
	
    font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
    font-size: 62.5%;
    line-height: normal;
    color: white;
}


/* - - TITRES - - */

h1, h2, h3, h4, h5, h6 {
    margin: 1em 0 .5em 0;
	
    line-height: 1.2;
    font-weight: bold;
    font-style: normal;
}
h1 {
	position:relative;
	margin:30px 0 0 0;
	padding:8px 11px 4px 11px;
	
	background:#272727;
	z-index:100;
	
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	
	font-family:'Myriad Pro', "Trebuchet MS", Arial, sans-serif;
	font-weight:normal;
	font-size:3.5em;
}
h2 {
    font-size: 1.5em;
}
h3 {
    font-size: 1.25em;
}
h4 {
    font-size: 1em;
}


/* - - LISTES - - */

ul, ol {
    margin: 0;
    padding: 0;
	
	list-style-type:none;
}


/* - - LIENS - - */

a {
    color:#AAA;
	
	text-decoration: underline;
}

a img {
    border: none;
	text-decoration:none; /* IE */
}


/* - - FORMULAIRES - - */

form, fieldset {
    margin: 0;
    padding: 0;
	
    border: none;
}

input, button, select {
    vertical-align: middle;
}

input.txt {
	position:relative;
	padding:4px;
	
	background:#EBEBEB;
	border:1px solid white;
	
	background:
		-webkit-gradient(linear,left bottom,left top,color-stop(0, #FDFDFD),color-stop(1, #D5D5D5));
	background:
		-moz-linear-gradient(center bottom,#FDFDFD 0%,#D5D5D5 100%);
	outline:none;
	
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	-webkit-transition:box-shadow 1000ms ease;
	-moz-transition:box-shadow 1000ms ease;
	z-index:100;
	
	font-size:14px;
}
input.txt:focus {
	-moz-box-shadow: 0 0 6px rgba(255,255,255,0.8);
	-webkit-box-shadow: 0 0 6px rgba(255,255,255,0.8);	
}

textarea.txt {
	position:relative;
	padding:4px;
	
	background:#EBEBEB;
	border:1px solid white;
	
	background:
	-webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0, rgb(253,253,253)),
		color-stop(1, rgb(213,213,213))
	);
	background:
	-moz-linear-gradient(
		center bottom,
		rgb(253,253,253) 0%,
		rgb(213,213,213) 100%
	);
	outline:none;
	
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	-webkit-transition:box-shadow 1000ms ease;
	-webkit-appearance: none;
	z-index:100;
	
	font-size:14px;
}
textarea.txt:focus {
	-moz-box-shadow: 0 0 6px rgba(255,255,255,0.8);
	-webkit-box-shadow: 0 0 6px rgba(255,255,255,0.8);	
}

select {
	padding:2px;
	
	font-size:12px;
}


/* Divers éléments de type en-ligne */

em {
    font-style: italic;
}

strong {
    font-weight: bold;
}


/* Paragraphes */

p {
    margin: .75em 0; /* Marges plus faibles que par défaut */
}

address {
    margin: .75em 0;
	
    font-style: normal;
}