/* Sommaire

------------------------------

    1. Structure

    2. Dossier contenu

    	2.1 Incipit

    	2.2 Galeries incipit

    	2.3 Les blocs

*/



/* Couleurs

------------------------------

# Bleu Sudpresse : #00a6eb

# Rouge Sudpresse : #E20031

# Gris : #848484

# Texte courant : #2a2a2a

*/



/* ----------------------------------------------------------------------------*/

  /* -------------------------------------------------------------------------------------------------->>> 1. Structure <<<-----------*/

/* ----------------------------------------------------------*/



.head_dossier {

	float: left;

	width: 100%;

	background: #1695A3 url(/mediastore/static/fond_usa.jpg) no-repeat left top; /* pour test */

	position: relative;

	margin-bottom: .625em;

	min-height: 120px;

	height: 120px;

}

.head_dossier .sous_menu {

	background: white;

	color: #0B9EE1;

	font-size: 1em;

	float: right;

	padding: 0 .625em;

	margin-top: .625em;

	margin-right: .625em;

}

.head_dossier .sous_menu .strong {

	font-weight: 900;

	color: black;

}

.head_dossier ul li {

	display: inline;

	line-height: 1.5em;

}

.head_dossier ul li a:link, .head_dossier ul li a:visited {

	color: #0B9EE1;

	font-weight: 900;

	text-decoration: none;

}

.head_dossier ul li a:active, .head_dossier ul li a:hover {

	color: #0B9EE1;

	font-weight: 900;

	text-decoration: underline;

}

.head_dossier h2 {
	/* [disabled]color: #666; */
	background: url(/mediastore/static/bg_h2.png) no-repeat right top;
	font-family: 'Trebuchet MS', Tahoma, arial sans-serif;
	/* [disabled]background: white; */
	display: inline;
	font-size: 1.75em;
	padding: .2em;
	text-transform: uppercase;
	position: absolute;
	/* [disabled]left: 0.3em; */
	bottom: 0;
}



/* ----------------------------------------------------------------------------*/

  /* -------------------------------------------------------------------------------------------------->>> 2. Dossier contenu <<<-----------*/

/* ----------------------------------------------------------*/



  /* -------------------------------------------------------------------------------------------------->>> 2.1 Incipit <<<-----------*/





#incipit {

	float: left;

	margin-bottom: .625em;

	width: 100%;

}

#incipit p {

	color: #999;

	font-size: .750em;

	font-family: Georgia, serif;

	font-style: italic;

	margin: .625em 0 1em 0;

}

#incipit blockquote.dossier {

	font-family: arial, sans-serif;

	font-size: .9em;

	font-style: normal;

	line-height: 1.4em;

	margin-top: .5em;

	text-align: justify;

}

#incipit blockquote.dossier:first-letter, #incipit blockquote.dossier .first-letter {

	font-size: 3.5em;

	font-family: "Palatino Linotype", Georgia, "Times New Roman", Times, serif;

	line-height: 1em;

	font-weight: 400;

	float: left;

	margin: 0 0.107em 0 0;

}

#incipit blockquote:first-line {font-weight: 800;}



  /* -------------------------------------------------------------------------------------------------->>> 2.2 galeries incipit <<<-----------*/

 

#galerie_dossier {

	padding: .625em;

	float: left;

	width: 16.875em; /* 270px */

}

#galerie_dossier #carousel_dossier {background: #0A9FDE;}

#galerie_dossier #nav_carousel_dossier {float: right;}

#galerie_dossier #nav_carousel_dossier li {

	display: block;

	float: left;

	font-size: .750em;

	margin: 0 0 0 .2em;

}

#galerie_dossier #nav_carousel_dossier li a {

	display: block;

	float: left;

	padding: .2em .4em;

}

#galerie_dossier #nav_carousel_dossier li a:link, #galerie_dossier #nav_carousel_dossier li a:visited {

	background: #0A9FDE;

	color: white;

	text-decoration: none;

}

#galerie_dossier #nav_carousel_dossier li a:active, #galerie_dossier #nav_carousel_dossier li a:hover {

	background: #E20031;

	color: white;

	text-decoration: none;

}



  /* -------------------------------------------------------------------------------------------------->>> 2.3 Les blocs <<<-----------*/



.bloc_dossier {

	border: 1px solid #EFEFEF;

	float: left;

	font-size: .75em;

	margin-bottom: .625em;

	margin-left: .625em;

	padding-bottom: .625em;

	width: 32.3%;

}

.bloc_dossier h3 {

	background: #EFEFEF;

	border-bottom: .0625em solid #DDDDDD;

	color: #707070;

	font-family: Georgia, Constantia, Cambria, serif;

	font-size: 1.3em;

	font-weight: normal;

	letter-spacing: .1em;

	line-height: 1.2em;

	margin: 0;

	padding: .2em 0 .0625em .3em;

	text-transform: uppercase;

}

.bloc_dossier ul {

	color: #707070;

	padding: .625em 0 0 .625em;

}

.bloc_dossier ul li {

	background: transparent url(/mediastore/static/puce.gif) no-repeat 0 .6em;

	padding-left: .8em;

	line-height: 1.5em;

}

.promo {

	float: right;

	margin-left: .625em;

}

div.hr {

	clear: both;

	border-bottom: .0625em solid #666;

	display: block;

	text-align: center;

	margin: 2em auto;

	width: 45%;

}

div.hr span {

	background: white;

	color: #666;

	font-family: "Lucida Grande", Tahoma, sans-serif;

	font-size: .6em;

	text-align: center;

	letter-spacing: 0.3em;

	text-transform: uppercase;

	padding: 0 1em;

	position: relative;

	bottom: -0.5em;

}

/* ============ VIVE IE =========== */

* html .bloc_dossier {width: 32.2%;}

* html div.hr {margin: 0 auto 2em auto;}

/* ============ VIVE IE =========== */