/*
Theme Name: Twenty Ten
Theme URI: http://wordpress.org/
Description: The 2010 theme for WordPress is stylish, customizable, simple, and readable -- make it yours with a custom menu, header image, and background. Twenty Ten supports six widgetized areas (two in the sidebar, four in the footer) and featured images (thumbnails for gallery posts and custom header images for posts and pages). It includes stylesheets for print and the admin Visual Editor, special styles for posts in the "Asides" and "Gallery" categories, and has an optional one-column page template that removes the sidebar.
Author: the WordPress team
Version: 1.2
License: GNU General Public License
License URI: license.txt
Tags: black, blue, white, two-columns, fixed-width, custom-header, custom-background, threaded-comments, sticky-post, translation-ready, microformats, rtl-language-support, editor-style, custom-menu
*/


/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */

@font-face{
    font-family : "Sansation";

    src : url('fonts/sansation_regular.eot?') format('eot'),
    	  url('fonts/Sansation_Regular.ttf') format('truetype');

    font-weight:normal; 
    font-style:normal;
    font-variant:normal;
}

@font-face{
    font-family : "SansationBold";

	src : url('fonts/sansation_bold.eot?') format('eot'),
		  url('fonts/Sansation_Bold.ttf') format('truetype');

}

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,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	background: transparent;
	border: 0;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
}
body {
}
h1, h2, h3, h4, h5, h6 {
	clear: both;
	font-weight: normal;
}
ol, ul {
	list-style: none;
}
blockquote {
	quotes: none;
}
blockquote:before, blockquote:after {
	content: '';
	content: none;
}
del {
	text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
a img {
	border: none;
}

/* =Layout
-------------------------------------------------------------- */

/*
LAYOUT: Two columns
DESCRIPTION: Two-column fixed layout with one sidebar right of content
*/

#container {
	float: left;
	width: 100%;
}

#content {
	margin: 40px auto;
	padding : 0;
	width : 896px;
	height :514px;
	background : url(images/back-accueil.png) 0 0 no-repeat; 
}
#footer {
	clear: both;
	width: 100%;
}

/* =Fonts
-------------------------------------------------------------- */
body,
input,
textarea,
.page-title span,
.pingback a.url {
	font-family: "Sansation",arial ;
}
h3#comments-title,
h3#reply-title,
#access .menu,
#access div.menu ul,
#cancel-comment-reply-link,
.form-allowed-tags,
#site-info,
#site-title,
#wp-calendar,
.comment-meta,
.comment-body tr th,
.comment-body thead th,
.entry-content label,
.entry-content tr th,
.entry-content thead th,
.entry-meta,
.entry-title,
.entry-utility,
#respond label,
.navigation,
.page-title,
.pingback p,
.reply,
.widget-title,
.wp-caption-text {
	font-family: "Sansation",arial ;
}
input[type=submit] {
	font-family: "Sansation",arial ;
}
pre {
	font-family: "Sansation",arial ;
}
code {
	font-family: "Sansation",arial ;
}


/* =Structure
-------------------------------------------------------------- */

/* The main theme structure */
#access .menu-header,
div.menu,
#colophon,
#branding,
#main,
#wrapper {
	margin: 0 auto;
	width: 100%;
}
#wrapper {
	background: none;
	margin-top:0px;
	padding: 0 0px;
}

/* =Global Elements
-------------------------------------------------------------- */

/* Main global 'theme' and typographic styles */
body {
	background: #8b8c8e url(images/bg.png) 50% 0 no-repeat;
	width : 100%;
	height : 100%;
}
body,
input,
textarea {
	color: #666;
	font-size: 12px;

}
hr {
	background-color: #e7e7e7;
	border: 0;
	clear: both;
	height: 1px;
	margin-bottom: 18px;
}

