/* Sommaire
------------------------------
    1. Typo
    2. Illustrations
    3. Outils
    4. Supplements
    5. Commentaires
    6. Static blank element
    	6.1 RSS
    	6.2 Commandes anciens numeros
    	6.3 Toolbar
    	6.4 Copyright
    	6.5 SMS
    	6.6 Sondages
    	6.7 Envoyer a un ami / Scoop
    	6.8 Formulaire des abonnements
    	6.9 Infotrafic
    	6.10 Liberty (voyages)
    	6.11 Choix newsletter

*/

/* Couleurs
------------------------------
# Bleu Sudpresse : #00a6eb
# Rouge Sudpresse : #E20031
# Gris : #848484
# Texte courant : #2a2a2a
*/

.ui-tabs-hide {display: none;}

/* ----------------------------------------------------------------------------*/
  /* -------------------------------------------------------------------------------------------------->>> 1. Typo <<<-----------*/
/* ----------------------------------------------------------*/

#article p, #copyright_text p {
	font-size: .8em;
	line-height: 1.6em;
	margin: 1em 0;
	text-indent: 0;
	/* text-rendering: optimizeLegibility;
	text-justify: inter-character;
	hyphenate: auto;
	hyphenate-lines: 3; */
}
#article .text {
	text-align: justify;
}
#article .type {
	color: #E20031;
	text-transform: uppercase;
	font-weight: 900;
	font-size: .750em;
}
#article h3, #copyright_text h3 {
  background: none;
  color: black;
  font-family: 'Trebuchet MS', arial, sans-serif;
  font-size: 1.125em;
  line-height: 1.25em;
  padding: 0;
  margin-top: .625em;
  text-transform: uppercase;
}
#article h4 {margin: 1em 0;}
div#article p.story_date {
	color: #4a4a4a;
	font-size: .65em;
	margin: 0;
}
div#article p.story_date abbr {
	border-bottom: none;
}
div#article h4.st_intertitre {
	color: #251E26;
}
div#article p.st_mention {margin: 0; line-height: 1;}
div#article p.st_signature {
  font-variant: small-caps;
  color: black;
  line-height: 1;
  font-weight: 900;
  margin: 0;
}
div#article p.st_note {
  color: #4a4a4a;
}
#article p.st_entretien_q {
	color: #0A9FDE;
	font-style: italic;
}
div#article blockquote.chapeau {
	font-family: arial, sans-serif;
	font-style: normal;
	padding-top: .5em;
	margin: 0 0 1.5em 1.5em !important;
	color: black;
	line-height: 1.3em;
	clear: right;
}
div#article ul, #copyright_text ul {
  list-style: square;
  list-style-position: inside;
  margin: .625em 0;
  font-size: .75em;
  color: #726763;
  padding: 0;
}
#article ol ul, #article ul ul {
	font-size: 1em;
	margin-left: 2em;
}
div#article ol, #copyright_text ol {
  list-style: decimal-leading-zero;
  list-style-position: inside;
  margin: .625em 0;
  font-size: .75em;
  padding: 0;
}

/* ----------------------------------------------------------------------------*/
  /* -------------------------------------------------------------------------------------------------->>> 2. Illustrations <<<-----------*/
/* ----------------------------------------------------------*/

div#article div#wrap_illu {
  width: 19.3125em; /* 309px */
  margin-right: .3em;
  padding-top: .625em;
  float: left;
  clear: right;
}
div#article div#wrap_illu p {
  margin: 0 0 .3em 0;
}
div#article div#wrap_illu ul.thumbs {padding: 0; margin: 0;}
div#article div#wrap_illu ul.thumbs li {
  display: block;
  float: left;
  margin-right: .5em; /* 8px */
  padding-top: .625em;
}
div#wrap_illu img, ul.thumbs li img {
  border: 1px solid #4a4a4a;
}
em.credit {
  width: 24.5em; /* 292px */
  padding: .4em .3125em; /* 5px */
  float: left;
  background: #d3ecf7;
  font-size: .75em;
  line-height: 1.5em;
  font-style: normal !important;
}

/* ----------------------------------------------------------------------------*/
  /* -------------------------------------------------------------------------------------------------->>> 3. Outils <<<-----------*/
/* ----------------------------------------------------------*/

