@charset "utf-8";
/**
 * Fichier : global.css
 * Description : styles génériques du site
 * Auteur : Hamza Iqbal - hiqbal[at]actualys.com
 * Version : 1.0.0
 ******************************************/

/**
 * Reset
 ******************************************/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, a, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
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, menu,
time, mark, audio, video
{
	border: 0;
	font-size: 100%;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
} 

html, body { height: 100%; }
a img, fieldset { border: 0; }
a *, label, button, input[type=image], input[type=button], input[type=submit] { cursor: pointer; }
ol { list-style-position: inside; }
ul { list-style: none; }
strong { font-weight: bold; }
em { font-style: italic; }
ins { text-decoration: none; }
del { text-decoration: line-through; }
sub { vertical-align: sub; font-size: smaller; }
sup { vertical-align: super; font-size: smaller; }
table { border-collapse: collapse; border-spacing: 0; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after { content: ''; content: none; }
hr { border: 0; border-top: 1px solid #ccc; display: block; height: 1px; margin: 1em 0; padding: 0; }
input, select { vertical-align: middle; }

article, aside, figure, footer, header, 
hgroup, nav, section { display: block; }

/**
 * Eléments génériques
 ******************************************/
html
{
	overflow-y: scroll;
	-webkit-font-smoothing: antialiased;
}

body
{
	background: #fff;
	color: #333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 62.5%;
	line-height: 1.2;
}
 
a { color: #333; text-decoration: none; }
a:hover { text-decoration: underline; }

h1, h2, h3, h4, h5, h6 { font-weight: bold; }

textarea, input, select { font: 1em Verdana, Arial, Helvetica, sans-serif; }

input[type=search] { -webkit-appearance: none; }
input[type="radio"] { height: 14px; vertical-align: text-bottom; width: 14px; }
input[type="checkbox"] { vertical-align: bottom; *vertical-align: baseline; }
.ie6 input { vertical-align: text-bottom; }

button { background: 0; border: 0; font: 1em Verdana, Arial, Helvetica, sans-serif; margin: 0; outline: 0; overflow: visible; padding: 0; }
button::-moz-focus-inner { border: 0; padding: 0; }
button span { position: relative; !margin: -1px 0 -2px; }

pre, code, kbd, samp { font-family: monospace, sans-serif; }

pre
{ 
	padding: 15px;
	white-space: pre; /* CSS2 */
	white-space: pre-wrap; /* CSS 2.1 */
	white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */
	word-wrap: break-word; /* IE */
}

/**
 * Classes génériques
 ******************************************/
.invisible
{    
	clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
}

/* Divers */
.masque
{
    background: 0 !important;
    border: 0 !important;
    display: block !important;
    float: none !important;
    height: 1px !important;
    list-style: none !important;
    margin: -1px 0 0 -1px !important;
    position: absolute !important;
    overflow: hidden !important;
    padding: 0 !important;
    width: 1px !important;
}

.clear { clear: both; }
.center { text-align: center; }
.f_left { display: inline; float: left; }
.f_right { display: inline; float: right; }

.clearfix { zoom: 1; }
.clearfix:before,
.clearfix:after
{
	content: "\0020";
	display: block;
	font-size: 0;
	height: 0;
	visibility: hidden; 
}

.clearfix:after { clear: both; }


/**
 * Structure générique
 ******************************************/
.gabarit
{
	margin: 0 auto;
	width: 876px;
	zoom: 1;
}

.gabarit:before,
.gabarit:after
{
	content: "\0020";
	display: block;
	font-size: 0;
	height: 0;
	visibility: hidden; 
}

.gabarit:after { clear: both; }


#global
{

}

#header
{
}

#contenu
{
	background: 0 0 no-repeat;
	margin-bottom: 30px;
	padding: 30px 0 0;
}

.template_1 #contenu,
.template_3 #contenu { background-image: url(../images/fonds/bg_contenu_template_1.png); }
.template_2 #contenu { background-image: url(../images/fonds/bg_contenu_template_2.png); }

#col_gauche
{
	float: left;
	width: 192px;
}

#principal
{
	float: left;
	padding: 0 22px 0 32px;
	position: relative;
	width: 434px;
}

.template_3 #principal
{
	padding: 0 32px 0 0;
	position: relative;
	width: 648px;
}

#col_droite
{
	float: left;
	padding: 0 0 0 19px;
	width: 177px;
}


/**
 * Message IE6
 ******************************************/
#message_ie6
{
	background: #feefda;
	border: solid #f7941d;
	border-width: 1px 0;
	margin: 0 0 15px;
}

#message_ie6 .gabarit
{
	background: url(../images/fonds/bg_message_ie6.png) 0 center no-repeat;
	height: 50px;
	padding: 10px 0 10px 70px;
	width: 806px;
}

#message_ie6 p { font-size: 1.2em; }

#message_ie6 p strong
{
	font-size: 1.33em;
	display: block;
	margin: 0 0 5px;
}

/**
 * Liens rapides
 ******************************************/
#liens_rapides
{
	background: #61227d url(../images/fonds/bg_liens_rapides.png) center 0 no-repeat;
	color: #fff;
	line-height: 3.7; /* 37px */
}

#liens_rapides ul { text-align: right; }

#liens_rapides ul li
{
	display: inline;
	margin: 0 0 0 5px;
}

#liens_rapides ul li a
{
	color: #fff;
	margin: 0 0 0 7px;
}

/**
 * Header
 ******************************************/
#header
{
	background: #d2d2d2 url(../images/fonds/bg_header.png) 0 0 repeat-x;
	border-bottom: 1px solid #fff;
}

#header h1#logo { float: left; }
#header h1#logo img { display: block; }

#header #form_recherche_header
{
	float: right;
	margin: 15px 0 0;
}

#header #form_recherche_header label
{
	color: #581d74;
	display: block;
	font-weight: bold;
	margin: 0 0 5px;
	text-transform: uppercase;
}

#header #form_recherche_header .form_champ
{
	background: #fff;
	border: 1px solid #d2d2d2;
	padding: 0 5px 0 0;
}

#header #form_recherche_header .form_champ input { vertical-align: middle; }

#header #form_recherche_header .form_champ input.texte
{
	background: #fff;
	border: 0;
	height: 19px;
	padding: 0 5px;
    width: 170px;
}

.ielt9 #header #form_recherche_header .form_champ input.texte
{
	height: 17px;
	padding-top: 2px;
}

#header #form_recherche_header .form_champ input.btn { }

/**
 * Navigation
 ******************************************/
#navigation
{
	background: #4d8925;
	color: #fff;
	font-size: 1em;
	line-height: 3.7; /* 37px */
	text-transform: uppercase;
}

#navigation ul { color: #fff; }

#navigation ul li { float: left; }

#navigation ul li *
{
	color: #fff;
	float: left;
	padding: 0 12px;
}

#navigation ul li strong { font-weight: normal; }

#navigation ul li:first-child * { padding-left: 0; }

#navigation ul li a:hover,
#navigation ul li.actif strong
{
	background: url(../images/fonds/bg_navigation_on.png) 0 bottom repeat-x;
	text-decoration: none;
}


/**
 * Contenu
 ******************************************/
/* Titre de section */
#contenu .titre_section
{
	background: 0 3px no-repeat;
	font-size: 1.4em; /* 14px */
	font-weight: bold;
	margin: 0 0 20px;
	padding: 0 0 0 50px; 
	text-transform: uppercase;
}

/* Vignette */
#contenu .vignette
{
	border: 10px solid #e4e4e4;
	display: block;
	position: relative;
}

#contenu .vignette:hover { text-decoration: none; }

#contenu .vi_1 { border-color: #e4e4e4; }
#contenu .vi_2 {  }

#contenu .vi_gauche
{
	float: left;
	margin: 0 15px 10px 0;
}

#contenu .vi_droite
{
	float: right;
	margin: 0 0 10px 15px;
}

#contenu .vi_large { margin: 0 0 15px; }

#contenu .vignette img { display: block; }

#contenu .vignette .desc
{
	background: url(../images/fonds/bg_noir_70.png);
	bottom: 0;
	font-size: 1em;
	color: #fff;
	left: 0;
	padding: 10px;
	position: absolute;
	right: 0;
}

#contenu .vi_large .desc { padding: 10px 15px; }


/* Bouton majeur */
#contenu .btn_majeur
{
	background: #d4d4d4 url(../images/boutons/btn_majeur.png) 0 0 repeat-x;
	border: 1px solid;
	color: #b89c6c;
	display: inline-block;
	font-weight: bold;
	line-height: 2.1; /* 21px */
	padding: 0 5px;
	text-align: center;
}

#contenu .btn_majeur:hover { text-decoration: none; }

#contenu button.btn_majeur { height: 23px; }

/* Séparateur */
#contenu .sep
{
	background: url(../images/fonds/bg_principal_sep.png) 0 0 no-repeat;
	height: 3px;
	margin: 20px 0;
}
#contenu .sep hr { display: none; }

/**
 * Footer
 ******************************************/
#footer
{
	background: #e5e5e5 url(../images/fonds/bg_footer.png) 0 0 repeat-x;
	padding: 5px 0 0;
}

/* Plan du site */
#footer #footer_plan { background: url(../images/fonds/bg_footer_plan_col.png) right 0 no-repeat; }

#footer #footer_plan .col
{
	background: url(../images/fonds/bg_footer_plan_col.png) 0 0 no-repeat;
	float: left;
	min-height: 100px;
	padding: 10px 15px 8px;
	width: 145px;
}

#footer #footer_plan .col h3
{
	font-size: 0.9em; /* 9px */
	font-weight: bold;
	line-height: 1.55;
	margin: 10px 0 0;
	text-transform: uppercase;
}

#footer #footer_plan .col ul { }

#footer #footer_plan .col ul li { margin: 3px 0; }

#footer #footer_plan .col ul li a
{
	background: url(../images/puces/puce_fleche_noire.png) 0 4px no-repeat;
	display: block;
	color: #333;
	padding: 0 0 0 15px;
}

/* Bas */
#footer #footer_bas
{
	background: #581d74 url(../images/fonds/bg_footer_bas.png) 0 0 repeat-x;
	color: #fff;
	line-height: 3.7; /* 37px */
	padding: 9px 0 0;
}

#footer #footer_bas .message
{
	float: left;
	text-transform: uppercase;
}

#footer #footer_bas .copyright { float: right; }

#footer #footer_bas .copyright a
{
	color: #fff;
	text-decoration: underline;
}

#footer #footer_bas .copyright a:hover { text-decoration: none; }