/*
Theme Name:Theme Unitax
Theme URI:http://warin-creations.be/isl-ul/
Author:Warin Laurent
Author URI:http://warin-creations.be/
Description:Ce thème a été réalisé sur mesure pour le cours de Wordpress.
Version:1.0
*/

/* ================================
    960.gs
================================ */
header,nav,article,main,section,summary,aside,figcaption,figure,details,footer{display:block}

body{
	min-width:960px;
	margin:0;
	padding:0;
	font:90% Arial, Helvetica, "Liberation Sans", FreeSans, sans-serif;
	background:#f99236 url("css/img/wrapper_site.jpg") no-repeat fixed center top;
	color:#83390c;
	-webkit-font-smoothing:antialiased}

.container_12{
	margin-left:auto;
	margin-right:auto;
	padding:10px;/* +10px autour pour coller au thème de Unitax*/
	width:960px;
	overflow:hidden}

.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12{
	display:inline;
	float:left;
	position:relative;
	margin-left:10px;
	margin-right:10px}

.container_12 .grid_1{width:60px}
.container_12 .grid_2{width:140px}
.container_12 .grid_3{width:220px}
.container_12 .grid_4{width:300px}
.container_12 .grid_5{width:380px}
.container_12 .grid_6{width:460px}
.container_12 .grid_7{width:540px}
.container_12 .grid_8{width:620px}
.container_12 .grid_9{width:700px}
.container_12 .grid_10{width:780px}
.container_12 .grid_11{width:860px}
.container_12 .grid_12{width:940px}

/* ================================
    Base
================================ */
a, a:visited{color:#83390c;text-decoration:none}
a:hover,a:active{
		color:#f99236;
		outline:0;
		text-decoration:underline
		}

a:focus{outline:thin dotted}
a:hover,a:active{}

img{
	border:0;
	-ms-interpolation-mode:bicubic}

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

.upper{text-transform:uppercase}

hr{
	margin:30px 0 25px;
	padding:0;
	clear:both;
	border:0;
	border-top:1px dotted #ccc;
	background:none}

.clear{clear:both}

/******
titres de niveau Hn
******/
h1,h2,h3{color:#f99236}

h1{margin:7px 0 0}

h2{
	margin:0 0 20px;
	font-size:1.8em;
	font-weight:normal}

.col_titre h2{font-size:1.9em; text-align:center}

h3{
	margin:0 0 10px;
	font-size:1.5em;
	font-weight:normal}

/* ================================
    Perso
================================ */

/******
langues
******/
#top_header{padding-bottom:2px}
.lang{float:right;margin-top:10px;margin-bottom:10px}

/******
header
******/
header{
	height:175px;
	margin-bottom:30px;
	}

.logo{float:left}

.logo img{opacity:0.8}

.logo img:hover{opacity:1}

.nav_header{float:right}

.nav_header li{
	float:left;
	margin:30px 0 0;
	padding:7px 20px;
	border-right:1px dotted #ccc}
.nav_header li:last-child{border-right:0}

.nav_header a{text-decoration:none;font-size:0.8em;color:#6E7273}

.nav_header a:hover,
.current-menu-item a{color:#a49b84}

/******
contenu
******/
#contenu{
	text-align:center;
	margin:30px auto;
	padding-bottom:90px;
	background-color:#fefbe8;
	-webkit-box-shadow:inset 0 0 0 1px #fff;
	-moz-box-shadow:inset 0 0 0 1px #fff;
	box-shadow:inset 0 0 0 1px #fff;
	-webkit-border-radius:30px;
	-moz-border-radius:30px;
	border-radius:30px;
	font-size:1.2em}

.grid_9 p{line-height:1.6em}

.grid_9 li{
	margin-bottom:5px;
	padding:2px 0 1px}

#cols{margin-top:10px;margin-bottom:30px}

.col_72{
	width:19%;
	height:307px;
	float:left;
	margin-left:1.25%;
	color:#fff}

.col_72:first-child{margin-left:0}

.bg1{background:url("css/img/wrapper2_bg1.jpg") no-repeat left top}
.bg2{background:url("css/img/wrapper2_bg2.jpg") no-repeat left top}
.bg3{background:url("css/img/wrapper2_bg3.jpg") no-repeat left top}
.bg4{background:url("css/img/wrapper2_bg4.jpg") no-repeat left top}
.bg5{background:url("css/img/wrapper2_bg5.jpg") no-repeat left top}

.col_titre{
	padding:18px 5px 0;
	height:72px;
    text-transform:uppercase}
.col_contenu{
	padding:0 20px;
	height:150px;
	line-height:1.6em}

.col_lien{
	padding:15px 0 0 18px;
	height:52px}

.col_lien a{
    display:block;
    width:143px;
    height:38px;
    line-height:39px;
    color:#fff;
    font-size:1em;
    font-weight:bold;
    text-align:center;
    text-decoration:none;
    text-transform:uppercase}

.lien1{background:url("css/img/wrapper2_button1.png") no-repeat}
.lien2{background:url("css/img/wrapper2_button2.png") no-repeat}
.lien3{background:url("css/img/wrapper2_button3.png") no-repeat}
.lien4{background:url("css/img/wrapper2_button4.png") no-repeat}
.lien5{background:url("css/img/wrapper2_button5.png") no-repeat}

.lien1:hover,.lien2:hover,.lien3:hover,.lien4:hover,.lien5:hover{opacity:0.6}

/******
footer
******/
footer,
footer a,footer a:visited,
footer a:hover{color:#FEFBE8}

footer a{text-decoration:none}
footer a:hover{text-decoration:underline}

.copy{
	margin:0 auto 30px;
	width:360px;
	text-transform:uppercase;
	text-align:center}