#outils {
	display: inline;
	float: right;
	margin: 0 !important;
	padding: 0;
}
#outils li {
	color: #4a4a4a;
	font-size: .75em;
	font-family: arial, Tahoma, sans-serif;
	display: inline;
	padding-left: 1.5em;
	margin-right: .3em;
}
#partager {
	background: transparent url(../mediastore/elements/icons/bookmark.gif) no-repeat center left;
}
#imprimer {
	background: transparent url(../mediastore/elements/icons/printer.gif) no-repeat center left;
}
#envoyer_a {
	background: transparent url(../mediastore/elements/icons/mail.gif) no-repeat center left;
}
#commenter {
	background: transparent url(../mediastore/elements/icons/comment_left.gif) no-repeat center left;
}
#options {
	background: transparent url(../mediastore/elements/icons/plus.gif) no-repeat center left;
}
#outils li a:link, #outils li a:visited {
	color: #00a6eb;
	text-decoration: none;
}
#outils li a:active, #outils li a:hover {
	color: #00a6eb;
	text-decoration: underline;
}

#share {
	float: right;
	position: relative;
}
#on_partage {
	background: transparent url(../mediastore/elements/top_partage.gif) no-repeat 0 0;
	display: none;
	padding: .5em;
	position: absolute;
	top: 1.2em;
	left: -1.2em;
	width: 210px;
}
#on_partage ul {
	list-style: none none !important;
	padding-right: 1em;
	margin: 0;
}
#on_partage ul li {
	padding-left: 2em;
}
.facebook {background: transparent url(../mediastore/elements/icons/facebook.png) no-repeat center left;}
.digg {background: transparent url(../mediastore/elements/icons/digg.png) no-repeat center left;}
.delicious {background: transparent url(../mediastore/elements/icons/delicious.png) no-repeat center left;}
.magnolia {background: transparent url(../mediastore/elements/icons/magnolia.png) no-repeat center left;}
.google {background: transparent url(../mediastore/elements/icons/google.png) no-repeat center left;}
.windowslive {background: transparent url(../mediastore/elements/icons/live.png) no-repeat center left;}

/* ----------------------------------------------------------------------------*/
  /* -------------------------------------------------------------------------------------------------->>> 4. Supplements <<<-----------*/
/* ----------------------------------------------------------*/

.furthermore {
	background: white url(../mediastore/elements/fond_sup.gif) repeat-x bottom left;
	border: 1px solid #CCC;
	float: left;
	padding: .625em;
	width: 17.97em;
	margin-bottom: .625em;
}
.furthermore h3 {
	color: #00a6eb !important;
	margin-top: 0 !important;
	text-transform: none !important;
}
.furthermore ul {
	padding: 0;
	margin: 0;
}
#complements_media ul {list-style: none none !important;}

/* ============ VIVE IE =========== */
* html .furthermore {
	_width: 17.95em;
}
* html #complements_media ul li {
	_padding-left: 0;
}
/* ============ VIVE IE =========== */

.furthermore a:link, .furthermore a:visited {
	color: black;
	text-decoration: none;
}
.furthermore a:active, .furthermore a:hover {
	color: black;
	text-decoration: underline;
}
#lire_aussi {margin-right: .6em;}
#liens_externe {clear: left;}


.son {
	background: transparent url(../mediastore/elements/set_icon.gif) no-repeat 0 -37px;
	padding-left: 1.3em;
}
.portfolio {
	background: transparent url(../mediastore/elements/set_icon.gif) no-repeat 0 -77px;
	padding-left: 1.3em;
}

/* ----------------------------------------------------------------------------*/
  /* -------------------------------------------------------------------------------------------------->>> 6. Static Blank Element <<<-----------*/
/* ----------------------------------------------------------*/

#static_element p {
	font-size: .8em;
	line-height: 1.6em;
	margin: 1em 0;
	text-indent: 0;
	clear: left;
	/* text-rendering: optimizeLegibility;
	text-justify: inter-character;
	hyphenate: auto;
	hyphenate-lines: 3; */
}
#static_element h3 {
  background: none;
  clear: both;
  color: black;
  font-family: 'Trebuchet MS', arial, Freesans, sans-serif;
  font-size: 1.125em;
  line-height: 1.25em;
  padding: 0;
  margin-top: .625em;
  text-transform: uppercase;
}
#static_element h4 {margin: 1em 0;}
#static_element ul {
  list-style-type: square;
  list-style-position: inside;
  margin: .625em 0;
  padding: 0;
  font-size: .75em;
  color: #726763;
}
#static_element ol ul, #static_element ul ul {
	font-size: 1em;
	margin-left: 2em;
}
#static_element ol {
  list-style: decimal-leading-zero;
  list-style-position: inside;
  margin: .625em 0;
  font-size: .75em;
  line-height: 1.5em;
  padding: 0;
}
#static_element ol li {clear: left;}

