/*********************** RESET *************************/

html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th { font-size: 1em; font-weight: normal; font-style: normal; }
ul,ol { list-style: none; }
fieldset,img { border: none; }
caption,th { text-align: left; }
table { border-collapse: collapse; border-spacing: 0; }

/**************** LAYOUT & BASIC STYLES ****************/

a {   
  font-family: 'Trebuchet MS', Arial, sans-serif;
  font-size: 12px; 
  color: #4d4d4d;
  text-decoration:none;} 

a:hover  {   
  font-family: 'Trebuchet MS', Arial, sans-serif;
  font-size: 12px; 
  color: #d73b15;  
  text-decoration:underline;}


.clear { clear: both; }
.clearer { clear: both; display: block; margin: 0; padding: 0; height: 0; line-height: 1px; font-size: 1px; }

body { font: 12px/18px Arial, Verdana, sans-serif; background: #000 url(../images/bg_global.jpg) repeat-x; color: #dadada; }
#wrapper { width: 750px; margin: 0 0 0 300px; position: relative; background: #000 url(../images/bg_global.jpg) repeat-x; }
div#header { width: 700px; height: 210px; background:transparent; margin: 0; padding: 0; position: relative; }
div#content { position: relative; display: block; width: 700px; background: #fff url(../images/pointe.gif) no-repeat 0 -1px; padding: 0; margin: 0; z-index: 100;}
div#fille { position: absolute; width: 300px; height: 743px; margin: 0; top: 0; left: 0; display: block; background: #000 url(../images/bg_fille.jpg) no-repeat top left; }
div#footer { position: absolute; display: block; background: transparent url(../images/bulles_bottom_right.gif) no-repeat top right; width: 750px; clear: both; margin: -75px 0 20px 0; padding: 100px 0 0 0; }

/********************** CONTENTS **********************/

/* ACCUEIL */

div.accueil {
	position: relative;
	display: block;
	background-color: transparent;
	margin: 0;
	padding: 30px 0 0 50px;
}
div.accueil h1 {
	font-family: 'Trebuchet MS', Arial, sans-serif;
	font-size: 26px;
	padding: 70px 0 0 0;
	line-height: 34px;
	text-transform: uppercase;
	color: #d73b15;
}
div.accueil h1 span{
	font-style: italic;
	font-size: 26px;
}
div.accueil h2 {
	font-family: 'Trebuchet MS', Arial, sans-serif;
	font-size: 18px;
	padding: 15px 0 0 0;
	line-height: 24px;
	color: #d73b15;
}
div.accueil p {
	position: relative;
	float: left;
	display: block;
	text-align: justify;
	width: 420px;
	font-family: 'Trebuchet MS', Helvetica, sans-serif;
	font-size: 13px;
	line-height: 19px;
	color: #4d4d4d;
	padding: 10px 0 0 0;
}
div.accueil span.red {
	font-family: 'Trebuchet MS', Helvetica, sans-serif;
	font-size: 12px;
	line-height: 19px;
	color: #d73b15;
	padding: 10px 0 0 0;
}
div.accueil span {
	font-family: 'Trebuchet MS', Arial, sans-serif;
	font-size: 11px;
	padding: 0 0 15px 0;
	color: #d73b15;
}
div.accueil img {
	display: block;
	position: relative;
	float: right;
	margin: 30px 0 0 0;
}


/* DECOUVREZ */

div.decouvrez {
	position: relative;
	display: block;
	background-color: transparent;
	margin: 0;
	padding: 30px 0 0 50px;
}
div.txt {
	position: relative;
	float: left;
	display: block;
	width: 425px;
}
div.txt h1 {
	font-family: 'Trebuchet MS', Arial, sans-serif;
	font-size: 26px;
	padding: 40px 0 0 0;
	line-height: 34px;
	text-transform: uppercase;
	color: #d73b15;
}
div.txt h1 span{
	font-style: italic;
	font-size: 26px;
}
div.txt h2 {
	font-family: 'Trebuchet MS', Arial, sans-serif;
	font-size: 18px;
	padding: 15px 0 0 0;
	line-height: 24px;
	color: #d73b15;
}
div.txt p {
	font-family: 'Trebuchet MS', Helvetica, sans-serif;
	font-size: 12px;
	line-height: 19px;
	color: #4d4d4d;
	padding: 10px 0 0 0;
}
div.txt span.red {
	font-family: 'Trebuchet MS', Helvetica, sans-serif;
	font-size: 12px;
	line-height: 19px;
	color: #d73b15;
	padding: 10px 0 0 0;
}
div.txt span {
	font-family: 'Trebuchet MS', Arial, sans-serif;
	font-size: 11px;
	padding: 0 0 15px 0;
	color: #d73b15;
}
div.decouvrez img {
	display: block;
	position: relative;
	float: right;
	margin: 100px 0 0 0;
}

/* PROTOCOLES */

div.protocoles {
	position: relative;
	display: block;
	background-color: transparent;
	margin: 0;
	padding: 30px 25px 50px 0;
}
div.content_protocoles {
	position: relative;
	display: block;
	width: 650px;
}
div.protocoles img {
	display: block;
	position: relative;
	float: right;
	margin: 0;
	padding: 16px 0 10px 25px;
}
div.protocoles img.left {
	display: block;
	position: relative;
	float: left;
	margin: 0;
	padding: 33px 25px 15px 0;
}
div.protocoles h1 {
	font-family: 'Trebuchet MS', Arial, sans-serif;
	font-size: 26px;
	padding: 40px 0 0 80px;
	line-height: 34px;
	text-transform: uppercase;
	color: #d73b15;
}
div.protocoles h2 {
	font-family: 'Trebuchet MS', Arial, sans-serif;
	font-size: 18px;
	padding: 15px 0 0 80px;
	line-height: 24px;
	color: #d73b15;
}
div.protocoles p {
	font-family: 'Trebuchet MS', Helvetica, sans-serif;
	font-size: 12px;
	line-height: 19px;
	color: #4d4d4d;
	text-align: justify;
	padding: 10px 0 0 80px;
}
div.protocoles span.red {
	font-family: 'Trebuchet MS', Helvetica, sans-serif;
	font-size: 12px;
	line-height: 19px;
	color: #d73b15;
	padding: 10px 0 0 0;
}
div.protocoles span {
	font-family: 'Trebuchet MS', Arial, sans-serif;
	font-size: 11px;
	padding: 0 0 15px 0;
	color: #d73b15;
}

/*ESPACE PRESSE */

div.presse {
	position: relative;
	display: block;
	background-color: transparent;
	margin: 0;
	padding: 30px 0 50px 50px;
}
div.presse h1 {
	font-family: 'Trebuchet MS', Arial, sans-serif;
	font-size: 26px;
	padding: 40px 0 10px 0;
	line-height: 34px;
	text-transform: uppercase;
	color: #d73b15;
}
div.presse p {
	font-family: 'Trebuchet MS', Helvetica, sans-serif;
	font-size: 12px;
	line-height: 19px;
	color: #4d4d4d;
	padding: 10px 0 10px 0;
}
.bt_download_pdf {
	position: relative;
	display: block;
	width: 560px;
	height: 32px;
	cursor: pointer;
	margin: 0 0 2px 0;
	background: #000 url(../images/bt_download_pdf.gif);
	font-family: 'Trebuchet MS', Helvetica, sans-serif;
	font-size: 13px;
	font-weight: normal;
	padding: 10px 0 0 10px;
	text-decoration: none;
	color: #fff;
	border: 0;
}
.bt_download_pdf:hover {
	background-position: -570px;
	color: #808080;
	text-decoration: none;
}

/* ESPACE PRO */

div.espace_pro {
	position: relative;
	display: block;
	background-color: transparent;
	margin: 0;
	padding: 0 50px 100px 50px;
}
div.espace_pro h1 {
	font-family: 'Trebuchet MS', Arial, sans-serif;
	font-size: 26px;
	padding: 40px 0 10px 0;
	line-height: 34px;
	text-transform: uppercase;
	color: #d73b15;
}
div.espace_pro h3{
	font-family: 'Trebuchet MS', Arial, sans-serif;
	font-size: 16px;
	padding: 10px 0;
	text-align: left;
	color: #d73b15;
}
div.espace_pro p{
	font-family: 'Trebuchet MS', Helvetica, sans-serif;
	font-size: 12px;
	line-height: 19px;
	color: #4d4d4d;
	padding: 0 0 10px 0;
}
div.bloc {
	position: relative;
	padding: 0;
	display: block;
	margin: 0 auto;
	width: 220px;
	height: 100px;
	text-align: center;
	background: #d73b15 url(../images/bg_middle_login.gif) repeat-y top left;
}
div.bloc-top {
	position: relative;
	display: block;
	margin: 10px auto 0 auto;
	width: 220px;
	height: 9px;
	background: #d73b15 url(../images/bg_top_login.gif) no-repeat top left;
}
div.bloc-bottom {
	position: relative;
	display: block;
	margin: 0 auto 10px auto;
	width: 220px;
	height: 9px;
	background: #d73b15 url(../images/bg_bottom_login.gif) no-repeat bottom left;
}
div.bloc p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:bold;
	color: #fff;
	text-decoration:none;
	text-align: center;
	padding: 10px 0;
	margin: 0 auto;
}
.bt_valider {
	display: block;
	width: 110px;
	height: 24px;
	cursor: pointer;
	margin: 10px auto 0 auto;
	background: #000 url(../images/bt_valider.gif);
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #fff;
	border: 0;
}
.bt_valider:hover {
	background-position: -110px;
}