/* Text elements */
ul {
	list-style: square;
	margin: 0;
}
ol {
	list-style: decimal;
	margin: 0;
}
ol ol {
	list-style: upper-alpha;
}
ol ol ol {
	list-style: lower-roman;
}
ol ol ol ol {
	list-style: lower-alpha;
}
ul ul,
ol ol,
ul ol,
ol ul {
	margin-bottom: 0;
}
dl {
	margin: 0 0 24px 0;
}
dt {
	font-weight: bold;
}
dd {
	margin-bottom: 18px;
}
strong {
	font-weight: bold;
}
cite,
em,
i {
	font-style: italic;
}
big {
	font-size: 131.25%;
}
ins {
	background: #ffc;
	text-decoration: none;
}
blockquote {
	font-style: italic;
	padding: 0 3em;
}
blockquote cite,
blockquote em,
blockquote i {
	font-style: normal;
}
pre {
	background: #f7f7f7;
	color: #222;
	line-height: 18px;
	margin-bottom: 18px;
	padding: 1.5em;
}
abbr,
acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}
sup,
sub {
	height: 0;
	line-height: 1;
	position: relative;
	vertical-align: baseline;
}
sup {
	bottom: 1ex;
}
sub {
	top: .5ex;
}

a:link {
	color: #0066cc;
	text-decoration : none;
}
a:visited {
	color: #743399;
	text-decoration : none;
}
}
a:active,
a:hover {
	color: #ff4b33;
	text-decoration : none;
}
}

/* Text meant only for screen readers */
.screen-reader-text {
	position: absolute;
	left: -9000px;
}
/* =Header
-------------------------------------------------------------- */

#header {
	width:100%;
	height : 112px;
	background : url(images/back-header.png) 50% 0 no-repeat;
}
/* =Menu
-------------------------------------------------------------- */

#access {
	background: none;
	display: block;
	position : relative;
	top : 82px;
	left:170px;
	height : 26px;
	margin: 0 auto;
	width: 620px;
}
#access .menu-header,
div.menu {
	font-size: 13px;
	width: 620px;
	margin-left : 20px;
}
#access .menu-header ul,
div.menu ul {
	list-style: none;
	margin: 0;
}
#access .menu-header li,
div.menu li {
	float: left;
	position: relative;
	text-align : center;
	height : 26px;
	width : 116px;
}

#menu-item-17,#menu-item-18,#menu-item-19,#menu-item-20 {
	border-right : 2px solid #000;
}

#access a {
	color: #fff;
	display: block;
	line-height: 20px;
	text-decoration: none;
	margin-top : 6px;
}
#access ul ul {
	box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
	display: none;
	position: absolute;
	top: 38px;
	left: 0;
	float: left;
	width: 180px;
	z-index: 99999;
}
#access ul ul li {
	min-width: 180px;
}
#access ul ul ul {
	left: 100%;
	top: 0;
}
#access ul ul a {
	line-height: 1em;
	padding: 10px;
	width: 160px;
	height: auto;
}


#access li:hover > a,
#access ul ul :hover > a {
	color: #aaa;
}
#access ul li:hover > ul {
	display: block;
}
#access ul li.current_page_item > a,
#access ul li.current-menu-ancestor > a,
#access ul li.current-menu-item > a,
#access ul li.current-menu-parent > a {
	color: #aaa;
}
* html #access ul li.current_page_item a,
* html #access ul li.current-menu-ancestor a,
* html #access ul li.current-menu-item a,
* html #access ul li.current-menu-parent a,
* html #access ul li a:hover {
	color: #aaa;
}


/* =Content
-------------------------------------------------------------- */

#main {
	clear: both;
	overflow: hidden;
	padding: 40px 0 0 0;
	margin : 0 auto;
}
#content {
	margin-bottom: 36px;
}

#content input,
#content textarea {
	color: #333;
	font-size: 16px;
	line-height: 24px;
}

