@import "style.css";

/* --------------------- Structure de base --------------------- */

/* ----- top ----- */

#page {
	/* background: url('../img/wallpaper/articles/top.jpg') no-repeat top; */
}

/* ---- Header ---- */

#page #header {
	/* background: url('../img/wallpaper/articles/header.jpg'); */
}

#page #header #flash {
	position:relative;
	top:5px;
	left:486px;
	width:470px;
}

/* ---- Contents ---- */

#page #contents {
	/* background: url('../img/wallpaper/articles/contents.jpg') repeat-y; */
}

/* ----- Footer ---- */

#footer {
	background: url('../img/wallpaper/articles/footer.jpg');
}


/* ---- section actualité ---- */
#page #contents #actualite #titre {
	background-image:url('/img/cadres/cadre_l/cadre_l_marine.jpg');
}

#page #contents #actualite #contenu {
	border-color:#002454;
}

#page #contents #actualite #contenu .content_articles {
	margin-left:25px;
}

#page #contents #actualite #contenu .content_articles img {
	padding-bottom:2px;
	vertical-align:middle;
}

#page #contents #actualite #contenu .content_articles a:link,
#page #contents #actualite #contenu .content_articles a:visited {
	color:#004a99;
	text-decoration:none;
}

#page #contents #actualite #contenu .content_articles a:hover {
	color:#999;
}

#page #contents #actualite #contenu #navigation {
	padding-right:30px;
}

#page #contents #actualite #contenu #navigation a,
#page #contents #actualite #contenu #navigation a:link, 
#page #contents #actualite #contenu #navigation a:visited {
	text-decoration:none;
	color:#728CC9;
	font-weight:bold;
}


/* ---- section liens_connexes ---- */
#page #contents #liens_connexes #titre {
	background-image:url('/img/cadres/cadre_s/cadre_s_marine_ebeff4.jpg');
}

#page #contents #liens_connexes #contenu {
	border-color:#002454;
	background-color:#ebeff4;
	font-size:10pt;
}

#page #contents #liens_connexes #contenu .links {
	margin-left:10px;
}

#page #contents #liens_connexes #contenu .links img {
	vertical-align:middle;
	padding-top:1px;
	padding-bottom:1px;
}

#search {
	/*border:1px blue solid;*/
	width:auto;
	text-align:center;
}

#search form {
	margin:0px;
}

#search table {
	text-align:center;
	width:150px;
	background-color:transparent;
}

#search table #sbb {
	font-family:Tahoma;
	font-size: 8pt;
	font-weight: normal;
	color: #004a99;
	text-decoration: none;
	cursor:pointer;
}

#search table #sbi {
	width:150px;
	font-family:Tahoma;
	font-size: 10pt;
	
	border:1px #B5CADF solid;
	padding-left: 25px;
	background: #fff url(/img/icons/search.jpg) center;
	background-repeat:no-repeat;
	background-position:2px;
}

#search table #ss0 {
	width:10px;
}

#search table label font {
	font-size:8pt;
}

#search table #ss1 {
	width:10px;
}


#page #contents #liens_connexes #contenu .links {
	text-align:right;
	margin-top:-12px;
	margin-bottom:8px;
}

#page #contents #liens_connexes #contenu .links img {
	cursor:pointer;
}


/* ---- section dossiers ---- */
#page #contents #dossiers #titre {
	background-image:url('/img/cadres/cadre_s/cadre_s_marine_ebeff4.jpg');
	margin-top:30px;
}

#page #contents #dossiers #contenu {
	border-color:#002454;
	background-color:#ebeff4;
	text-align:left;
	padding-left:10px;
	text-decoration:none;
	font-size:10pt;
}

#page #contents #dossiers #contenu img {
	float:left;
	margin-right:5px;
	vertical-align:middle;
}


/* --------------------- Article suivant --------------------- */

/* ---- section articles_listing ---- */
.postDate, .postDate a:link, .postDate a:visited {
	color:#aaa;
	text-decoration:none;
}

.postDate a:hover {
	color:#333;
}

#page #contents #articles_listing #contenu .content_articles .lien_article:link,
#page #contents #articles_listing #contenu .content_articles .lien_article:visited {
	color:#004a99;
	text-decoration:none;
}

