/* 
Author:Loic Sans
Date:December 2006
Last update:30th December 2006 
*/


/**************************GENERAL STYLES**********************/

html
{
	padding: 0;
	margin: 0;
	/*border-top: 5px solid #666666;*/
}

body
{
	font-family: "Lucida Grande", "Lucida Sans", Helvetica, Verdana, Arial, Geneva, sans-serif;
	font-size: 0.7em;
	color: #666666;
	/* padding:0 20px 0 20px; */
	margin: 0;
	line-height: 1.5em;
	background-color:#222;
}
p.soon {width:100%;
text-align:center;
color:#C33;
font-size:150%;
background-color:#222;
margin:0;
padding:0;
}


a:link, a:active, a:visited
{
	text-decoration: none;
	color: #afb085;
	font-weight: bold;
}

a:hover { text-decoration: underline; }

h2
{
	font-family: Georgia, Times New Roman, Times, serif;
	font-size: 170%;
	color: #afb085;
	display: inline;
}


h2:first-letter {
	font-size:200%;
	font-weight:bolder;
}

h3
{
	font-family: Lucida Grande, Lucida Sans, Helvetica, Verdana, Arial, Geneva, sans-serif;
	font-size: 120%;
	color: #ff6600;
	display: block;
	margin: 0 0 5px 3px;
	font-weight: bold;
}

h4
{
	font-family: Lucida Grande, Lucida Sans, Helvetica, Verdana, Arial, Geneva, sans-serif;
	font-size: 80%;
	color: #ffffff;
	display: inline;
	font-weight: normal;
}

h5 
{
	font-family:Georgia, Times New Roman, Times, serif;
	font-size:100%;
	color:#ffffff;
	font-weight:bold;
	display:inline;

}

#pusherdiv
{
	clear: both;
	height: 1px;
}

.noDisplay {
	display:none;
	
	}
	
input {
	border:1px solid #666666;
}

textarea {
	border:1px solid #666666;
}
/****************************END OF GENERAL STYLES**************************/

/***************************GENERAL LAYOUT**********************************/

#wrap_container
{
	padding: 0px;
	width: 782px;
	margin-top: 20px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	position: relative;
	/*border:1px solid #333;*/
	background-color:#fff;

}

#wrap_container #corner
{
	position: absolute;
	margin: 4px 0 0 30px;
	font-weight: bold;
	font-size: 90%;
	/*background-image:url(../images/corner.png);
		background-repeat:no-repeat;
		width:98px;
		height:67px;*/
}

#wrap_container #header_top
{
	width: 782px;
	height: 166px;
	margin: 0;
	padding: 0;
	background-image: url(../images/top2.png);
	background-repeat: no-repeat;
}

#wrap_container #header_top #h1Title
{
	position: absolute;
	padding: 0;
	margin: 103px 0 0 210px;
}

#wrap_container #header_top #copysheet
{
	font-family: Lucida Grande, Lucida Sans, Helvetica, Verdana, Arial, Geneva, sans-serif;
	font-size: 120%;
	color: #afb085;
	font-weight: normal;
	position: absolute;
	margin: 140px 0 0 211px;
}

#wrap_container #header_top #h1Title h1
{
	font-family: Lucida Grande, Lucida Sans, Helvetica, Verdana, Arial, Geneva, sans-serif;
	font-weight: normal;
	font-size: 170%;
	text-transform: uppercase;
	padding: 0;
	margin: 0;
	display: inline;
	color: #666666;
	line-height: 0.9em;
}

#wrap_container #header_top #h1Title h1 span { color: #afb085; }

#wrap_container #header_top #contacts
{
	position: absolute;
	margin: 62px 0 0 635px;
	height: 81px;
	border-bottom: 9px solid #ff6600;
	line-height: 1.2em;

}

#wrap_container #header_top #colorBar
{
	position: absolute;
	width: 89px;
	height: 9px;
	margin: 143px 0 0 410px;
	background-color: #afb085;
}

#wrap_container #header_top #contacts ul
{
	padding: 0;
	margin: 0;
	list-style-type: none;
}

