/* Template Ordinateurs Laval - Couleurs et dispositions de base */
/* GENERAL */
* {
margin:0;
padding:0;
}

html, body, object, iframe, div, p, span, img,em, i, del, strong, b, small,h1, h2, h3, h4, h5, h6,blockquote, pre, abbr, address, cite, code, dfn, ins, kbd, q, samp, sub, sup,var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video {
border: 0px;
outline: 0px;
vertical-align: baseline;
background: transparent;
}

body {
font-family: arial, sans-serif;
text-align: center;
font-size: 12px;
}

img {
border: none;
}

p {
line-height: 1.4em;
}

h1, h2, h3, h4, h5, h6 {
font-weight: normal;
line-height: 1.5em;
color: #000;
}

h1 {
font-size: 22px;
padding: 10px 0px 6px;
}

h2 {
font-size: 20px;
padding: 8px 0px 4px;
}

h3 {
font-size: 18px;
padding: 4px 0px 2px;
}

h4 {
font-size: 16px;
padding: 4px 0px 0px;
}

h5 {
font-size: 14px;
padding: 4px 0px 0px;
}

h6 {
font-size: 12px;
padding: 2px 0px 0px;
}

a:link, a:visited, a:active, a:focus {
color: #213E81;
text-decoration: none;
}

a:hover {
text-decoration: underline;
color: #FF0000;
}

li {
list-style: none;
}

/* HEADER */
#ol-header {
background-color: #000000;
background-image: -moz-linear-gradient(top, #222222 0%, #000000 100%);
background-image: -webkit-linear-gradient(top, #222222 0%, #000000 100%);
background-image: -o-linear-gradient(top, #222222 0%, #000000 100%);
background-image: -ms-linear-gradient(top, #222222 0%, #000000 100%);
background-image: linear-gradient(top, #222222 0%, #000000 100%);
background-repeat: repeat-x;
text-align: left;
width:100%;
float: left;
}

#ol-headertop {
height:0;
margin: 0px auto;
}

#ol-logo {
height:0;
min-height:0;
}

#ol-logo-droite  {
height:0;  min-height: 0;
}

#ol-langage {
width: 75px;
margin-right: 5px;
margin-left: 2%;
}

#ol-langage a {
background-color:#0076CC;
background-image:-moz-linear-gradient(top, #0076CC 0%, #1F418D 100%);
background-image:-webkit-linear-gradient(top, #0076CC 0%, #1F418D 100%);
background-image:-o-linear-gradient(top, #0076CC 0%, #1F418D 100%);
background-image:-ms-linear-gradient(top, #0076CC 0%, #1F418D 100%);
background-image:linear-gradient(top, #0076CC 0%, #1F418D 100%);
background-repeat:repeat-x;
color:#fff;
font-variant:small-caps;
font-size:14px;
font-weight:bold;
line-height:27px;
padding:8px;
}

#ol-langage .mod-languages a:hover {
text-decoration: none;
color: #0076CC;
background-color: #FFF;
background-image: -moz-linear-gradient(top, #FFFFFF 0%, #CCCCCC 100%);
background-image: -webkit-linear-gradient(top, #FFFFFF 0%, #CCCCCC 100%);
background-image: -o-linear-gradient(top, #FFFFFF 0%, #CCCCCC 100%);
background-image: -ms-linear-gradient(top, #FFFFFF 0%, #CCCCCC 100%);
background-image: linear-gradient(top, #FFFFFF 0%, #CCCCCC 100%);
background-repeat: repeat-x;
}

#ol-topdiapo  {
height: 0px;
width:100%;
}

#ol-innertopdiapo  {
margin: 0px auto;
}

#ol-ariane  {
height: 0px;
width:100%;
float: left;
}

#ol-innerariane {
margin: 0px auto;
}

#ol-innerariane a, #ol-innerariane a:visited {
text-decoration: none;
color: #CCCCCC;
}

#ol-innerariane a:hover {
text-decoration: none;
color: #ffffff;
}

/* CONTENU PRINCIPAL */
#ol-maincontenunocolonne, #ol-maincontenugauche, #ol-maincontenudroite , #ol-maincontenugauchedroite {
text-align: left;
float: left;
}

/* COLONNES */
#ol-colgauche {
text-align: left;
}

#ol-coldroite {
text-align: left;
}

#ol-colgauche div.mod-colonne, #ol-colgauche div.mod-colonnediapoweb, #ol-coldroite div.module, #ol-contenu div.module, #ol-contenudroite div.module, #ol-colgauche div.mod-colonne_menugauche {
border: 1px solid #213E81;
padding: 0px 5px 6px 5px;
background-color: #fefefe;
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
-o-border-radius: 0px;
-ms-border-radius: 0px;
border-radius: 0px;
margin: 0px 3px 3px 1px;
max-width:200px;
}

#ol-colgauche div.diapoweb {
height:300px;
}

#ol-colgauche .diapoweb .camera_wrap {
margin-top: 5px;
}

#ol-colgauche h3, #ol-coldroite h3 {
text-align: center;
}