#page #contents #articles_listing #contenu .content_articles .lien_article:hover {
	color:#999;
}

#page #contents #articles_listing #contenu .content_articles img {
	vertical-align:middle;
	padding-bottom:2px;
}

#page #contents #articles_listing #contenu #navigation a,
#page #contents #articles_listing #contenu #navigation a:link,
#page #contents #articles_listing #contenu #navigation a:visited {
	text-decoration:none;
	color:#728CC9;
	font-weight:bold;
}

#page #contents #articles_listing #contenu #navigation img {
	vertical-align:middle;
}

/* ---- section menu_article ---- */
#page #contents #menu_article {
	margin-top:-20px;
}

#page #contents #menu_article #titre {
	background-image:url('/img/cadres/cadre_s/cadre_s_marine_ebeff4.jpg');
}

#page #contents #menu_article #contenu {
	border-color:#002454;
	background-color:#ebeff4;
}

#page #contents #menu_article #contenu .links {
	margin-left:4px;
	font-size:10pt;
	text-align:right;
	margin-top:-15px;
	padding-bottom:8px;
}

#page #contents #menu_article #contenu .links img {
	vertical-align:middle;
	padding-top:1px;
	padding-bottom:1px;
	cursor:pointer;
}

#page #contents #menu_article #contenu #search {
	width:auto;
	text-align:center;
}

#page #contents #menu_article #contenu #q_search {
	border:1px #B5CADF solid;
	padding-left: 25px;
	background: #fff url(/img/icons/search.jpg) center;
	background-repeat:no-repeat;
	background-position:2px;
}

/* ---- section articles_questions ---- */
#page #contents #articles_questions {
	margin-top:25px;
}

#page #contents #articles_questions #titre {
	background-image:url('/img/cadres/cadre_s/cadre_s_marine.jpg');
}

#page #contents #articles_questions #contenu {
	border-color:#002454;
	text-align:left;
}

#page #contents #articles_questions #contenu a:link,
#page #contents #articles_questions #contenu a:hover, 
#page #contents #articles_questions #contenu a:visited, 
#page #contents #articles_questions #contenu a:active {
	color:#043F2A ; 
	text-decoration:none;
}

#page #contents #articles_questions #contenu a:hover {
	color:#167A5F;
}


/* ---- section articles_depeches ---- */
#page #contents #articles_depeches {
	margin-top:25px;
}

#page #contents #articles_depeches #titre {
	background-image:url('/img/cadres/cadre_s/cadre_s_marine.jpg');
}

#page #contents #articles_depeches #contenu {
	border-color:#002454;
	text-align:center
}

#page #contents #articles_depeches #contenu a:link,
#page #contents #articles_depeches #contenu a:hover, 
#page #contents #articles_depeches #contenu a:visited, 
#page #contents #articles_depeches #contenu a:active {
	color:#004a99 ; 
	text-decoration:none;
}

#page #contents #articles_depeches #contenu a:hover {
	color:#555;
}


#page #contents #articles_depeches #contenu .thumbDepeche {
	width:80px;
	border:1px #aaa solid;
	margin:8px 40px 4px 40px;
}


#page #contents #articles_depeches #contenu #depeches .depeche {
	width:190px;
	text-align:justify;
	margin:0px auto;
	margin-bottom:20px;
	color:#444;
}

#page #contents #articles_depeches #contenu #depeches .depeche div {
	margin-left:14px;
	margin-top:5px;
}

/* --------------------- ARTICLES --------------------- */

#page #contents #template_article .image_droite_grande .article_image_grande .webAds iframe {
	border:0px;
	padding:0px;
	margin:0px;
	/*padding-left:0px;*/
}

#page #contents #template_article .image_droite_grande .article_image_grande .webAds {
	padding:0px;
	margin:0px;
}

#page #contents #template_article {
	font-size:10pt;
	width:668px;
	height:1100px;
	overflow:visible;
	float:left;
	margin-left:8px;
	margin-right:10px;
}

html>body #page #contents #template_article {
	height:auto;
	min-height:1100px;
}

	
#page #contents #template_article .paragraphe {
	text-align:justify;
	width:668px;
	height:auto;
	float:left;
	/*border:1px gray solid;*/
}