#wrap_container #header_top #contacts ul li
{
	font-family: Lucida Grande, Lucida Sans, Helvetica, Verdana, Arial, Geneva, sans-serif;
	text-align: right;
	padding: 0;
	color: #ff6600;
	font-weight: bold;
	font-size: 90%;
	margin: 0;
}

#wrap_container #header_top #contacts ul li a
{
	font-family: Lucida Grande, Lucida Sans, Helvetica, Verdana, Arial, Geneva, sans-serif;
	color: #ff6600;
	font-weight: bold;
	text-decoration: none;
}

#wrap_container #nav_wrapper
{
	width: 782px;
	padding: 15px 0 0 0;
	/*background-image: url(../images/shadow.png);
	background-repeat: repeat-y;*/
}

#wrap_container #nav_wrapper #navcontainer
{
	width: 438px;
	height: 20px;
	margin: 0 0 0 20px;
	padding: 0;
	/* border-top:2px solid #afb085; */
	border-bottom: 5px solid #666666;
}

#wrap_container #nav_wrapper #navcontainer ul
{
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#wrap_container #nav_wrapper #navcontainer ul li
{
	float: left;
	margin: 0.2em 1em 0 0;
	display: inline;
	vertical-align: middle;
	padding-top: 2px;
}

#wrap_container #nav_wrapper #navcontainer ul li.NoMarginRight { margin-right: 0px; }

#wrap_container #nav_wrapper #navcontainer ul li a
{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
	color: #666666;
	font-size: 1em;
}

#wrap_container #nav_wrapper #navcontainer ul li a:hover
{
	color: #ff6600;
	border-top: 5px solid #ff6600;
}

#wrap_container #nav_wrapper #navcontainer ul li a.currentPage
{
	color: #ff6600;
	border-top: 5px solid #ff6600;
}

#wrap_container #content_wrapper
{
	width: 782px;
	margin: 0 0 0 0;
	padding: 0 0 10px 0;
	height: auto;
	overflow: auto;
	/*background-image: url(../images/shadow.png);
	background-repeat: repeat-y;*/
}

#wrap_container #content_wrapper #column1
{
	float: left;
	width: 437px;
	margin: 10px 0 0 20px;
	background-color: #ffffff;
	/*border:1px solid #666666;
				background-image:url(../images/bird.jpg);
				background-repeat:no-repeat;
				background-position:bottom left;*/
}

* html #wrap_container #content_wrapper #column1
{
	margin:10px 0 0 20px;
}


/***************WORK PAGE******************/

#wrap_container #content_wrapper #column1 ul#thWork
{
	margin: 0;
	padding:0;
	list-style-type: none;
	width:100%;
	
}

#wrap_container #content_wrapper #column1 ul#thWork li.workli
{	
	float:left;
	display:inline;
	padding: 0;
	margin:0 14px 10px 0;
	border:none;
	width:auto;
	
}

#wrap_container #content_wrapper #column1 ul#thWork li.workli img
{	
	border:1px solid #666666;
	
}

#wrap_container #content_wrapper #column1 ul#thWork li.workli a
{	
	display:inline;
	text-align: left;
	margin:0;
}


/******************************************/


/*****************FORMULAIRE*************************/



#column1 form table {
	width:100%;
}

#column1 form table td {
	vertical-align:top;
}

input.checkbox {
	margin:0 0 0 50px;
}
/*****************END FORMULAIRE*************************/


#wrap_container #content_wrapper #column1 ul
{
	margin: 0;
	padding: 20px 0 0 0;
	list-style-type: none;
}

#wrap_container #content_wrapper #column1 ul li
{
	width: 100%;
	float:left;
	border-bottom: 2px solid #666666;
	margin: 0 0 20px 0;
	padding: 0 0 10px 0;
}

#wrap_container #content_wrapper #column1 ul li h3 img
{
	float: left;
	margin: 10px 7px 0 5px;
}

#wrap_container #content_wrapper #column1 ul li p { margin: 10px 5px 0 5px; }

