/*
Theme Name: Twenty Eleven
Theme URI: http://wordpress.org/extend/themes/twentyeleven
Author: the WordPress team
Author URI: http://wordpress.org/
Description: The 2011 theme for WordPress is sophisticated, lightweight, and adaptable. Make it yours with a custom menu, header image, and background -- then go further with available theme options for light or dark color scheme, custom link colors, and three layout choices. Twenty Eleven comes equipped with a Showcase page template that transforms your front page into a showcase to show off your best content, widget support galore (sidebar, three footer areas, and a Showcase page widget area), and a custom "Ephemera" widget to display your Aside, Link, Quote, or Status posts. Included are styles for print and for the admin editor, support for featured images (as custom header images on posts and pages and as large images on featured "sticky" posts), and special styles for six different post formats.
Version: 1.3
License: GNU General Public License
License URI: license.txt
Tags: dark, light, white, black, gray, one-column, two-columns, left-sidebar, right-sidebar, fixed-width, flexible-width, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-image-header, featured-images, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready
*/
@charset "utf-8";

@font-face {
    font-family: 'AlabamaRegular';
    src: url('alabama-webfont.eot');
    src: url('alabama-webfont.eot?#iefix') format('embedded-opentype'),
         url('alabama-webfont.woff') format('woff'),
         url('alabama-webfont.ttf') format('truetype'),
         url('alabama-webfont.svg#AlabamaRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'ArialBlack';
    src: url('ariblk-webfont.eot');
    src: url('ariblk-webfont.eot?#iefix') format('embedded-opentype'),
         url('ariblk-webfont.woff') format('woff'),
         url('ariblk-webfont.ttf') format('truetype'),
         url('ariblk-webfont.svg#ArialBlack') format('svg');
    font-weight: normal;
    font-style: normal;

}	

/* ________________________________________________ => CORPS DE PAGE */
html {font-size: 12px;}

body {margin:0; padding:0; background:url('images/bg_main.jpg') no-repeat center 50px #ffffff; font-family:Arial, Helvetica, sans-serif; text-align:center; font-size:1em; color:#232e36;}
#main {margin:0 auto;  width:980px; text-align:left;}
#content {padding:40px 0 130px 30px; width:670px; text-align:left;}

img, a img {border:none;}
p {margin:0; padding:0; line-height:1.5em; color:#232e36; text-align:justify;}
a {color:#232e36; text-decoration:underline; cursor:pointer;}
a:hover {color:#232e36; text-decoration:none;}
fieldset {margin:0; padding:0; background:none; border:0; font-size:1em;}

ul, ol {margin:0; padding:0; list-style:none outside;}
ul li {margin:0; padding:0; list-style:none outside;}

.clearboth {float:none; clear:both; height:0; width:0; margin:0; padding:0; line-height:0;}
.spacer {margin:10px 0;}
.imgLeft {float:left;margin-right:5px;}
img.floatLeft {margin-right:10px;}
.floatLeft {display:block; float:left;}
img.floatRight {margin-left:10px;}
.floatRight {display:block; float:right;}
.center {text-align:center;}
.noMargin {margin:0;}
.noPadding{padding:0;}
.access {position:absolute; left:-9999em;}
.clearer {clear:both;}

/* Alignment */
.alignleft {display:inline; float:left; margin-right:1.625em;}
.alignright {display:inline; float:right; margin-left:1.625em;}
.aligncenter {clear:both; display:block; margin-left:auto; margin-right:auto;}


/* ________________________________________________  => POLICES */

h1 {margin:0; padding:0 0 40px; font-weight:normal; font-size:2.8em; color:#15c7dc;}
h2 {margin:0; padding:0 0 20px; font-weight:bold; font-size:1.3em; color:#232e36;}
h3 {margin:0; padding:0; font-weight:normal; font-size:1em;}

sup {font-size:0.6em;}
hr {background-color:#232e36; border:0; height:1px; margin-bottom:1.625em;}

			
/* ________________________________________________  => HEADER  */

#header {width:100%; background:url('images/bg_topFooter.gif') repeat-x 0 -10px;}
#header .header {margin:0 auto; width:980px; height:375px; background:url('images/bg_logo.gif') no-repeat 0 0; text-align:left; overflow:hidden;}
#header .header #logo {float:left; padding:43px 0 0 38px; width:316px; height:70px;}
#header .header #logo span {display:block; line-height:0.9em;}
#header .header #logo span.logo1 {font-family:AlabamaRegular, Arial, Helvetica, sans-serif; color:#ffffff; font-size:2.2em; text-transform:uppercase;}
#header .header #logo span.logo2 {font-family:ArialBlack, Arial, Helvetica, sans-serif; color:#24e3ff; font-size:3em;}
#header .header #reseaux {float:right; padding:9px 0 0; width:103px; overflow:hidden; z-index:+1;}
#header .header #reseaux a {display:block; float:left; width:37px; height:28px; background:url('images/bg_reseau.gif') no-repeat 0 0; text-indent:-999em; color:#ffffff;}
#header .header #reseaux a.reseau1 {background-position:0 0;}
#header .header #reseaux a.reseau2 {background-position:-50px 0;}
#header .header #reseaux a.reseau3 {width:29px; background-position:-98px 0;}
#header .header .headerSlogan {width:730px; overflow:hidden;}
#header .header h1.slogan, #header .header h2.slogan {display:block; clear:both; float:left; padding:114px 0 0 30px; width:370px;
line-height:1em; font-family:AlabamaRegular, Arial, Helvetica, sans-serif; font-size:2.4em; font-weight:normal; color:#222222; text-align:right;}
#header .header h1.slogan {font-size:1em; line-height:3.5em;}
#header .header h1.slogan span {display:block;}
#header .header h1.slogan span.slogan1 {font-size:3em;}
#header .header h1.slogan span.slogan2 {font-size:3.8em;}
#header .header h1.slogan span.slogan3 {font-size:2.8em;}
#header .header div.don {float:right; padding:0;}
#header .header a.don {display:block;}
#header .header #top_menu a {width: 60px;position: absolute;margin-top: 17px;margin-left:800px;color: white;text-align: right;}
#header .header #fb {width: 90px;position: absolute;margin-top: 17px;margin-left:320px;color: white;text-align: right;}

/* ________________________________________________  => MENU  */

ul#menu {padding:0 0 0 6px; width:734px; height:71px; background:url('images/bg_menu.gif') no-repeat 9px 0; list-style:none outside; overflow:hidden;}
ul#menu[id] {background-image:url('images/bg_menu.png');}
ul#menu li {float:left; width:140px; height:71px; border-right:1px solid #ffffff; list-style:none outside;}
ul#menu li a {display:block; padding:16px 0 16px 20px; color:#000000; text-decoration:none; text-transform:uppercase; font-weight:bold;}
ul#menu li a:hover {color:#232e36;}
ul#menu li a strong {display:block;}

/* ________________________________________________  => CONTENT  */

#content {padding:0 0 0 20px; width:710px;}
#content .content {padding:20px; min-height:543px; background:#ffffff;}
#content .content h2 a {text-decoration:none;}
#content .content h2 a:hover {text-decoration:underline;}
#content .content p {padding:0 0 30px 0;}
#content .content ul li {padding:0 0 30px 0; height:100%; overflow:hidden;}
#content .content ul#assos li {margin:0 0 20px; padding:0 0 20px; border-bottom:2px dashed #d7d7d7;}
#content .content ul#assos li a.img {float:left; margin:0 30px 0 0;}
#content .content ul#assos li p {padding:0 0 10px 0;}
#content .content ul#assos li a.more {display:block; float:right; padding:5px; background:#bb1b43; color:#ffffff; font-weight:bold; text-decoration:none;}
#content .content ul#assos li a:hover {text-decoration:underline;}

/* ________________________________________________  => HOME  */

.home #header .header {height:542px;}
.home #header .header .headerSlogan {width:700px;}
.home #header .header h2.slogan {padding:165px 0 0 30px; line-height:2.9em; font-size:1em;}
.home #header .header div.don {padding:106px 0 0 0;}
.home ul#menu {padding:0 0 0 30px; width:670px; height:160px; background:none;}
.home ul#menu li {width:170px; height:160px; background:url('images/bg_menuHome.gif') no-repeat 0 0; border:0;}
.home ul#menu[id] li {background-image:url('images/bg_menuHome.png');}
.home ul#menu li.last {width:160px;}
.home ul#menu li a {padding:60px 0 60px 11px; font-size:1.5em; font-weight:normal;}
.home ul#menu li a strong {display:block; font-size:0.85em;}
.home #content {padding:40px 0 130px 30px; width:670px;}
.home #content p {line-height:1.2em; font-family:"Times New Roman", Times, serif; font-style:italic; font-size:1.8em;}

/* ________________________________________________  => FOOTER  */

#footer {width:100%; height:60px; background:url('images/bg_topFooter.gif') repeat-x 0 0;}
#footer .footer {margin:0 auto; width:980px; text-align:left;}
#footer .footer p {padding:10px 0 0; width:643px; color:#ffffff; text-align:right; font-size:0.9em;}
#footer .footer p a {color:#ffffff; text-decoration:none;}
#footer .footer p a:hover {text-decoration:underline;}