#page #contents #template_article .paragraphe textarea {
	width:668px;
	height:120px;
	font-size:10pt;
	border:1px gray solid;
}

#page #contents #template_article .image_droite,
#page #contents #template_article .image_gauche,
#page #contents #template_article .image_gauche_droite,
#page #contents #template_article .image_droite_grande,
#page #contents #template_article .image_gauche_grande {
	width:668px;
	/*border:1px red solid;*/
}

#page #contents #template_article .image_droite .article_texte_2,
#page #contents #template_article .image_gauche .article_texte_2 {
	text-align:justify;
	width:468px;
	height:auto;
	float:right;
}

#page #contents #template_article .image_droite .article_texte_2  textarea,
#page #contents #template_article .image_gauche .article_texte_2  textarea
 {
	width:468px;
	height:165px;
	font-size:10pt;
	border:1px gray solid;
}

#page #contents #template_article .image_droite .article_texte_2 {
	float:left;
}

#page #contents #template_article .image_droite .article_image,
#page #contents #template_article .image_gauche .article_image,
#page #contents #template_article .image_gauche_droite .article_image {
	text-align:center;
	width:200px;
	height:160px;
	float:left;
}

#page #contents #template_article .image_droite .article_image img,
#page #contents #template_article .image_gauche .article_image img,
#page #contents #template_article .image_gauche_droite .article_image img {
	padding:4px;
	border:1px #666 solid;
	vertical-align:middle;
}

#page #contents #template_article .image_droite .article_image {
	float:right;
}

#page #contents #template_article .image_gauche_droite .article_texte_4 {
	text-align:justify;
	width:268px;
	height:auto;
	float:left;
	overflow:inherit;
}

#page #contents #template_article .image_gauche_droite .article_texte_4 textarea
 {
	width:468px;
	height:165px;
	font-size:10pt;
	border:1px gray solid;
}

#page #contents #template_article .image_droite_grande .article_image_grande {
	text-align:center;
	width:310px;
	height:260px;
	float:right;
	/*border:1px green solid;*/
}


#page #contents #template_article .image_gauche_grande .article_image_grande_gauche {
	text-align:center;
	width:305px;
	height:260px;
	float:left;
	/*border:1px green solid;*/
}

#page #contents #template_article .image_droite_grande .article_image_grande img,
#page #contents #template_article .image_gauche_grande .article_image_grande_gauche img {
	padding:4px;
	border:1px #666 solid;
	vertical-align:middle;
	/*margin-left:6px;*/
	/*border:1px red solid;*/
}

#page #contents #template_article .image_droite_grande .article_texte_3 {
	text-align:justify;
	width:345px;
	height:auto;
	float:left;
	padding-right:3px;
}

#page #contents #template_article .image_droite_grande .article_texte_3 textarea {
	width:353px;
	height:165px;
	font-size:10pt;
	border:1px gray solid;
}

#page #contents #template_article .image_gauche_grande .article_texte_5 {
	text-align:justify;
	width:345px;
	height:auto;
	float:right;
	padding-left:8px;
}

#page #contents #template_article .image_gauche_grande .article_texte_5 textarea {
	width:388px;
	height:165px;
	font-size:10pt;
	border:1px gray solid;
}


#page #contents #template_article a:link, #page #contents #template_article a:visited {
	text-decoration:none;
	color:#004a99;
}

#page #contents #template_article a:hover {
	text-decoration:none;
	color:#0080FF;
	border-bottom:1px #0080FF dotted;
}

#page #contents #template_article .auteur {
	font-size:8pt;
	color:#666666;
	text-align:right;
	margin-bottom:20px;
}


/* --------------------- article_more --------------------- */

#article_more {
	width:680px;
	font-size:8pt;
	/*border:1px gray solid;*/
}


/* --------------------- commentaires --------------------- */

#bottom {
	width:906px;
	/*border:1px gray solid;*/
	padding-left:15px;
}

#page #contents #seeAnnu #titre {
	background-image:url('/img/cadres/cadre_s/cadre_s_marine_ebeff4.jpg');
}

#page #contents #seeAnnu #contenu {
	border-color:#002454;
	background-color:#ebeff4;
	text-align:left;
	width:213px;
	padding:0px;
}

#seeAnnu div {
/*border:1px green solid;*/
}

