/* CSS Document */

/*
Color
Rouge : #ed1c24

Vert : #b1f100
Or : #b4985a
Rouge Alpha : #c92445
*/

/********************** Body ******************************/

html
{
	margin : 0 0 0 0;
	padding: 0 0 0 0;
	background-color: #ffffff;
	width: 100%;
	height: 100%;
	font-family: Geneva, Arial, Helvetica, sans-serif;
}

body
{
	margin : 0 0 0 0;
	padding: 0 0 0 0;
	background-color: #ffffff;
	width: 100%;
	min-height: 100%;
	/*height: 100%;*/
	position: relative;
}

/********************** Menu ******************************/
#menu
{
	margin : 0 0 0 0;
	padding: 0 0 0 0;
	background-color: #151515;
	width: 100%;
	height: 30px;
	background: transparent url(../images/bg_menu.png) 0 0 repeat-x;
}

#menu ul
{
	margin : 0 auto 0 auto;
	padding: 0 0 0 0;
	width: 950px;
	height: 30px;
	list-style-type: none;
}

#menu li
{
	margin : 0 25px 0 0;
	padding: 0 0 0 0;
	height: 30px;
	float: left;
}

#menu a
{
	margin : 0 0 0 0;
	padding: 0 0 0 0;
	/*background-color: #FF6600;*/
	text-decoration: none;
	color: #FFFFFF;
	display: block;
	height: 30px;
	text-indent: -9000px;
	outline-color: #000000;
	outline-width: thin;
}

#menu .accueil
{
	width: 48px;
	background: transparent url(../images/menu_accueil.png) 0 0 no-repeat;
}

#menu .accueil:hover
{
	width: 48px;
	background: transparent url(../images/menu_accueil.png) 0 -30px no-repeat;
}

#menu .accueil #currentpage
{
	width: 48px;
	background: transparent url(../images/menu_accueil.png) 0 -60px no-repeat;
}

#menu .qui
{
	width: 109px;
	background: transparent url(../images/menu_qui.png) 0 0 no-repeat;
}

#menu .qui:hover
{
	width: 109px;
	background: transparent url(../images/menu_qui.png) 0 -30px no-repeat;
}

#menu .qui #currentpage
{
	width: 109px;
	background: transparent url(../images/menu_qui.png) 0 -60px no-repeat;
}

#menu .missions
{
	width: 79px;
	background: transparent url(../images/menu_missions.png) 0 0 no-repeat;
}

#menu .missions:hover
{
	width: 79px;
	background: transparent url(../images/menu_missions.png) 0 -30px no-repeat;
}

#menu .missions #currentpage
{
	width: 79px;
	background: transparent url(../images/menu_missions.png) 0 -60px no-repeat;
}


#menu .services
{
	width: 51px;
	background: transparent url(../images/menu_services.png) 0 0 no-repeat;
}

#menu .services:hover
{
	width: 51px;
	background: transparent url(../images/menu_services.png) 0 -30px no-repeat;
}

#menu .services #currentpage
{
	width: 51px;
	background: transparent url(../images/menu_services.png) 0 -60px no-repeat;
}


#menu .portefolio
{
	width: 62px;
	background: transparent url(../images/menu_portefolio.png) 0 0 no-repeat;
}

#menu .portefolio:hover
{
	width: 62px;
	background: transparent url(../images/menu_portefolio.png) 0 -30px no-repeat;
}

#menu .portefolio #currentpage
{
	width: 62px;
	background: transparent url(../images/menu_portefolio.png) 0 -60px no-repeat;
}


#menu .devis
{
	width: 35px;
	background: transparent url(../images/menu_devis.png) 0 0 no-repeat;
}

#menu .devis:hover
{
	width: 35px;
	background: transparent url(../images/menu_devis.png) 0 -30px no-repeat;
}

#menu .devis #currentpage
{
	width: 35px;
	background: transparent url(../images/menu_devis.png) 0 -60px no-repeat;
}