#content ul,
#content ol,
#content dd,
#content pre,
#content hr {
	margin-bottom: 24px;
}
#content ul ul,
#content ol ol,
#content ul ol,
#content ol ul {
	margin-bottom: 0;
}
#content pre,
#content kbd,
#content tt,
#content var {
	font-size: 15px;
	line-height: 21px;
}
#content code {
	font-size: 13px;
}
#content dt,
#content th {
	color: #000;
}




.hentry {
	margin: 0 0 48px 0;
}
.home .sticky {
	background: #f2f7fc;
	border-top: 4px solid #000;
	margin-left: -20px;
	margin-right: -20px;
	padding: 18px 20px;
}
.single .hentry {
	margin: 0 0 36px 0;
}
.page-title {
	color: #000;
	font-size: 14px;
	font-family : "SansationBold"
	margin: 0 0 36px 0;
}
.page-title span {
	color: #333;
	font-size: 16px;
	font-style: italic;
	font-weight: normal;
}
.page-title a:link,
.page-title a:visited {
	color: #888;
	text-decoration: none;
}
.page-title a:active,
.page-title a:hover {
	color: #ff4b33;
}
#content .entry-title {
	color: #0082bf;
	font-size: 24pt;
	font-family : "SansationBold"
	font-style : italic;
	line-height: 1.3em;
	margin-bottom: 0;
	padding-top : 10px;
	padding-left : 40px;
}
.entry-title a:link,
.entry-title a:visited {
	color: #000;
	text-decoration: none;
}
.entry-title a:active,
.entry-title a:hover {
	color: #ff4b33;
}
.entry-meta {
	color: #888;
	font-size: 12px;
}
.entry-meta abbr,
.entry-utility abbr {
	border: none;
}
.entry-meta abbr:hover,
.entry-utility abbr:hover {
	border-bottom: 1px dotted #666;
}
.entry-content,
.entry-summary {
	clear: both;
	padding: 12px 0 0 0;
}
#content .entry-summary p:last-child {
	margin-bottom: 12px;
}

/*************************** PERSO PAGE ****************************************/
.entry-content {
	position : relative;
	float : left;
	color : #fff;
	width : 342px;
	padding-left : 25px;
	padding-top : 20px;
	font-size : 10pt; 
	line-height : 13px;
}

.entry-content p{
	position : relative;
	padding : 0;
	/*margin-bottom : -10px;
	margin-top : -0px;*/
	line-height : 13px;
}

.entry-content br{
	line-height : 24px;
}

/************************ PRESENTATION ***************************************/
#table_secteur {
	position : relative;
	top : 20px;
	padding-left : 20px;
	padding-top : 20px;
	bottom : 10px;
	margin : 0;
	border : none;
	background : url(images/encart-accueil.png) 0 0 no-repeat;
}

#table_secteur tr{	
	width : 220px;
}

#table_secteur td{
	padding-left : 30px;
	height : 4px;
	width : 110px;
}

.entry-right {
	width : 505px;
	height : 514px;
	position : relative;
	float : right;
	padding-top : 10px;
	padding-left : 10px;
}

#img-accueil-1{
	position : relative;
	float : left;
	left : 10px;
}
#img-accueil-2{
	position : relative;
	float : left;
	top : 20px;
}
#img-accueil-3{
	position : relative;
	float : right;
	top : -85px;
	left : -105px;
	
}

/***************************** ACTUALITES ******************************/

#actu-cadre {
	position : relative;
	float : left;
	color : #fff;
	width : 570px;
	padding-left : 18px;
	margin-top : 18px;
	height : 344px;
	overflow: auto;
}

.entry-header-actu{
	position : relative;
	float:left;
	width : 549px;
	height : 8px;
	background : url(images/bg-actu-header.png) 0 0 no-repeat;	
}

.entry-content-actus {
	position : relative;
	float:left;
	width : 549px;
	margin:0;
	background : url(images/bg-actu-content.png) 0 0 repeat-y;	
}