/* ============ VIVE IE =========== */
* html #static_element ol {
	_list-style-type: decimal;
}
*+html #static_element ol {
	list-style-type: decimal;
}
/* ============ VIVE IE =========== *

  /* -------------------------------------------------------------------------------------------------->>> 6.1 RSS <<<-----------*/

#agregator {
	width: 8.75em;
	background: #F4F4FA;
	padding: .625em;
	margin-bottom: .625em;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}
#agregator p {
	margin: 0;
}
.autre_format {
	clear: left;
	width: 10em;
	margin-bottom: .625em;
}
#all_rss {
	width: 27.4em;
	background: #F4F4FA;
	padding: .625em;
	float: right;
	margin-left: .625em;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}
#all_rss table {
	font-size: .750em;
	width: 100%;
}
#all_rss table thead, #all_rss table caption {display: none;}
#all_rss table td {padding: .5em 0; border-bottom: 1px dashed #ccc;}
#all_rss table td.download {width: 50px;}
#all_rss h3 {margin-top: 0 !important;}

  /* -------------------------------------------------------------------------------------------------->>> 6.2 Commandes anciens numeros <<<-----------*/

.procedure {
	float: left;
	margin-bottom: 1.5em;
}
.procedure li {
	clear: left;
	float: left;
	width: 100%;
}

/* ============ VIVE IE =========== */
* html .procedure li {width: 98%;}
/* ============ VIVE IE =========== */

.old_numbers li ul li {
	margin-bottom: 1em;
}
.procedure kbd {
	padding: .2em .3em;
	background: #E20031;
	border: .0625em solid black;
	color: white;
	font-weight: 900;
	font-size: 1.2em;
}
blockquote.sms {
	text-align: center;
	color: black;
	font-weight: 900;
	font-style: normal;
}

  /* -------------------------------------------------------------------------------------------------->>> 6.3 Toolbar <<<-----------*/
 
.result_tool {
	color: black;
	font-weight: 900;
	margin-right: .2em;
	text-transform: uppercase;
}


#expat_form .over {background: #C9F2FE;}

#expat_form .row label {
	display: block;
	float: left;
	font-weight: 900;
	text-align: right;
	margin-right: .4em;
	width: 11em;
}
#expat_form .row {
	float: left;
	clear: left;
	font-size: .750em;
	line-height: 1.5em;
	padding: .625em;
	width: 97.5%;
}
#expat_form .row input {
	border: 0;
	padding: .2em .2em .2em 1.5em;
	width: 22.8em;
}
#expat_form input#expat_mail, #expat_form input#expat_mail_destinataire {
	background: #C9F2FE url(../mediastore/elements/icons/mail.gif) no-repeat 5px 5px;
}
#expat_form input#expat_nom, input#expat_prenom {
	background: #C9F2FE url(../mediastore/elements/icons/person.gif) no-repeat 5px 5px;
}
#expat_form .row textarea {
	border: 0;
	padding: .2em .2em .2em 1.5em;
	height: 8em;
	width: 21em;
	font-family: arial, sans-serif;
	font-size: 1.2em;
	background: #C9F2FE url(../mediastore/elements/icons/comment_left.gif) no-repeat 5px 5px;
}
#expat_form .over input, #expat_form .over textarea {
	background-color: white !important;
	border: 0;
}
#expat_form #btn_expat_comment {
	border: 0;
	background: #0A9FDE;
	color: white;
	font-weight: 900;
	clear: left;
	display: block;
	padding: .3em;
	margin: 0 auto;
}
#expat_form .error {color: #E20031;}

  /* -------------------------------------------------------------------------------------------------->>> 6.4 Copyright <<<-----------*/
 
/* voir styles article au debut */

   /* -------------------------------------------------------------------------------------------------->>> 6.5 SMS <<<-----------*/
  