#menu .contact
{
	width: 51px;
	background: transparent url(../images/menu_contact.png) 0 0 no-repeat;
}

#menu .contact:hover
{
	width: 51px;
	background: transparent url(../images/menu_contact.png) 0 -30px no-repeat;
}

#menu .contact #currentpage
{
	width: 51px;
	background: transparent url(../images/menu_contact.png) 0 -60px no-repeat;
}



/********************** Header ******************************/
#header
{
	margin : 0 0 0 0;
	padding: 0 0 0 0;
	background: transparent url(../images/header_alpha.jpg) 54% 0 no-repeat;
	width: 100%;
	height: 170px;
}


/********************** Main ******************************/
#main
{
	margin : 15px auto 0 auto;
	padding: 0 0 75px 0;
	background-color: #ffffff;
	width: 995px;
	/*height: 100%;*/
	overflow: auto;
}


/********************** Content *************/

#content
{
	margin : 15px 0 0 15px;
	padding: 5px 10px 10px 10px;
	background-color: transparent;
	width: 600px;
	/*height: 100%;*/
	float: left;
}

h1
{
	margin : 0 0 10px 0;
	padding: 0 0 5px 0;
	color: #252525;
	font-size: 24px;
	border-bottom: #eeeeee 10px solid;
	font-family: "Futura Bk BT", "Gill Sans MT", Arial, sans-serif;
	font-weight: lighter;
}

h2
{
	margin : 5px 0 10px 0;
	padding: 0 0 0 0;
	/*color: #444444; b1f100  c92445  FF3366*/
	color: #353535;
	font-size: 18px;
	font-family: "Futura Bk BT", "Gill Sans MT", Arial, sans-serif;
	/*font-weight: normal;*/
}

h3
{
	margin : 5px 0 10px 0;
	padding: 0 0 0 0;
	color: #666666;
	font-size: 13px;
}

p
{
	margin : 0 0 0 0;
	padding: 0 0 0 0;
	font-size: 13px;
}

#content p
{
	margin : 5px 0 10px 0;
	line-height: 16px;
	color: #888888;
	/*text-align: justify;*/
}

#content a
{
	margin : 0 0 0 0;
	padding: 0 0 0 0;
	text-decoration: none;
	color: #444444;
	font-size: 13px;
}

#content a:hover
{
	margin : 0 0 0 0;
	padding: 0 0 0 0;
	text-decoration: none;
	color: #b1f100;
}

a
{
	margin : 0 0 0 0;
	padding: 0 0 0 0;
	text-decoration: none;
	color: #ffffff;
}

a:hover
{
	margin : 0 0 0 0;
	padding: 0 0 0 0;
	text-decoration: underline;
}

img
{
	margin : 0 0 0 0;
	padding: 0 0 0 0;
	border: none;
}


#content img
{
	margin : 5px 13px 0 20px;
	padding: 0 0 0 0;
	border: #cccccc 5px solid;
}

ul
{
	margin : 0 0 0 0;
	padding: 0 0 0 0;
	font-size: 13px;
}

#content ul
{
	margin : 5px 0 10px 15px;
	line-height: 18px;
	color: #888888;
	list-style:;
}

.list_a
{
	list-style: url(../images/list_style_a.png);
}

.list_b
{
	list-style: url(../images/list_style_b.png);
}

.list_c
{
	list-style: url(../images/list_style_c.png);
}

.list_d
{
	list-style: url(../images/list_style_d.png);
}

#content #up
{
	font-size: 9px;
}

#content .img_missions
{
	margin: 5px 0 0 0;
}

#clients
{
	padding: 0 0 0 0;
}

#clients img
{
	margin: 0 0 0 0;
	border: none;
}

/****************************  Formulaire **************************************/