#seeAnnu {
	/*width:215px;
	height:520px;
	background:#fff url('/img/wallpaper/articles/voir-aussi.jpg') no-repeat;*/
	float:right;
}

#seeAnnu #texte {
	margin: 0px auto ;
	margin-top:0px;
	/*width:213px;*/
	padding:0px;
}

#seeAnnu #texte a:link, #seeAnnu #texte a:hover, #seeAnnu #texte a:visited, #seeAnnu #texte a:active {
	color:#004a99;
	text-decoration:none;
}

#seeAnnu #texte a:hover {
	color:#011781;
}


#comms_div {
	width:660px;
	float:left;
}

#comms_div textarea, #comms_div .involvedTextArea {
	border:1px #004a99 solid;
	background-color:white;
	width:92%;
	height:100px;
	padding-left:2px;
	padding-right:2px;
	padding-top:2px ;
	padding-bottom:2px;
	text-align:left;
	font-family:Tahoma;
	font-size:8pt;
}

#comms_div fieldset {
  background-color: #EEEEEE;
    border: 1px solid #002454;
	padding-left:2px;
	padding-right:0px;
	padding-top:0px;
	padding-bottom:0px;
	width:92%;
}

#comms_div legend {
	color:#737059;
}

#comms_div .lien:link, #comms_div .lien:visited {
	text-decoration:underline;
	color:#993300;
}

#comms_div .lien:hover {
	text-decoration:none;
	color:#004a99;
}

#comms_div .lien_d:link, #comms_div .lien_d:visited {
	text-decoration:none;
	color:#737059;
}

#comms_div .lien_d:hover {
	text-decoration:none;
	color:#004a99;
}

#comms_div .comms_user {
	padding-top:0px;	
	margin-top:5px;
}

#comms_div div .comms_avatar {
	width:50px ;
	height:50px ;
	float:left ;
	
	padding-top:5px ;
	padding-left:5px ;
	padding-right:0px ;
	padding-bottom:5px ;
	
	background-color:#EEEEEE;
	width:53px;
}

#comms_div div .comms_avatar img {
	border:1px #EEEEEE solid ;
	cursor:pointer;
}

#comms_div div .cadre_comms {
	background-color:#EEEEEE;
	width:535px;
	padding-top:2px;
	padding-bottom:5px;
	padding-left:0px;
	padding-right:5px;
	text-align:justify;
}

#comms_div div .cadre_comms .ligne_signature {
	height:1px;
	border:1px #CCCCCC dashed;
}

#comms_div div .cadre_comms {
	float:right;
	padding-left:0px;
}

#comms_div div .cadre_comms i {
	font-size:8pt;
	color:#666666;
}

#comms_div div .cadre_comms p {
	color:#000000;
	display:inline;
}


/* --------------------- liens annexes --------------------- */

.lien_annexe:link,
.lien_annexe:visited, 
.lien_annexe:active {
	color:#004a99 ; 
	text-decoration:underline;
	font-weight:bold;
}

.lien_annexe:hover {
	color:#0080FF;
	text-decoration:none;
	font-weight:bold;
}

.lien_annexe2:link,
.lien_annexe2:visited, 
.lien_annexe2:active {
	color:#004a99 ; 
	text-decoration:none;
}

.lien_annexe2:hover {
	color:#0080FF;
	text-decoration:none;
}

.lien_annexe_gris:link,
.lien_annexe_gris:visited, 
.lien_annexe_gris:active {
	color:#666666;
	text-decoration:underline;
	font-size:7pt;
}

.lien_annexe_gris:hover {
	color:#999999;
	text-decoration:none;
	font-size:7pt;
}


/* --------------------- les dossiers --------------------- */

#dossier {
	float:left;
	width:685px;
}

#dossier #illustration {
	float:left;
	padding-right:10px;
	display:inline;
}

#dossier #illustration img {
	margin-top:5px;
}

#dossier .intro_dossier {
	text-align:justify;
	font-size:10pt;
}

#presentation {
	width:550px;
	text-align:justify;
	display:inline;
}

#arborescence {
	font-family:tahoma;
	font-size:10pt;
	line-height:20px;
	width:550px;
}

#arborescence a, #arborescence  a:link, #arborescence a:visited, #arborescence a:active {
	text-decoration:none;
	color:#555 ;
}

