/** REGLAGE DE BASE **/

html {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: baseline;
	background-color: #ffffff;
	height:100%;
	background-image: url('/images/site/fond_ligne.gif');
	background-repeat: repeat;
} 
body {	 
	background-color: #ffffff;
	background-image: url('/images/site/fond_ligne.gif');
	background-repeat: repeat;
	height:100%;
	
}

body, div, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, 
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, tt, var,
dl, dt, dd, ol, ul, li, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td, textarea {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: baseline;
	font-size: 12px;
	font-family: Arial;
	color: #1C1C1C;
}

span {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: baseline;
	font-family: Arial;
	color: #1C1C1C;
}
div {
	text-align: left;
}

a {
	text-decoration: none;
	color: #2e7cfb;
}

a:hover {
	text-decoration: underline;
	color: #2e7cfb;
}


/** TYPO **/
h1 {
	font-family: Arial;
	font-size: 18px;
	color: #595f65;
	text-transform: uppercase;
	font-weight: normal;
}

h2 {
	font-family: Arial;
	font-size: 13px;
	color: #595f65;
	font-weight: bold;
}

h3 {
	font-family: Arial;
	font-size: 12px;
	color: #595f65;
	font-weight: normal;
}

h4 {
	font-family: Arial;
	font-size: 12px;
	color: #595f65;
	font-weight: bold;
}

h5 {
	font-family: Arial;
	font-size: 11px;
	color: #595f65;
	font-weight: normal;
	line-height: 14px;
}

h5 a {
	font-family: Arial;
	font-size: 11px;
	color: #2e7cfb;
	font-weight: normal;
	line-height: 14px;
	text-decoration: none;
}

h5 a:hover {
	font-family: Arial;
	font-size: 11px;
	color: #2e7cfb;
	font-weight: normal;
	line-height: 14px;
	text-decoration: underline;
}

/** FORMULAIRE **/
input, select, textarea {
	font-family: Arial;
	font-size: 11px;
	color: #595f65;
	font-weight: normal;
}

select, textarea {
	border-color: #d4d4d4;
	border-style: solid;
	border-width: 1px;
}

input[type=text] { 
	width: 107px;
	height: 16px;
	background-color: #FFFFFF;
	border-color: #d4d4d4;
	border-style: solid;
	border-width: 1px; 
}
 
input[type=password] { 
	width: 107px;
	height: 16px;
	background-color: #FFFFFF;
	border-color: #d4d4d4;
	border-style: solid;
	border-width: 1px; 
}
 
 

/** STRUCTURE **/
#global {
	width: 970px;
  	position: relative;
  	margin-left: auto;
  	margin-right: auto;
}

#wrap {
	width: 970px;
  	position: relative;
  	left: 5px;
  	float: left;
  	background-image: url('/images/site/fond_ombre.png');
  	background-repeat: repeat-y;
  	padding-left: 5px;
}



/** HEADER **/
#header {
	width: 970px;
	height: 152px;
  	position: relative;
  	float: left;
  	left: 5px;
  	background-image: url('/images/site/fond_ombre.png');
  	background-repeat: repeat-y;
}

#header_fond {
	width: 960px;
	height: 152px;
  	position: relative;
  	float: left;
  	left: 5px;
  	background-image: url('/images/site/fond_header.jpg');
}

/** MENU **/

#menu {
	width: 938px;
	height: 62px;
  	position: absolute;
  	top:122px;
  	left: 20px;
  	background-image: url('/images/site/fond_menu.png');
}

#liens_menu{
	position: relative;
	top: 17px;
	left: 20px;
}

ul#liens_menu li {display: inline;}

ul#liens_menu li a{float:left;display:block;background:url("/images/site/menu.gif")  no-repeat; text-indent:-9999px;height:28px}
ul#liens_menu li#accueil a{background-position:0px 0px; width:125px;}
ul#liens_menu li#reseau a{background-position:-125px 0px; width:157px;}
ul#liens_menu li#clients a{background-position:-282px 0px; width:138px;}
ul#liens_menu li#annonceurs a{background-position:-420px 0px; width:146px;}
ul#liens_menu li#presentation a{background-position:-566px 0px; width:212px;}

ul#liens_menu li a span {background:url("/images/site/menu.gif");height:28px;display:block}
ul#liens_menu li#accueil a span{background-position:0px -28px; width:125px;}
ul#liens_menu li#reseau a span{background-position:-125px -28px; width:157px;}
ul#liens_menu li#clients a span{background-position:-282px -28px; width:138px;}
ul#liens_menu li#annonceurs a span{background-position:-420px -28px; width:146px;}
ul#liens_menu li#presentation a span{background-position:-566px -28px; width:212px;}

#menu_reseau {
  	height: 75px;
  	width: 172px;
  	background-image: url('/images/site/menu_reseau.png');
  	position: absolute;
  	top:173px;
  	left: 158px;
  	display: none;
}

