/*http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background:url(../img/background/bck1.jpg) #FFFFFF top center no-repeat;
	
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}



.clear { clear: both; }
.clear_right { clear: right; }
.clear_left { clear: left; }

.vspace {height:10px;}

	body 
	{
	    margin: 0;padding: 0;
	    background-color: #ffffff;
		font-size: 1.0em;
		font-family: Verdana, Helvetica, Sans-Serif;
		color: #696969;
	}
	
	/* = warp 
	----------------------------- */
	#wrap
	{
  		position: relative;
		width: 1000px;
		margin: 0 auto; 
		color:#000;
		margin-top:10px;
	}	
	
	/* =entete
	----------------------------- */
	#entete
	{
        width: 1000px;
        height:90px;
        background-color:#DAE0D2;
    }
	/* =nav
	----------------------------- */
	#nav
	 {
	     float:left;
	     width: 1000px;
	 }
	/* =contenu
	----------------------------- */		
	#contenu {
		float: left;
		width: 1000px;
		padding-top:10px;
		background-color:#eeeeee;
/*
		border-left:solid 1px #776655;
		border-right:solid 1px #776655;
		border-bottom:solid 1px #776655;*/
	}
	/* =left
	----------------------------- */		
	#left_column {
		float: left;
		width: 690px;  /*1000-310*/
		color: black;
	}
	/* =sidebar
	----------------------------- */
	#right_column 
	{
		float: right;
		width: 300px; 
		color: black;
	}

	/* =pieddepage
	----------------------------- */
	#footer 
	{
	    color: black;float:left;width: 1000px;
		background-color:#eeeeee;

	}
	#footer p {margin: 0;}

/* ---------------------------------------------------- */
h1 
{
    color:#000000;
    margin: 0 0 0 8px; padding: 5px 0 5px 0; 
    font-family:Arial;font-weight: bold; font-size: 13px;
}

h2 
{
    color:#ffffff;
    margin: 0 0 0 8px; padding: 5px 0 5px 0; 
    font-family:Arial;font-weight: bold; font-size: 13px;
}

h3 
{
    color:#000;
    margin: 10px 0 0px 40px; 
    
    font-family:Arial;font-weight: bold; font-size: 1.4em;
}


.block
{
    background-color:#ffffff;
    border: solid 1px #cccccc;
    margin-top:0px;
}

.block_header_green
{
    width:100%;background-color:#ffffff;background-image:url(../img/bloc/bg-box-header-green.png);background-repeat:repeat-x;
    height:20px;
    line-height:8px;
}

.block_header_blue
{
    width:100%;background-color:#ffffff;background-image:url(../img/bloc/bg-box-header-blue.png);background-repeat:repeat-x;
    height:20px;
    line-height:8px;
}

.photo
{  
    border: outset 1px #aaaaaa;background-color:#ffffff;padding:1px;
}




.separator { padding: 0.3em 0 0.3em 0; clear: left; }


a.link1:link {color:#000000;font-size:0.8em;font-family:Arial;font-weight: bold;text-decoration: underline}
a.link1:visited {color:#000000;font-size:0.8em;font-family:Arial;font-weight:bold;text-decoration: underline}
a.link1:active {color:#000000;font-size:0.8em;font-family:Arial;font-weight:bold;text-decoration: underline}
a.link1:hover {color:#000000;font-size:0.8em;font-family:Arial;font-weight:bold;text-decoration: none;}

a.link2:link {color:#000000;font-size:0.8em;font-family:Arial;font-weight:normal;text-decoration: none}
a.link2:visited {color:#000000;font-size:0.8em;font-family:Arial;font-weight:normal;text-decoration: none}
a.link2:active {color:#000000;font-size:0.8em;font-family:Arial;font-weight:normal;text-decoration: none}
a.link2:hover {color:#000000;font-size:0.8em;font-family:Arial;font-weight:normal;text-decoration: underline;}



/*cloud*/

#cloud a.tag1 { font-size: 0.7em; font-weight: 100; font-family:Arial }
#cloud a.tag2 { font-size: 0.8em; font-weight: 200; font-family:Arial }
#cloud a.tag3 { font-size: 0.9em; font-weight: 300; font-family:Arial }
#cloud a.tag4 { font-size: 1.0em; font-weight: 400; font-family:Arial }
#cloud a.tag5 { font-size: 1.2em; font-weight: 500; font-family:Arial }
#cloud a.tag6 { font-size: 1.4em; font-weight: 600; font-family:Arial }
#cloud a.tag7 { font-size: 1.6em; font-weight: 700; font-family:Arial }
#cloud a.tag8 { font-size: 1.8em; font-weight: 800; font-family:Arial }
#cloud a.tag9 { font-size: 2.2em; font-weight: 900; font-family:Arial }
#cloud a.tag10 { font-size: 2.5em; font-weight: 900; font-family:Arial }

#cloud { padding: 2px; line-height: 2em; text-align: center; }
#cloud a { padding: 0px; }
#cloud { margin: 0; }
#cloud li { display: inline; }



/* FORM LAYOUT ELEMENTS   
----------------------------------------------------------*/

fieldset 
{
    margin: 1em 0;
    padding: 1em;
    border: 1px solid #CCC;
}

fieldset p 
{
    margin: 2px 12px 10px 10px;
}

fieldset label 
{
    display: block;
}

fieldset label.inline 
{
    display: inline;
}

legend 
{
    font-size: 1.1em;
    font-weight: 600;
    padding: 2px 4px 8px 4px;
}

input[type="text"] 
{
    width: 200px;
    border: 1px solid #CCC;
}

input[type="password"] 
{
    width: 200px;
    border: 1px solid #CCC;
}

#contact_subject 
{
	width:350px;
}
#contact_message
{
	width:350px;	
}
#contact_submit
{
	margin-left:150px;	
}