.entry-content-actus h2{
	position : relative;
	float:left;
	margin : 0;
	font-size : 11pt;
	padding : 0px 20px 10px 20px;
	width : 90%;
	color : #bdbdbd;;
}

.actu-content{
	position : relative;
	float:left;
	margin : 0;
	padding : 0;
}

.actu-content p{
	position : relative;
	padding : 0px 20px 1px 20px;
	margin : 0;
}
.entry-footer-actu{
	position : relative;
	float:left;
	width : 549px;
	height : 11px;
	min-height : 11px;
	background : url(images/bg-actu-footer.png) 0 0 no-repeat;	
}

.entry-image-actu{
	position : relative;
	float : right;
	bottom : 330px;
	left : 496px;
}

/******************* SAVOIR FAIRE *******************************/
#savoir-cadre{
	position : relative;
	float : left;
	color : #fff;
	width : 866px;
	padding-left : 18px;
	margin-top : 18px;
	line-height : 13px;
	height : 100%;
}

/******************* DOCUMENTATION  *******************************/
#documentation-cadre{
	position : relative;
	float : left;
	color : #fff;
	width : 205px;
	height : 402px;
	background : url(images/back-tree.png)  0 0 no-repeat;
	margin-left : 18px;
	margin-top : 18px;
}

#tree-text {
	height : 30px;
}


#documentation-header {
	margin-top : 18px;
	position : relative;
	float : left; 
	color : #fff;
	margin-left : 20px;
	width : 594px;
	height : 34px;
	overflow:auto;
	margin-bottom : 8px;
	background-color : #646464;
}

#documentation-back {
	position : relative;
	float : left;
	width : 578px;
	height : 380px; 
	margin-left : 20px;
	margin-top : 18px;
	padding : 8px;
	overflow:auto;
	background-color : #646464;
	overflow : hidden;
}

#documentation-content {
	position : relative;
	float : left;
	color : #000;
	width : 578px;
	height : 323px;
	background-color : #fff;
}

#documentation-telecharger {
	position : relative;
	float : right;
	color : #fff;
	width : 203px;
	height : 46px;
	background : url(images/btn-telecharger.png)  0 0 no-repeat;
	margin-top : 8px;
	text-align : center;
	padding-top : 8px;
}

.folder, .file {
	font-size : 13px;
}

/****************************** Contact ************************************/

#contact-cadre{
	position : relative;
	float : left;
	color : #fff;
	width : 700px;
	height : 402px;
	margin-left : 58px;
	margin-top : 45px;
}

#contact-cadre .wpcf7 {
	position : relative;
	padding : 0;
	top : -20px;
}

#left-form {
	width : 341px;
	position : relative;
	float : left;
	margin-right : 6px;
}

#right-form {
	width : 351px;
	position : relative;
	float : right;
}

#left-form .label,#right-form .label{
	position : relative;
	float : left;
	height : 29px;
}

#left-form .label{
	width : 129px;
}

#right-form .label{
	width : 113px;
}

#left-form .label span,#right-form .label span{
	font-size : 9pt;
	color : #fff;
	position : relative;
	float : right;
	
	padding-right : 6px;
}


#right-form  .champ,#left-form  .champ{
	position : relative;
	float : right;
}

#left-form .champ input,#right-form .champ input{
	width : 208px;
	height : 27px;
	font-size : 9pt;
	background : url(images/contact-input.png)  0 0 no-repeat;
	color : #fff;
	border : none;
	padding-left : 4px;
}

#right-form .champ input{
	padding-right : 16px;
}

#right-form  .champ textarea{
	width : 347px;
	height : 122px;
	font-size : 10pt;
	color : #fff;
	border : none;
	background : transparent;
	resize:none;
	line-height : 12px;
	padding : 0px 4px 0 4px;

}

