/**

	cvdirect.css
	@autor : cvdirect
	@date : 2010, augustus
	

**/

/*
******************** RESET CSS
*/
/*
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-family:Helvetica, Arial, sans-serif;
	vertical-align:middle;
}
*/

/*
******************** Generated by Font Squirrel (http://www.fontsquirrel.com) on August 21, 2010
*/

@font-face {
	font-family: 'GraublauWebRegular';
	src: url('../fonts/graublauweb-webfont.eot');
	src: local('☺'), url('../fonts/graublauweb-webfont.woff') format('woff'), url('../fonts/graublauweb-webfont.ttf') format('truetype'), url('../fonts/graublauweb-webfont.svg#webfontkrHuzdwm') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'GraublauWebBold';
	src: url('../fonts/graublauwebbold-webfont.eot');
	src: local('☺'), url('../fonts/graublauwebbold-webfont.woff') format('woff'), url('../fonts/graublauwebbold-webfont.ttf') format('truetype'), url('../fonts/graublauwebbold-webfont.svg#webfontFcb8lxCJ') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'SansumiRegular';
	src: url('../fonts/sansumi-bold-webfont.eot');
	src: local('☺'), url('../fonts/sansumi-bold-webfont.woff') format('woff'), url('../fonts/sansumi-bold-webfont.ttf') format('truetype'), url('../fonts/sansumi-bold-webfont.svg#webfontoe7gz7zM') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'CantarellRegular';
	src: url('cantarell-regular-webfont.eot');
	src: local('☺'), url('../fonts/cantarell-regular-webfont.woff') format('woff'), url('../fonts/cantarell-regular-webfont.ttf') format('truetype'), url('../fonts/cantarell-regular-webfont.svg#webfont7VtBXFJO') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'QlassikMediumRegular';
	src: url('../fonts/Qlassik_TB-webfont.eot');
	src: local('☺'), url('../fonts/Qlassik_TB-webfont.woff') format('woff'), url('../fonts/Qlassik_TB-webfont.ttf') format('truetype'), url('../fonts/Qlassik_TB-webfont.svg#webfont') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Colaborate-MediumRegular';
	src: url('../fonts/colabmed-webfont.eot');
	src: local('☺'), url('../fonts/colabmed-webfont.woff') format('woff'), url('../fonts/colabmed-webfont.ttf') format('truetype'), url('../fonts/colabmed-webfont.svg#webfontUKR5wJIv') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'QlassikBoldRegular';
	src: url('../fonts/QlassikBold_TB-webfont.eot');
	src: local('☺'), url('../fonts/QlassikBold_TB-webfont.woff') format('woff'), url('../fonts/QlassikBold_TB-webfont.ttf') format('truetype'), url('../fonts/QlassikBold_TB-webfont.svg#webfont') format('svg');
	font-weight: normal;
	font-style: normal;
}

/*
******************** html + body + page (header + conteneur + footer)
*/

html
{ 
	font-size: 100%;
	-webkit-font-smoothing: antialiased;
	background-color:white;
} 

body
{
	width: 1024px;
	margin: 0 auto;
	padding: 30px 0 0 0; 
	font: 18px/27px 'GraublauWebRegular', Arial, sans-serif;
	color:#666;
}

/*
******************** header = titre + menuhaut + scrolling
*/

#header
{
	width:100%;
	padding:0;
	margin:0 auto;
}

#titre
{
	font: 3em 'GraublauWebBold', Arial, sans-serif;
	text-align: center;
	padding:20px;
}

#menuhaut
{
	/* image */
	height:78px;
	width:876px;
	background:url(../images/menu_bg.gif) no-repeat;
	/* centrage */
	display: block; 
	margin:0 auto;
	text-align: center;
	/* marges */
	padding-top:5px;
	/* police */
	font-variant:small-caps;
}

#scrolling
{
	overflow:hidden;
	height:40px;
	margin-top:-48px;
}

/*
******************** footer = menubas + copyright
*/

#footer
{
	font-size:0.8em;
	text-align:center;
}

#footer p
{
	clear:both;
	text-align:center;
	line-height:0px;
}

#menubas
{
	/* font-size:0.8em; */
	border-bottom:1px solid #666;
}

/*
******************** conteneur = centre + droite
*/

#conteneur
{
	margin:10px 0 0 0;
	padding:20px;
}

/*
#gauche
{
	float:left;
	width:120px;
	background:url(../images/angle.png) top left no-repeat;
	padding:12px;
	margin-top:30px;
	margin-right:12px;
}
*/

#centre
{
	float:left;
	background:url(../images/angle.png) no-repeat;
	width:640px;
	padding:12px;
	margin-top:-30px;
	margin-right:12px;
}

#droite
{
	float:right;
	background:url(../images/angle.png) no-repeat;
	width:200px;
	padding:12px;
	margin-top:-30px;
	margin-right:12px;
}

/*
******************** liens
*/