form
{
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

form p
{
	margin: 5px 0 0 0;
	padding: 0 0 0 0;
}

label
{
	display: block;
	width: 180px;
	float: left;
	margin : 0 0 0 3px;
	text-align: left;
}

input[type=text]
{
	color: #666666;
	font-size: 10px;
	border: #b1f100 1px solid;
	width: 250px;
}


select
{
	color: #666666;
	font-size: 10px;
	border: #b1f100 1px solid;
	width: 250px;
}

textarea
{
	color: #666666;
	font-size: 10px;
	border: #b1f100 1px solid;
	width: 250px;
}

input[type=submit], input[type=reset]
{
	color: #ffffff;
	font-size: 9pt;
	background-color: #b1f100;
	border: none;
	padding: 2px 1px 2px 1px;
	margin: 0 8px 0 0;
}

input[type=submit]:hover, input[type=reset]:hover
{
	color: #ffffff;
	background-color: #c92445;
	border: none;
	cursor:pointer;
}

.send
{
	margin: 10px 0 0 320px;
}

#content .services
{
	/*background-color: #0099FF;*/
	margin: 0 0 0 183px;
}

#content .partenaires
{
	border: none;
	margin: 25px 15px 0 0;
	padding: 0 0 0 0;
	display: block;
}

/********************** Sub *****************/
#sub
{
	margin : 15px 0 0 650px;
	padding: 12px 5px 5px 5px;
	background-color: transparent;
	width: 332px;
	height: 441px;
}

#sub p
{
	margin : 0 0 0 70px;
	padding: 0 0 0 0;
	font-size: 10px;
}

#etic
{
	margin : 15px 0 0 120px;
	padding: 0 0 0 0;
}


/***************************************** Portefolio ******************************************************/
/**********************************************************************************************************/

#workmenu
{
	margin: 10px 0 0 0;
	padding: 0 0 0 0;
	width: 130px;
	border-right: #cccccc 1px solid;
	float: left;
	/*background-color: #00CC33;*/
}

#workmenu h3
{
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	font-size: 12px;
}

#workmenu ul
{
	/*list-style-type: square;*/
	list-style-image: url(../images/arrow_list.png);
}

#workmenu li
{
}

#workmenu a
{
	font-size: 11px;
	color: #999999;
}


#workpict
{
	width: 455px;
	min-height: 400px;
	margin: 20px 0 0 140px;
	padding: 0 0 0 0;
	/*background-color: #FF6600;*/
	font-size: 12px;
	color: #888888;
}

#workpict img
{
	border: none;
	margin: 0 0 5px 0;
	padding: 0 0 0 0;
}

#workpict ul
{
	margin: 5px 0 0 0;
	padding: 0 0 0 0;
	list-style-type: none;
}

#workpict li
{
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	border: none;
}

#workdesc
{
	width: 455px;
	min-height: 30px;
	margin: 0 0 0 140px;
	padding: 0 0 0 0;
	/*background-color: #3366FF;*/
}

#workdesc p
{
	font-size: 12px;
	color: #444444;
}

#workdesc a
{
	/*text-decoration: underline;*/
	color: #444444;
}

#workdesc a:hover
{
	/*text-decoration: underline;*/
}

#workdesc .weblink
{
	/*margin: 0 0 0 50px;*/
}


/********************** Foot ******************************/
#foot
{
	margin : 5px 0 0 0;
	padding: 0 0 0 0;
	background: #000000 url(../images/bg_foot.png) 0 0 repeat-x;
	width: 100%;
	height: 53px;
	position: absolute;
	bottom: 0;
	color: #ffffff;
}

#foot p
{
	font-size: 11px;
}


.left_quote
{
	margin : 5px 0 0 2%;
	padding: 0 0 0 0;
	float: left;
	
}

.right_quote
{
	margin : 5px 2% 0 0;
	padding: 0 0 0 0;
	float: right;
	text-align: right;
	
}


/********************** Misc ******************************/
.green
{
	color: #b1f100;
}

.greenbold
{
	color: #FF3366;
	font-weight: bold;
}

.red
{
	color: #c92445;
}

.bold
{
	font-weight: bold;
}

.highlight
{
	color: #FF3366;
}