#wrap_container #content_wrapper #column1 ul li a
{
	display: block;
	text-align: right;
	margin: 5px 0 0 5px;
}

#wrap_container #content_wrapper #column2
{
	float: right;
	width: 200px;
	margin: 0px 10px 0 0px;
	background-color: #afb085;
	padding:0 0 0 0;
}

#wrap_container #content_wrapper #column2 #column2Title {
	width:100%;
	background-color:#666666;
	color:#ffffff;
	font-family:Georgia, Times New Roman, Times, serif;
	padding:5px 0 5px 0;
	text-align:center;
	font-size:120%;
}

#wrap_container #content_wrapper #column2 #iLike {
	width:100%;
	background-color:#666666;
	color:#ffffff;
	font-family:Arial, Helvetica, sans-serif;
	padding:2px 0 2px 0px;
	font-size:120%;
	text-indent:22px;
	visibility:hidden;
}

#wrap_container #content_wrapper #column2 ul
{
	padding: 0 0 10px 0;
	margin: 0;
	list-style-type: none;
}

#wrap_container #content_wrapper #column2 ul li
{
	padding: 6px 0 3px 0;
	margin: 5px 5px 0 5px;
	/*border-bottom: 5px solid #ffffff;*/
	text-align: center;
	font-size:130%; 
	border:2px solid #ffffff;
}

#wrap_container #content_wrapper #column2 ul li.noImage a
{
	font-family:Georgia, Times New Roman, Times, serif;
	font-size:160%;
}

#wrap_container #content_wrapper #column2 ul li#host
{
	font-size:90%;
	border:none;
}

#wrap_container #content_wrapper #column2 ul li a { color: #ffffff; }

#wrap_container #content_wrapper #column2 ul li a:hover { color: #666666; text-decoration:none; }

#wrap_container #content_wrapper #column3
{
	/* float:left;
				width:22%;
				margin:0 0.2% 0 0;
				height:20em;
				background-color:#99FF99; */
	display: none;
}

#wrap_container #content_wrapper #column3:after { clear: both; }

#wrap_container #footer
{
	position: relative;
	width: 786px;
	margin: 0 0 5px 0;
	padding: 0;
}

#wrap_container #footer #bottom_nav
{
	width: 782px;
	margin: 0;
	padding: 0;
	background-image: url(../images/shadow.png);
	background-repeat: repeat-y;
}




#wrap_container #footer #bottom_navcontainer
{
	background-color: #666666;
	width: 752px;
	height: 20px;
	margin: 0 0 0 15px;
	padding: 0;
}

* html #wrap_container #footer #bottom_navcontainer
{
	background-color: #666666;
	width: 752px !important;
	height: 20px;
	margin: 0 0 0 15px !important;
	padding: 0;
}


#wrap_container #footer #bottom_navcontainer ul
{
	width: 100%;
	margin: 0 0 0 180px;
	padding: 2px 0 2px 0;
	list-style-type: none;
}

* html #wrap_container #footer #bottom_navcontainer ul
{
	width: 100%;
	margin: 0 0 0 0;
	padding: 2px 0 2px 0;
	list-style-type: none;
}

#wrap_container #footer #bottom_navcontainer ul li
{
	width: 100%;
	margin: 0 0 0 10px;
	padding: 0;
	display: inline;
}

#wrap_container #footer #bottom_navcontainer ul li a { color: #ffffff; }

#wrap_container #copywrapper
{
	width: 110%;
	margin: 0;
	padding: 0;
	overflow: auto;
}

#wrap_container #copywrapper #copyright_bottom
{
	margin: 0 0 0 25px;
	padding: 3px 0 0 45px;
	height: 55px;
	background-image: url(../images/bird2.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	font-weight: normal;
	font-size: 90%;
	float: left;
	line-height:normal;
}

#wrap_container #copywrapper #validation
{
	margin: 0;
	padding: 0 0 0px 10px;
	float: left;
	vertical-align: text-top;
}

#wrap_container #copywrapper #linksW3C
{
	float: left;
	margin: 10px 0 0 10px;
	color: #afb085;
	font-weight: bold;
}