#comment-2, #comment-3, #comment-4, #comment-5, #comment-6, #comment-7, #comment-8, #comment-9, #comment-10 {
  border-bottom: 1px dashed #ccc;
  font-size: .750em;
  line-height: 1.5em;
}

#comment-11, #comment-12, #comment-13, #comment-14, #comment-15, #comment-16, #comment-17, #comment-18, #comment-19, #comment-20 {
  border-bottom: 1px dashed #ccc;
  font-size: .750em;
  line-height: 1.5em;
}

#comment-21, #comment-22, #comment-23, #comment-24, #comment-25, #comment-26, #comment-27, #comment-28, #comment-29, #comment-30 {
  border-bottom: 1px dashed #ccc;
  font-size: .750em;
  line-height: 1.5em;
}

#comment-31, #comment-32, #comment-33, #comment-34, #comment-35, #comment-36, #comment-37, #comment-38, #comment-39, #comment-40 {
  border-bottom: 1px dashed #ccc;
  font-size: .750em;
  line-height: 1.5em;
}

#comment-10, #comment-11, #comment-12, #comment-13, #comment-14, #comment-15, #comment-16, #comment-17, #comment-18, #comment-19 {
  opacity: .8;
  filter: alpha(opacity=80);
  font-size: .750em;
  line-height: 1.5em;
}

#comment-20, #comment-21, #comment-22, #comment-23, #comment-24, #comment-25, #comment-26, #comment-27, #comment-28, #comment-29 {
  opacity: .5;
  filter: alpha(opacity=50);
  font-size: .750em;
  line-height: 1.5em;
}

#comment-30, #comment-31, #comment-32, #comment-33, #comment-34, #comment-35, #comment-36, #comment-37, #comment-38, #comment-39 {
  opacity: .2;
  filter: alpha(opacity=20);
  font-size: .750em;
  line-height: 1.5em;
}

   /* -------------------------------------------------------------------------------------------------->>> 6.6 Sondages <<<-----------*/
  
#sondages h2.page_title {
	background: #0584C6;
	color: white;
	font-size: 1em;
	font-weight: 900;
	margin-bottom: 1em;
	padding: .2em 0 .1em .625em;
}
#sondages #details_sondage .poll_result_v3 {
	background: #07407A url(../mediastore/static/fond_caricature.gif) repeat-x 100% 100%;
	color: white;
	margin-bottom: .625em;
	padding: .625em;
	display: none;
}
#sondages #details_sondage .ui-tabs-panel h3.sondage_title {
	color: white;
	font-weight: 400;
	text-transform: uppercase;
	margin-bottom: .625em;
}
#sondages #details_sondage ul#list_nav {
margin-left:15px;
list-style-type:disc;
}
#sondages #details_sondage ul#list_nav li {
	padding:0px;
	margin:0px;
	font-size: .750em;
	line-height: 1.5em;
	margin : 5px;
}
#sondages #details_sondage ul#list_nav li h3 a p {
	padding:0px;
	margin:0px;
	display:none; 
}
#sondages #details_sondage ul#list_nav li h3 a {text-decoration: none;}
#sondages #details_sondage ul#list_nav li h3 a:focus {
  background: #00a6eb !important;
  text-decoration: none;
}

   /* -------------------------------------------------------------------------------------------------->>> 6.7 Envoyer a un ami / scoop <<<-----------*/