/* CONTACT */

div.contact {
	position: relative;
	display: block;
	background-color: transparent;
	margin: 0;
	width: 450px;
	padding: 50px 0 20px 125px;
}
div.contact h3 {
	font-family: 'Trebuchet MS', Arial, sans-serif;
	font-size: 20px;
	padding: 0 0 5px 0;
	line-height: 30px;
	text-align: center;
	color: #d73b15;
}
div.contact p {
	font-family: 'Trebuchet MS', Arial, sans-serif;
	font-size: 13px;
	padding: 0 0 5px 0;
	line-height: 20px;
	text-align: center;
	color: #4d4d4d;
}
.top_form {
	display: block;
	width: 450px;
	height: 76px;
	margin: 0;
	background: #fff url(../images/bg_form_top.jpg) no-repeat top left;
}
.bottom_form {
	display: block;
	width: 450px;
	height: 76px;
	margin-bottom: 20px;
	background: #fff url(../images/bg_form_bottom.jpg) no-repeat top left;
}
.middle_form {
	display: block;
	width: 450px;
	margin: 0;
	padding: 0;
	background: #fff url(../images/bg_form_middle.jpg) repeat-y top left;
}
.txtform {
	position: relative;
	float: left;
	width: 120px;
	font-family: "Trebuchet MS", Helvetica, sans-serif;
	font-weight: bold;
	font-size: 14px;
	font-variant: small-caps;
	padding: 0 10px 0 0;
	text-align: right;
	margin-bottom: 15px;
	color: #fff;
}
.txtform2 {
	position: relative;
	float: left;
	width: 40px;
	font-family: "Trebuchet MS", Helvetica, sans-serif;
	font-weight: bold;
	font-size: 14px;
	font-variant: small-caps;
	padding: 0 10px 0 0;
	text-align: right;
	margin-bottom: 15px;
	margin-left: 10px;
	color: #fff;
}
.envoi_ok {
	font-family: "Trebuchet MS", Helvetica, sans-serif;
	font-weight: bold;
	font-size: 14px;
	padding: 10px;
	text-align:center;
	line-height: 26px;
	color: #fff;
}
.erreur {
	font-family: "Trebuchet MS", Helvetica, sans-serif;
	font-weight: bold;
	font-size: 14px;
	padding: 10px;
	line-height: 26px;
	color: #fff;
}
.erreur span{
	color: #000;
	font-weight: normal;
}
.lineform {
	position: relative;
	float: left;
	width: 250px;
	margin-bottom: 15px;
	background-color: #fff;
	border: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 3px 2px;
	color: #161616;
}
.lineform2 {
	position: relative;
	float: left;
	width: 50px;
	margin-bottom: 15px;
	background-color: #fff;
	border: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 3px 2px;
	color: #161616;
}
.lineform3 {
	position: relative;
	float: left;
	width: 136px;
	margin-bottom: 15px;
	background-color: #fff;
	border: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 3px 2px;
	color: #161616;
}
.fieldform {
	width: 250px;
	height: 120px;
	margin: 0;
	background-color: #fff;
	border: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 3px 2px;
	color: #161616;
}
.bt_valider_form {
	position: relative;
	display: block;
	float: left;
	width: 110px;
	height: 24px;
	cursor: pointer;
	margin: 10px 0 0 10px;
	background: #000 url(../images/bt_valider.gif);
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #fff;
	border: 0;
}
.bt_valider_form:hover {
	background-position: -110px;
}
.bt_effacer_form {
	position: relative;
	display: block;
	float: left;
	width: 110px;
	height: 24px;
	cursor: pointer;
	margin: 10px 0 0 0;
	background: #000 url(../images/bt_effacer.gif);
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #fff;
	border: 0;
}
.bt_effacer_form:hover {
	background-position: -110px;
}
.bt_backtoform {
	position: relative;
	display: block;
	width: 110px;
	height: 24px;
	cursor: pointer;
	margin: 20px 0 0 160px;
	background: #000 url(../images/bt_retour.gif);
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #fff;
	border: 0;
}
.bt_backtoform:hover {
	background-position: -110px;
}

/* FOOTER */

div#footer p {
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #fff;
	padding-right: 20px;
}