a {color:#497EBC; text-decoration:none; font-weight:bold; padding:0; margin:0;}
a:hover, li a.selected {color:#666; text-decoration:none; outline:0; padding:0; margin:0;}

#menuhaut a {color:#fff; text-decoration:none; font-weight:bold; padding:0; margin:0;}
#menuhaut a:hover {color:#FFA500; text-decoration:none; outline:0; padding:0; margin:0;}

#menubas a,
#menuvertical a {color:#666; text-decoration:none; font-weight:bold; padding:0; margin:0;}

#menubas a:hover,
#menuvertical a:hover {color:#497EBC; text-decoration:none; outline:0; padding:0; margin:0;}

li a.selected {color:#000; text-decoration:none; outline:0; padding:0; margin:0;}

/*
******************** listes
*/

ul {list-style-type:none; padding:0; margin:0;}
ul.point {list-style-type:disc; text-align:justify; margin-left:48px;}
ul.none {list-style-type:none; text-align:justify; margin-left:12px; padding:0;}
ol.decimal {list-style-type:decimal; text-align:justify; margin-left:36px;}

#menubas ul li,
#menuhaut ul li
{
	display:inline;
	padding:0;
	margin:0 5px 0 12px;
}

#menuvertical ul li
{
	margin-left:24px;
	margin-bottom:12px;
}

/*
******************** format des boutons
*/

#bouton
{
	float:left;
	width:170px;
	height:40px;
	line-height:40px;
	text-align:center;
	background:url(../images/bouton.jpg) no-repeat;
	font-size:.8em;
}

/*
******************** formulaire
*/

form
{
	width: 545px;
	display: inline-block;
	vertical-align: top;
	margin: 0;
margin-left:12px;
padding-top:40px;
	background: url(../images/contact_bg.png) right top no-repeat;
}

fieldset
{
	float:left;
	padding:12px;
	margin:12px;
	border:1px solid #666;
}

legend
{
	text-align:left;
	font-size:16px;
	font-weight:normal;
	color:#497EBC;
}

label
{
	margin-left:12px;
	display:block;
}

textarea
{
/*
text-align:left;
margin-left:12px;
background-color:#497EBC;
*/
	width: 520px;
	padding: 10px;
	border: 1px solid #C3C9CF;
	background: #D9E0E6;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-wekbit-border-radius: 10px;
	font-family:inherit;
	font-size:1.2em;
}

input
{
/*
margin-left:12px;
*/
	width: 520px;
	height: 40px;
	padding: 0 10px;
	border: 1px solid #C3C9CF;
	background: #D9E0E6;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-wekbit-border-radius: 10px;
	font-size:1.2em;
}

input[type=checkbox]
{
	margin-right:12px;
	display:inline;
}

input[type=file]
{
/*
margin-right:12px;
display:inline;
*/
	width: 520px;
	height: 40px;
	padding: 0 10px;
	border: 1px solid #C3C9CF;
	background: #D9E0E6;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-wekbit-border-radius: 10px;
	font-size:1em;
}

input[type=submit]
{
  width: 136px;
  height: 45px;
  border: none;
  background: url(../images/contact_submit.png) right top no-repeat;
  color: #fff;
  text-transform: uppercase;
  text-shadow: 0px 0px 9px #587E0A;
  cursor: pointer;
}

select, option
{
	margin-left:12px;
}

input:focus, textarea:focus
{
	border: 1px solid #666;
	outline: none;
}

/*
******************** tableau
*/

td
{
	text-align:left;
}

/*
******************** formatage du texte
*/

p
{
	line-height:36px;
	text-align:justify;
	margin-left:12px;
}

h1
{
	/* background:url(images/cible100x70.jpg) no-repeat; */
	background-position:top right;
	/* height:70px; */
	text-align:left;
	margin-top:22px;
	margin-bottom:22px;
	margin-left:12px;
	font: 2em 'GraublauWebBold', Arial, sans-serif;
/*
	font-size:1.5em;
	font-weight:bold;
*/
	font-variant:small-caps;
	color:#497EBC;
}

h2
{
	text-align:left;
	margin-top:22px;
	margin-bottom:22px;
	margin-left:12px;
	font: 1.2em 'GraublauWebBold', Arial, sans-serif;
/*
	font-size:1.2em;
	font-weight:bold;
*/
	font-variant:small-caps;
	color:#497EBC;
}

h3
{
	text-align:center;
	margin-top:22px;
	font-size:1em;
	line-height:30px;
	font-weight:bold;
	color:#497EBC;
}

/*
******************** divers
*/

#spacer
{
	clear:both;
	margin:1em;
}

.pub
{
	float:left;
	text-align:center;
	width:130px;
	height:60px ;
	margin:10px;
}

.interligne
{
	margin-top:24px;
	line-height:18px;
	/*
	margin-bottom:12px;
	margin-left:12px;
	*/
}

.centre
{
	text-align:center;
}


.info
{
	text-align:left;
	margin-left:12px;
	color:#497EBC;
	font-style:italic;
	font-weight:normal;
}

.gras
{
	font-weight:bold;
	color:#497EBC;
}

.nb
{
	font-style:italic;
	font:0.8em 'GraublauWebBold';
}

.couleur
{
	color:red;
	font-weight:bold;
}

div#pub a:hover
{
	color:#497EBC;
}

.cadre
{
	border: 1px solid #666666;
}