#tools_send {
	float: left;
	width: 100%;
}
#tools_send div.error {
  background: #E20031;
  border: 2px solid black;
  color: white;
  display: block;
  font-size: .75em;
  margin: .750em auto;
  padding: .5em;
  text-align: center;
  width: 60%
}
#tools_send div.ok {
  background: #A4BAA2;
  border: 2px solid #569492;
  display: block;
  font-size: .75em;
  margin: .750em auto;
  padding: .5em;
  text-align: center;
  width: 60%
}
#tools_send h3.tools_title {
	background: #0584C6;
	color: white;
	font-size: 1em;
	padding: .2em 0 .2em .625em;
}
#tools_send p {
	font-size: .750em;
	line-height: 1.5em;
	margin: 1em 0;
}
#tools_send form#envoyer_ami legend {
	color: black;
	font-family: 'Trebuchet MS',arial,sans-serif;
	font-size: 1.125em;
	line-height: 1.25em;
	margin-top: 0.625em;
	padding: 0;
	text-transform: uppercase;
}
#tools_send form#envoyer_ami .conaughey {
	float: left;
	width: 70%;
	margin-left: 6em;
	padding-bottom: 1em;
}
#tools_send form#envoyer_ami .conaughey li {
	font-size: .750em;
	line-height: 1.5em;
	padding: .25em 0;
}
#scoop #tools_send form#envoyer_ami .conaughey li {
	font-size: 1em;
	line-height: 1.7em;
	padding: .25em 0;
}
#scoop #tools_send form#envoyer_ami .conaughey li p {
	color: #666;
	font-size: 1em;
	font-style: italic;
	margin: 0;
}
#tools_send form#envoyer_ami .conaughey li label {
	display: block;
	float: left;
	font-weight: 900;
	margin-right: .3em;
	text-align: right;
	width: 15em;
}
#tools_send form#envoyer_ami .conaughey li input, #tools_send form#envoyer_ami .conaughey li textarea, tools_send form#envoyer_ami .conaughey li select {
	background: #C9F2FE;
	border: 0;
	padding: .2em;
}
#tools_send form#envoyer_ami .conaughey li textarea {
	background:#C9F2FE url(../mediastore/elements/icons/comment_left.gif) no-repeat scroll 0.2em 0.2em;
	text-indent: 1em;
	font-family: arial, 'trebuchet MS', FreeSans, sans-serif;
	font-size: 1em;
	width: 35em;
	margin-left: 10px;
}
#tools_send form#envoyer_ami .conaughey li.over {
	background: #C9F2FE;
}
#tools_send form#envoyer_ami .conaughey li.over input {
	background: white;
	border: 0;
	padding: .2em;
}
#tools_send form#envoyer_ami .conaughey li.over textarea {
	background: white url(../mediastore/elements/icons/comment_left.gif) no-repeat scroll 0.2em 0.2em;
	border: 0;
	padding: .2em;
}
#tools_send form#envoyer_ami input#submit_friends {
	background: #12599F;
	border: 0;
	clear: both;
	color: white;
	display: block;
	font-family: 'trebuchet MS', arial, FreeSans, sans-serif;
	font-weight: 900;
	margin: 1em auto;
	padding: 0.1em 0.2em;
	text-transform: uppercase;
}

   /* -------------------------------------------------------------------------------------------------->>> 6.8 Formulaire des abonnements <<<-----------*/

#form_left, #form_right {
	float: left;
	padding-top: .625em;
	font-size: .750em;
	line-height: 1.5em;
}

#form_left {
	width: 400px;
}
#form_right {
	padding-left: 10px;
	width: 219px;
}

/* ============ VIVE IE =========== */
* hmtl #form_left {
	_width: 390px;
}
* html #form_right {
	_width: 215px;
}
/* ============ VIVE IE =========== */

#form_left legend {
	color: black;
	font-size: 1.3em;
	font-weight: 900;
	letter-spacing: -0.05em;
	padding-bottom: .625em;
}
#form_left label.error {
	color: #E20031 !important;
}
#form_left .row {
	float: left;
	clear: left;
	padding: .625em;
	width: 97.5%;
}
#form_left .row label {
	color: #4a4a4a;
	display: block;
	float: left;
	font-weight: 900;
	text-align: right;
	margin-right: .4em;
	width: 12.5em;
}
#form_left .row label.label_large {
  width: 30em;
}
#form_left .row input.text {
	background: #C9F2FE;
	border: 0;
	padding: .2em;
	width: 15.7em;
}
#form_left .row textarea {
	background: #C9F2FE url(../mediastore/elements/icons/comment_left.gif) no-repeat .2em .2em;
	border: 0;
	font-family: arial, 'Trebuchet MS', sans-serif;
	font-size: 1em;
	height: 10em;
	padding: .2em;
	text-indent: 1em;
	width: 30em;
}
#form_left input#submit_abonnement {
	background: #12599F;
	border: 0;
	color: white;
	display: block;
	font-family: 'trebuchet MS',arial,sans-serif;
	font-weight: 900;
	margin: 1em auto;
	padding: 0.1em 0.2em;
	text-transform: uppercase;
}
#form_left .over {background: #C9F2FE;}
#form_left .over input.text {background: white !important}
#form_left .row select {
	width: 16em;
}
#form_left .row img {
	position: relative;
	top: .3em;
	left: .4em;
}

