@import url('http://fonts.googleapis.com/css?family=Nothing+You+Could+Do');

/*
Rouge : #cf0b0f
*/

*[class*="fa-"]{ font-family: 'FontAwesome'; font-size:28px; text-decoration:none; color:#000; }

body { background-color: cornsilk; color:#000000; font-family: Arial, Helvetica, sans-serif; font-weight:normal; font-size:12px; margin:0px; padding:0px; color:#000; }

body, document, html { height:100%; width:100%; margin:0px; padding:0px; }

a { text-decoration:none; font-family: Arial, Helvetica, sans-serif; font-weight:normal; color:#000; }
a:hover { text-decoration:none; color:#656460; }

img { border:none; }

/* CSS Document */

.zone_centre { width:955px; margin:auto auto; }


header { background-color: #FFFFFF; padding: 0px; position: relative; left: 0px; right: 0px; top: 0px; z-index: 1000; height: 100px; }

header .logo { position:absolute; top:10px; left:10px; z-index:1003; }

header .menu-utilisateur { position:absolute; top:18px; right:10px; z-index:1003; }
header .menu-utilisateur table tr td { text-align:right; }
header .menu-utilisateur table tr td:last-child { padding-left:30px; }




/*
#header_bandeau { height:112px; background-color:#333333; position:relative; text-align:left; }
#header_bandeau #logo { float:left; width:344px; height:43px; padding-top:45px; }

#header_bandeau #menu_utilisateur { float:right; padding-top:21px; }
#header_bandeau #menu_utilisateur table { width:400px; }
#header_bandeau #menu_utilisateur table tr td { width:50%; text-align:right; color:#FFF; }
#header_bandeau #menu_utilisateur table tr td * { color:#FFF; }
#header_bandeau #menu_utilisateur table tr td a:hover, #header_bandeau #menu_utilisateur table tr td a:hover * { color:#c7c7c7; }
*/
/*
#header_sousbandeau { height:40px; background-image:url(../images/bg_menu.jpg); background-repeat:repeat-x; position:relative; }
#header_sousbandeau h1 { float:left; font-size:18px; margin:0px; padding:8px 0px 0px 0px; color:#FFF; width:600px; }
#header_sousbandeau a { float:right; width:180px; text-align:right; padding-top:5px; }
#header_sousbandeau a i { color:#FFF; }
#header_sousbandeau a span { font-size:18px; margin:0px; padding:8px 0px 0px 0px; color:#FFF; }
*/

#header_sousbandeau h1 { font-family: 'Nothing You Could Do', cursive; font-size: 36px; font-weight: normal; color: #cf0b0f; }


.zone_contenu { min-height:400px; padding:20px 0px 20px 0px; }
.zone_contenu h1 { color:#cf0b0f; }
.zone_contenu h1 i { color:inherit; }


#fil_ariane { margin:0px; padding:5px 0px 20px 0px; }

	
footer { position:relative; height:122px; background-color:#980065; }

p { margin:0; padding:0; padding-top:5px; padding-bottom:2px; }

form { margin:0; padding:0; }

input, select, textarea { font-family:Arial, Helvetica, sans-serif; font-size:11px; }

.counter_article { display:inline; color: #fff; font-size: 12px;  padding:1px; margin-top: 7px; margin-right: 3px;
	border-radius: 2px;
	
	background: #f93a43; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y5M2E0MyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkZjEyMWMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, #f93a43 0%, #df121c 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f93a43), color-stop(100%,#df121c)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #f93a43 0%,#df121c 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #f93a43 0%,#df121c 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #f93a43 0%,#df121c 100%); /* IE10+ */
	background: linear-gradient(to bottom, #f93a43 0%,#df121c 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f93a43', endColorstr='#df121c',GradientType=0 ); /* IE6-8 */
}

.popup input[type=button], .button { background-color:#cf0b0f; padding:5px 10px; color:#fff; text-decoration:none; border:none; cursor:pointer; font-size:12px; }
.popup input[type=button]:hover, .button:hover { background-color:#000; text-decoration:none;}

.chargement { display:none; text-align:center; padding-top:150px; }

.ombre, a.ombre-survole:hover {
    -moz-box-shadow: 0px 1px 5px 0px #656565;
    -webkit-box-shadow: 0px 1px 5px 0px #656565;
    -o-box-shadow: 0px 1px 5px 0px #656565;
    box-shadow: 0px 1px 5px 0px #656565;
    filter: progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=180, Strength=5);
}