#scroll-footer{
	position : relative;
	left : 8px;
	width : 360px;
	height : 9px;
	border : none;
	background : url(images/contact-textarea-footer.png)  0 0 no-repeat;
	float : right;
}

#scroll-header{
	position : relative;
	left : 8px;
	width : 360px;
	height : 7px;
	border : none;
	background : url(images/contact-textarea-header.png)  0 0 no-repeat;
	float : right;
}

#right-form  .button {
	width : 351px;
	height : 145px;
	
	
}

#right-form  .button input{
	width : 203px;
	height : 46px;
	font-size : 10pt;
	background : url(images/btn-telecharger.png)  0 0 no-repeat;
	color : #fff;
	border : none;
	
}
#right-form  .button input:hover {
	cursor : pointer;
}

span.wpcf7-not-valid-tip {
	border : none;
	background : none;
	color : red;
	font-size : 8pt;	
	top: 20%;
	left: 10px;
}

div.wpcf7-response-output {
	margin: 0;
	padding: 0;
	font-size : 8pt;
	border : none;
	font-family : "SansationBold"
	color : red;
	background : none;
}

address {
	width : 400px;
	position : relative;
	float : left;
	top : 30px;
	line-height : 22px;
	margin : 0;
	padding : 0;
}

address h3{
	font-family : "SansationBold";
}


.page-link {
	clear: both;
	color: #000;
	font-family : "SansationBold"
	margin: 0 0 22px 0;
	word-spacing: 0.5em;
}
.page-link a:link,
.page-link a:visited {
	background: #f1f1f1;
	color: #333;
	font-weight: normal;
	padding: 0.5em 0.75em;
	text-decoration: none;
}
.home .sticky .page-link a {
	background: #d9e8f7;
}
.page-link a:active,
.page-link a:hover {
	color: #ff4b33;
}
body.page .edit-link {
	clear: both;
	display: block;
}
#entry-author-info {
	background: #f2f7fc;
	border-top: 4px solid #000;
	clear: both;
	font-size: 14px;
	line-height: 20px;
	margin: 24px 0;
	overflow: hidden;
	padding: 18px 20px;
}
#entry-author-info #author-avatar {
	background: #fff;
	border: 1px solid #e7e7e7;
	float: left;
	height: 60px;
	margin: 0 -104px 0 0;
	padding: 11px;
}
#entry-author-info #author-description {
	float: left;
	margin: 0 0 0 104px;
}
#entry-author-info h2 {
	color: #000;
	font-size: 100%;
	font-family : "SansationBold"
	margin-bottom: 0;
}
.entry-utility {
	clear: both;
	color: #888;
	font-size: 12px;
	line-height: 18px;
}
.entry-meta a,
.entry-utility a {
	color: #888;
}
.entry-meta a:hover,
.entry-utility a:hover {
	color: #ff4b33;
}
#content .video-player {
	padding: 0;
}

.alignleft,
img.alignleft {
	display: inline;
	float: left;
	margin-right: 24px;
	margin-top: 4px;
}

/* =Navigation
-------------------------------------------------------------- */

.navigation {
	color: #888;
	font-size: 12px;
	line-height: 18px;
	overflow: hidden;
}
.navigation a:link,
.navigation a:visited {
	color: #888;
	text-decoration: none;
}
.navigation a:active,
.navigation a:hover {
	color: #ff4b33;
}
.nav-previous {
	float: left;
	width: 50%;
}
.nav-next {
	float: right;
	text-align: right;
	width: 50%;
}
#nav-above {
	margin: 0 0 18px 0;
}
#nav-above {
	display: none;
}
.paged #nav-above,
.single #nav-above {
	display: block;
}
#nav-below {
	margin: -18px 0 0 0;
}



/* =Footer
-------------------------------------------------------------- */

#footer {
	margin-top: 0px;
	margin-bottom: 20px;
	position : relative;
}
#colophon {
	position : relative;
	width : 896px;
	margin : 0 auto;
}