form#login-form {
margin-left: 3px;
margin-top: 5px;
margin-bottom: 5px;
}

/* CONTENU CENTRAL */
#ol-conteneur {
width:100%;
float: left;
}

#ol-innerconteneur {
text-align:center;
margin:0px auto;
}

/* Titres des articles et header des modules de colonnes */
#ol-contenantcentre .page-header h2, h2.item-title, .mod-colonne h3 {
-moz-border-radius: 0px 0px 0px 0px;
-webkit-border-radius: 0px 0px 0px 0px;
-o-border-radius: 0px 0px 0px 0px;
-ms-border-radius: 0px 0px 0px 0px;
border-radius: 0px 0px 0px 0px;
color: #FFF;
font-size: 18px;
padding: 5px 5px 5px 10px;
margin: -7px -10px 0;
background-color: #000000;
background-image: -moz-linear-gradient(top, #000000 0%, #222222 100%);
background-image: -webkit-linear-gradient(top, #000000 0%, #222222 100%);
background-image: -o-linear-gradient(top, #000000 0%, #222222 100%);
background-image: -ms-linear-gradient(top, #000000 0%, #222222 100%);
background-image: linear-gradient(top, #000000 0%, #222222 100%);
background-repeat: repeat-x;
}

h2.item-title {
margin: -5px -10px 3px;
}

#ol-contenantcentre .page-header h2 a, h2.item-title a {
color: #FFF;
}

#ol-contenantcentre .page-header h2 a:hover, h2.item-title a:hover {
color: #F00;
text-decoration: none;
}

.mod-colonne h3 {
margin: -1px -6px 0;
}

/* ICONES pour IMPRIMER ou eMAIL dans les articles*/
#ol-contenantcentre .item-page .btn-group, #ol-contenantcentre .blog .btn-group {
margin-top:-49px;
text-align:center;
}

#ol-contenantcentre .item-page .btn-group ul.dropdown-menu li, #ol-contenantcentre .blog .btn-group ul.dropdown-menu li {
list-style: none;
margin-left:0;
padding-left:0;
}

/* Boite au dessus des articles avec les infos des articles */
dl.article-info {
border: 1px solid #0076f9;
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
-o-border-radius: 0px;
-ms-border-radius: 0px;
border-radius: 0px;
background-color:#1F418D;
color:#FFF;
padding:5px;
height:90px;
clear: both;
float: left;
margin-bottom:15px;
}

#ol-contenantcentre .article-info dt.article-info-term {
color: #FFF;
font-size: 16px;
padding: 5px 5px 5px 10px;
background-color: #0076f9;
background-image: -moz-linear-gradient(top, #0076f9 0%, #1F418D 100%);
background-image: -webkit-linear-gradient(top, #0076f9 0%, #1F418D 100%);
background-image: -o-linear-gradient(top, #0076f9 0%, #1F418D 100%);
background-image: -ms-linear-gradient(top, #0076f9 0%, #1F418D 100%);
background-image: linear-gradient(top, #0076f9 0%, #1F418D 100%);
background-repeat: repeat-x;
}

#ol-contenantcentre .article-info dd {
display:block;
float: left;
width: 40%;
}

#ol-contenantcentre dd.createdby {
float: right;
margin-right: 10px;
margin-top: -22px;
text-align: right;
}

#ol-contenantcentre .article-info dd a {
color:#EEE;
}

#ol-contenantcentre .article-info dd a:hover {
color:#F00;
}

#ol-contenantcentre .content_rating {
float: right;
margin-right: 10px;
margin-top: -40px;
}

/* BANNIÈRE DANS LE CENTRE */
#ol-bannernocolonne, #ol-bannergauche, #ol-bannerdroite, #ol-bannergauchedroite {
margin:0px auto;
background-color: #888888;
display:none;
}

/* FOOTER */
#ol-footer {
background-color: #000000;
background-image: -moz-linear-gradient(top, #222222 0%, #000000 100%);
background-image: -webkit-linear-gradient(top, #222222 0%, #000000 100%);
background-image: -o-linear-gradient(top, #222222 0%, #000000 100%);
background-image: -ms-linear-gradient(top, #222222 0%, #000000 100%);
background-image: linear-gradient(top, #222222 0%, #000000 100%);
background-repeat: repeat-x;
height:auto;
width:100%;
float: left;
}

#ol-innerfooter {
text-align:center;
margin: 0px auto;
}

/* BARRE AU MILIEU PENDANT QUE LE SITE SE CHARGE */
#pleasewait {
position: fixed;
top: 50%;
width: 100%;
z-index: 9999;
background: rgba(0,0,0,0.7);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#99000000);
padding: 10px 0px;
margin-top: -21px;
border-top: 1px solid #000;
border-bottom: 1px solid #000;
}

#pleasewait div{
font-weight: bold;
font-size: 20px;
color: #fff;
-moz-text-shadow: 0px 0px 10px #fff;
-webkit-text-shadow: 0px 0px 10px #fff;
-o-text-shadow: 0px 0px 10px #fff;
-ms-text-shadow: 0px 0px 10px #fff;
text-shadow: 0px 0px 10px #fff;
}