#menu_reseau h1{
	font-family: Arial;
	font-size: 15px;
	color: #FFFFFF;
	font-weight: bold;
	position: relative;
	float: left;
	left: 22px;
	top: 0px;
	text-transform: none;
	letter-spacing: 1.2px;
	margin-top: 10px;
}

#menu_reseau h1 a{
	font-family: Arial;
	font-size: 15px;
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
}

#menu_reseau h1 a:hover{
	font-family: Arial;
	font-size: 15px;
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: underline;
}

/** CONTENT **/
#content {
	width: 819px;
  	position: relative;
  	float: left;
}

#cadre {
	position: relative;
	top:10px;
	left: 10px;
}


/** FOOTER CLIENT **/
#footer_client {
	position: relative;
	float: left;
	left: 6px;
	width: 968px;
	height: 276px;
  	background-image: url('/images/site/fond_footer_client.png');
  	background-repeat: no-repeat;
}
#footer_client_texte{
	position: relative;
	float: left;
	top:64px;
	left: 45px;
	width: 175px;
}

#footer_client_texte h1{
	font-family: Arial;
	font-size: 22px;
	color: #323231;
	text-transform: none;
	line-height: 22px;
}

#footer_client_texte h2{
	font-family: Arial;
	font-size: 22px;
	color: #e2001a;
	text-transform: none;
	font-weight: bold;
	line-height: 28px;
}

#footer_client_texte h3{
	font-family: Arial;
	font-size: 11px;
	color: #323231;
	text-transform: none;
	line-height: 14px;
	text-align: justify;
}

#footer_client_texte h3 a{
	font-family: Arial;
	font-size: 13px;
	color: #323231;
	text-transform: none;
	line-height: 14px;
	text-decoration: none;
}

#footer_client_texte h3 a:hover{
	font-family: Arial;
	font-size: 13px;
	color: #323231;
	text-transform: none;
	line-height: 14px;
	text-decoration: underline;
}

/** FOOTER **/
#footer {
	position: relative;
	float: left;
	left: 6px;
	width: 968px;
	height: 129px;
  	background-image: url('/images/site/fond_footer.png');
  	background-repeat: no-repeat;
}

#footer_col{
	position: relative;
	float: left;
	top:20px;
	left: 40px;
	width: 250px;
	font-family: Arial;
	color: #aaaaaa;
	font-size: 14px;
	line-height: 20px;
}

#footer_col a{
	font-family: Arial;
	color: #aaaaaa;
	font-size: 14px;
	text-decoration: none;
}

#footer_col a:hover{
	font-family: Arial;
	color: #aaaaaa;
	font-size: 14px;
	text-decoration: underline;
}


/** FOOTER 3 BLOCS **/
#global_trois_blocs{
	width: 960px;
	height: 350px;
  	background-image: url('/images/site/fond_accueil_degrade.jpg');
  	position: relative;
  	float: left;
  	background-repeat: no-repeat;
}

#global_trois_blocs h1{
	font-family: Arial;
	font-size: 30px;
	color: #dc001b;
	font-weight: bold;
	text-transform:none;
	line-height: 32px;
}

#global_trois_blocs h2{
	font-family: Arial;
	font-size: 18px;
	color: #323231;
	font-weight: normal;
	text-transform:none;
	line-height: 23px;
}

#global_trois_blocs h3{
	font-family: Arial;
	font-size: 12px;
	color: #323231;
	font-weight: normal;
	text-transform:none;
	text-align: justify;
	word-spacing: 3px;
	line-height: 17px;
}

#trois_blocs_col1 {
	position: relative;
	float: left;
	top: 35px;
	margin-left: 45px;
	width: 250px;
	height: 350px;
}

#trois_blocs_col1 #bt_savoir_plus{
	position: absolute;
	float: left;
	top:280px;
	left: -20px;
}

#trois_blocs_col2 {
	position: relative;
	float: left;
	top: 35px;
	margin-left: 45px;
	width: 250px;
	height: 350px;
}

#trois_blocs_col2 #bt_savoir_plus{
	position: absolute;
	float: left;
	top:280px;
	left: -20px;
}

#trois_blocs_col3 {
	position: relative;
	float: left;
	top: 35px;
	margin-left: 45px;
	width: 251px;
	height: 350px;
}

#trois_blocs_col3 #bt_savoir_plus{
	position: absolute;
	float: left;
	top:280px;
	left: -20px;
}






#slideshow{
	overflow:hidden;
	width:680px;
	position: relative;
	float: left;
	top:50px;
	left: 68px;
	height: 170px;
}

	#slideshow ul{
		width:3900px;
		padding-left:225px;
	}

		#slideshow li{
			float:left;
			margin:0 16px;
			cursor:pointer;
			list-style:none;
		}