#arborescence .dossiers , #arborescence  .dossiers:link, #arborescence .dossiers:visited, #arborescence .dossiers:active {
	font-weight:bold;
}

#arborescence blockquote {
	margin:0px 30px;
}

#arborescence blockquote .chapeau {
	display:none;
}

#arborescence blockquote a:link, #arborescence blockquote a:visited, #arborescence blockquote a:active {
	color:#999 ;
	font-weight:normal;
}

#arborescence blockquote div {
	color:#888;
	text-align:justify;
}

#arborescence a:hover, #arborescence blockquote a:hover, #arborescence blockquote div:hover {
	color:#004aAA;
}

#arborescence img {
	vertical-align:bottom;
}

#adtexte {
	/*margin-top:5px;*/
	font-size:10pt;
}

#adtexte div img {
	vertical-align:middle;
	padding-left:10px;
}

#adtexte #search {
	width:auto;
	text-align:center;
}

#adtexte #q_search {
	border:1px #B5CADF solid;
	padding-left: 25px;
	background: #fff url(/img/icons/search.jpg) center;
	background-repeat:no-repeat;
	background-position:2px;
}


/* --------------------- Articles ajoutés dans les 24 heures (du mans ...) --------------------- */

#articles_ajoutes {
	margin-left:30px;
	margin-right:30px;
	/*border:1px red solid;*/
}

#articles_ajoutes #cadre_sujet table {
	margin:0px auto;
}

#articles_ajoutes #cadre_panier table {
	margin:0px auto;
}

#articles_ajoutes #cadre_sujet .sujets_ajoutes,
#articles_ajoutes #cadre_panier .sujets_ajoutes {
	border:#FF9900 1px solid ; 
	width:700px;
	text-align:center;
}

#articles_ajoutes #cadre_sujet .sujets_ajoutes th,
#articles_ajoutes #cadre_panier .sujets_ajoutes th {
	background-color:#FFE6BF;
	height:30px;
	color:#004A99;
}

#articles_ajoutes #cadre_sujet .sujets_ajoutes td,
#articles_ajoutes #cadre_panier .sujets_ajoutes td {
	height:23px;
	font-weight:bold;
	border-top:#FF9900 1px dotted;
}

#articles_ajoutes #cadre_sujet .sujets_ajoutes tr .bouton_ajouter {
	height:30px;
}

#articles_ajoutes #rappel {
	text-align:center;
	color:#FF0000;
}

#articles_ajoutes .lien_panier:link, 
#articles_ajoutes .lien_panier:visited {
	text-decoration:underline;
	color:#993300;
	font-weight:normal;
}

#articles_ajoutes .lien_panier:hover {
	text-decoration:none;
	color:#004a99;
	font-weight:normal;
}


/*------------------------------------- Barre de navigation ------------------------------------- */

#barre_nav {
	margin:0px;
}

#barre_nav .barre_nav_info_g {
	float:left;
	font-size:10pt;
	color:#999999;
	text-align:left;
	display:inline-table;
	background-color:#FFFFFF;
}

#barre_nav .barre_nav_info_d {
	float:right;
	font-size:10pt;
	text-align:right;
	display:inline-table;
	background-color:#FFFFFF;
}

#barre_nav .barre_nav_info_d a:link, #barre_nav .barre_nav_info_d a:visited {
	text-decoration:none;
	color:#999999;
}

#barre_nav .barre_nav_info_d a:hover {
	text-decoration:none;
	color:#666666;
}

.reseaux_sociaux_page {
background-image: url(/img/fd_reseaux_sociaux.png);
background-repeat: no-repeat;
height: 30px;
width: 656px;
padding-top: 4px;
padding-left: 7px;
margin-bottom: 7px;
margin-top: 7px;
margin-left:10px;
}

.reseaux_sociaux_page .title {
float: left;
width: 140px;
color: #FFF;
font-size: 1.4em;
margin-top: 2px;
}

.reseaux_sociaux_page .googleplus {
float: left;
width: 72px;
margin-top: 3px;
margin-left: 5px;
}
.reseaux_sociaux_page .facebook {
float: left;
width: 164px;
margin-top: 3px;
margin-left: 5px;
}