#form_right .type_abo {
	background: #3a6fa5 url(../mediastore/static/fond_caricature.gif) repeat-x bottom left;
	color: white;
	padding: .625em;
}
#form_right .text {
  clear: left;
	padding: 1em 0;
	text-align: justify;
}
#form_right img {
	display: block;
	margin: 1em auto;
}
.type_abo {
	float: left;
	padding-right: 5px;
	padding-bottom: 14px;
}
.grande_abo {
	float: right !important;
	padding-right: 0 !important;
}
.medium_abo {
	float: left !important;
	padding-right: 0 !important;
}

  /* -------------------------------------------------------------------------------------------------->>> 6.9 Infotrafic <<<-----------*/

#bouton_trafic {
  float: none;
  text-align: center;
  margin: 0 auto;
  padding-bottom: 1em;
}
#bouton_trafic li {
  display: inline;
  margin-right: 1em;
}

  /* -------------------------------------------------------------------------------------------------->>> 6.10 Liberty (voyages) <<<-----------*/

#liberty #liberty_form {
  margin: 1em 0;
  background: #9dceea url(../mediastore/elements/liberty.gif) no-repeat bottom right;
  padding: .5em 0 .1em 0;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}

#liberty #static_element form .over {background: #C9F2FE;}

#liberty #static_element form .row label {
	display: block;
	float: left;
	font-weight: 900;
	text-align: right;
	line-height: 1.7em;
	margin-right: .4em;
	width: 11em;
}
#liberty #static_element form .row {
	float: left;
	clear: left;
	font-size: .750em;
	line-height: 1.5em;
	padding: .625em;
	width: 97.5%;
}
#liberty #static_element form .row input, #liberty #static_element form .row select {
	border: 1px solid #eee;
	padding: .2em .2em .2em 1.5em;
	width: 15em;
}
#liberty #static_element form .row textarea {
	border: 1px solid #666;
	padding: .2em .2em .2em 1.5em;
	height: 8em;
	width: 16em;
	font-family: arial, sans-serif;
	font-size: 1.2em;
	background: #C9F2FE url(../mediastore/elements/icons/comment_left.gif) no-repeat 5px 5px;
}
#liberty #static_element form .over input, #liberty #static_element form .over textarea, #liberty #static_element form .over select {
	background-color: white !important;
	border: 1px solid #eee;
}
#liberty #static_element form input#liberty_submit {
	border: 0;
	background: #0A9FDE;
	color: white;
	font-family: 'Trebuchet MS', tahoma, arial, sans-serif;
	font-weight: 900;
	clear: left;
	display: block;
	padding: .3em;
	letter-spacing: .1em;
	margin: 1em 0 1em 19.7em;
	text-transform: uppercase;
}
#liberty #static_element form input#liberty_submit:hover {
	background: #9D805A;
}

#liberty .wrap-result {
  float: left;
  clear: left;
  font-size: .8em;
  line-height: 1.6em;
  border-bottom: 1px dashed #eee;
  padding-bottom: .7em;
  margin-top: .8em;
  width: 100%;
}
#liberty .wrap-result .img-result {
  float: left;
  padding-right: 10px;
  width: 130px;
}
#liberty .wrap-result .desc-result {
  float: left;
  padding-right: 10px;
  width: 170px;
}
#liberty .wrap-result .result {
  float: left;
  padding-right: 10px;
  width: 290px;
}
#liberty .wrap-result .result p {
  font-size: 1em;
  margin: 0;
}

  /* -------------------------------------------------------------------------------------------------->>> 6.11 choix newsletter <<<-----------*/
  
  
#choix-newsletter {
  padding: 1em 0;
  font-size: .8em;
  line-height: 1.4em;
  margin-left:100px;
}
#choix-newsletter tr td {
  padding: 5px;
}
.f_col {
  width:120px;
}
#news_sub {
text-align:left;
}
#choix-newsletter input[type=submit] {
  background: #12599F;
  color: white;
  text-transform: uppercase;
  border: 0;
  font-weight: 900;
  font-family: 'Trebuchet MS', sans-serif;
  padding: 2px 5px;
  margin-left:110px;
}
.greenalert{
	background-color:green;
	color : white;
	width:300px;
	padding:5px;
	text-align:center;
}
.redalert {
	background-color:red;
	color : white;
	width:300px;
	padding:5px;
	text-align:center;
}