/*
 * Css pour ratpastonbus.com
 * Ecrit par Samuel
 * Le 13 juin 2009
 */
body {
	margin: 0;
	padding: 0;
	background: white;
	font-size: 78%;
	font-family: Verdana;
	color: #333;
	text-align: center;
}
img {
	border:none;
}
input,form {
	margin:0;
	padding:0;
}
a:link {
	color: #236BAF;
}
a:visited {
	color: #236BAF;
}
a:hover {
	color: #000099;
}
/********************************/
/** Layout de toutes les pages **/
/********************************/
#wrapper {
	margin: 0 auto;
	width: 1000px;
	background-color: white;
	text-align: left;
}
#header {
	padding: 0px;
	margin: auto auto;
	background: #424547;
	width: 1000px;
	background: url("/images/ombre.jpg") repeat-y center top;
}	
#header img {
	width: 990px;
}	
#content {
	width: 1000px;
	background: url("/images/ombre.jpg") repeat-y center top;
}
.fiche_horaire .tip, .tip {
	padding: 4px 0 8px 92px;
	background: url("/images/001_18.gif") no-repeat left top;
	background-position: 65px 0px;	
	font-weight: bold;
}
/* Nav box Styles */
ul#nav-box {
	width: 990px;
	border-top: dashed 4px white;
	border-bottom: dashed 4px white;
	margin : 0;
	padding : 10px 0;
	list-style-type : none;
	background-color: #554E4E;
	color: white;
	font-weight : bold;
	font-size : 0.9em;
	text-align: left;
	display: block;
}
ul#nav-box li {
	display: inline;
	padding : 5px 0;
}
ul#nav-box li a {
	padding : 5px 1.2em 5px 1.2em;
	color: white;
	text-decoration: none;
	border-left: 1px solid white;
}
ul#nav-box li a:hover {
	padding : 5px 1.2em 5px 1.2em;	
	background-color: #B03930;
	color: white;
	border-left: 1px solid white;
}
#page {
	margin: 0px 15px;	
}
h1 {
	margin: 0;
	padding: 10px 0 0 20px;
	font-family: "Lucida Grande", Tahoma, Arial, sans-serif;
	color: #000099; 
	font-size: large;
	background: url("/images/bus_0.png") no-repeat left top;
	background-position: 0px 13px;
}
#footer {
	width: 1000px;
	text-align: center;
	margin-top: 30px;
	padding: 0;
	background: url("/images/ombre.jpg") repeat-y center top;
}
.newsletter {
	float: left;
	margin: 0px 40px 10px 40px;
	width: 375px;	
}
#newsletter_form {
}
.facebook {
	margin: 0 0 0 40px;
	text-align: left;
}
#message_erreur_newsletter {
	color: red;
	font-weight: bold;
}
.newsletter .champs {
	width: 242px;	
}
.signature {
	padding: 10px;	
}
.banner {
	background: url("/images/logo.png") no-repeat center top;
	height: 188px;
	width: 990px;
}
.flash_objet {
	margin: 0px 0px 0px 748px;
	padding: 81px 0px 0px 0;
}
.fenetre {
	height: 23px;
	vertical-align: baseline;
}
.menu {
	font-family: "Arial";
	font-size: larger;
	text-decoration: underline;	
}
/*****************************/
/**         Pub             **/
/*****************************/
.zone_pub {
	height:90px;
	width: 728px;
	margin: auto;	
}
.pub_header {
	height:90px;
	width: 728px;
	margin: 0px 0px 0px 0px;
	cursor:pointer;		
}
.comppote {
	background: transparent url(/images/pub/comppote.png) no-repeat;	
	background-position: top right;	
}
.fruit {
	background: transparent url(/images/pub/fruits_seches.png) no-repeat;	
	background-position: top right;	
}
.checklist {
	background: transparent url(/images/pub/checklist.png) no-repeat;	
	background-position: top right;		
}
/*****************************/
/**         RSS             **/
/*****************************/
/* 
	root element for the scrollable. 
	when scrolling occurs this element stays still. 
*/
div.scrollable {
	
	/* required settings */
	position:relative;
	overflow:hidden;	 	
	width: 660px;	
	height:114px;	
	
	
	/* custom decorations */
	padding:10px 0;	
	border:1px outset #ccc;
	background-color:#efefef;				
}

/* 
	root element for scrollable items. Must be absolutely positioned
	and it should have a super large width to accomodate scrollable items.
	it's enough that you set width and height for the root element and
	not for this element.
*/
div.scrollable div.items {	
	/* this cannot be too large */
	width:20000em;	
	position:absolute;
	clear:both;		
	
	/* decoration */
	margin-left:10px;
}

/* single scrollable item */
div.scrollable div.items div {
	float:left;
	
	/* custom decoration */
	text-align:center;
	width:110px;
	padding:5px 0px;
	font-size:12px;
	font-family: 'bitstream vera sans';
	border:1px outset #ccc;
	background-color: #ddd;
	margin-right: 20px;	
	-moz-border-radius:5px;
}
/* single scrollable item */
div.scrollable div.items div a {
	font-size:15px;
	font-weight: bold;
}
/* active item */
div.scrollable div.items div.active {
	border:1px inset #ccc;		
	background-color:#fff;
}

/*****************************/
/**        Accueil          **/
/*****************************/
.presentation {
	width: 475px;
	float: left;
}
.raison {
	margin: 13px 10px 0 0;
	border: #B03930 solid 3px;
	-moz-border-radius-bottomleft: 10px;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;			
}	
.raison ul {
	list-style: none;
	line-height: 1.5em;
}
.presentation .sousligne {
	background: url("/images/highlight.png") no-repeat 3px 10px;	
	padding: 0px 0px 15px 0px;	
}
.raison p {
	font-weight: bold;
}
.ul_fix {
	margin-left: -21px;		
}
.pourquoi ul {
	list-style: none;
	line-height: 19px;
}
.video_demo {
	background: url("/images/fond_video.png") no-repeat right top;
	margin: 0px 0px 0px 475px;
	padding: 39px 0 50px 37px;	
}
.accueil .telecharger {
	padding: 0 0 0 18px;
	background: url("/images/arrow_right.png") no-repeat left top;
	background-position: 0px 3px;
}
.nb_download {
	font-size: xx-small;
	width: 138px;
	float: left;
	text-align:center;
	margin: 1px 0 0 0;
}
.nb_download span {
	font-weight: bold;
	font-size: large;
}
.accueil p {
	padding: 2px 0 5px 24px;
	background: url("/images/arrow_right.png") no-repeat left top;
	background-position: 0px 0px;	
}
.accueil img {
	vertical-align: middle;
	padding: 5px;
}
.accueil .pourquoi ul {
	list-style-image: url("/images/checkmark.png");
	list-style-position: inside;
}
/*****************************/
/**       Download          **/
/*****************************/
.telecharger img {
	vertical-align: middle;
}
.telecharger ul {
	list-style: none;
	padding-bottom: 20px;
}
.telecharger ul ul {
	list-style: square;
}
.telecharger .lien {
	padding: 2px 0 5px 24px;
	background: url("/images/arrow_right.png") no-repeat left top;
	background-position: 0px 20px;	
}
.telecharger .lien img {
	width: 168px;
	height: 60px;
}
.telecharger p {
	padding: 2px 0 5px 24px;
	background: url("/images/arrow_right.png") no-repeat left top;
	background-position: 0px 0px;	
}
.telecharger_liens {
	float: left;
	padding: 20px 10px 20px 20px;
	background: url("/images/arrow_right.png") no-repeat left top;
	background-position: 0px 23px;
}
/*****************************/
/**       Acheter          **/
/*****************************/
.acheter p {
	padding: 2px 0 5px 24px;
	background: url("/images/arrow_right.png") no-repeat left top;
	background-position: 0px 0px;	
}
.acheter .etapes {
	list-style: none;
}
.etapes li {
	padding: 0px 0 0px 0;
}
.etapes li span {
	color: #3D3D3D;
	font-weight: bolder;
	font-size: large;
}
.etapes .numero {
	padding-right: 4px;
	vertical-align: middle;
}
.etapes .verification li {
	margin-left: 30px;		
	padding-top: 0px;
	list-style: decimal;
	font-weight: normal;
	font-size: small;
}
.verification {
	width : 621px;	
	float: left;
	text-align: justify;
}
.screenshoot_verification {
	height: 218px;
	margin: -24px 0 0 632px;
}
.paypal {
	float: left;
	border: solid 2px black;
	margin: 10px 0 15px 30px;
}
.shareit img {
	width : 253px;
	height : 71px;
	border: solid 2px black;
	margin: 10px 0 0 30px;
}
.explication_envoyer_cle {
	width : 250px;
	text-align: justify;
}
.envoyer_cle {
	text-align: center;
	padding: 20px 0 0 20px;
	width : 200px;	
	float: left;
	margin-bottom: 20px;
}
.acheter input {
	border-color: blue;
	width: 200px;
	margin-bottom: 8px;
	text-align: center;
}
.screenshoot_apropos {
	padding: 0 0 20px 65px;
	margin: -113px 0 0 0;
	height: 295px;
}
#message_erreur_envoyer_cle {
	color: red;
	font-weight: bold;
	font-size: small;
}
/*****************************/
/**      Mode d'emploi      **/
/*****************************/
/* root element for tabs  */
ul.tabs {  
	margin:0 !important; 
	padding:0;
	height:30px;
	border-bottom:1px solid #666;	 	
}

/* single tab */
ul.tabs li {  
	float:left;	 
	padding:0; 
	margin:0;  
	list-style-type:none;	
}

/* link inside the tab. uses a background image */
ul.tabs a { 
	float:left;
	font-size:13px;
	display:block;
	padding:5px 10px;	
	text-decoration:none;
	border:1px solid #666;	
	border-bottom:0px;
	height:18px;
	background-color:#efefef;
	color:#777;
	margin-right:2px;
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-topright:4px;
	position:relative;
	top:1px;	
}

ul.tabs a:hover {
	background-color:#F7F7F7;
	color:#333;
}
	
/* selected tab */
ul.tabs a.current {
	background-color:#ddd;
	border-bottom:2px solid #ddd;	
	color:#000;	
	cursor:default;
}
/* tab pane */
div.panes div.panes.content {
	display:none;
	border:1px solid #666;
	border-width:0 1px 1px 1px;
	min-height:150px;
	padding:15px 20px;
	background-color:#ddd;	
}

.mode_emploi h2 {
	padding: 2px 0 5px 24px;
	background: url("/images/arrow_right.png") no-repeat left top;
	background-position: 0px 0px;	
	font: large bold;
	color: blue;
}

.mode_emploi li {
	margin-bottom: 2px;
}
.installation {
	padding-top: 20px;
}
.installation ul {
	list-style: decimal;
}
.installation li {
	margin-bottom: 10px;
}
.mode_emploi .attention {
	padding:2px 0px 10px 30px;
 	background : transparent url(/images/001_30.gif) no-repeat;
	background-position : 0px 0px;
}
.mode_emploi .attention span {
	font-weight : bold;
	color : red;
}
.personnalisation {
	width: 470px;
	float: left;
	text-align: justify;
}
.texteHighlight {
	background-color: #B1B0B0;
}
.imagePreference1 {
	background: url("/images/preference_fr_1.png") no-repeat top left;
	width: 400px;
	height: 170px;
	margin: 10px 0 0 500px;
}
.imageHighlightA {
	border: red dotted 2px;	
}
#zoneImage_1 {
	height: 25px;
	width: 370px;
	margin: 62px 0 0 10px;
	position: absolute;
}
#zoneImage_2 {
	height: 25px;
	width: 370px;
	margin: 88px 0 0 10px;
	position: absolute;
}
#zoneImage_2_A {
	height: 86px;
	width: 80px;
	margin: 246px 0 0 266px;
	position: absolute;
}
#zoneImage_3 {
	height: 51px;
	width: 370px;
	margin: 115px 0 0 10px;
	position: absolute;
}
.imagePreference2 {
	background: url("/images/preference_fr_2.png") no-repeat top left;
	width: 400px;
	height: 235px;
	margin: 10px 0 0 500px;
}
#zoneImage_3A {
	height:132px;
	margin:10px 0 0 32px;
	position:absolute;
	width:78px;
}
#zoneImage_3B {
	height:132px;
	margin:10px 0 0 114px;
	position:absolute;
	width:83px;
}
#zoneImage_3C {
	height:132px;
	margin:10px 0 0 201px;
	position:absolute;
	width:89px;
}
.imagePreference3 {
	background: url("/images/preference_fr_3.png") no-repeat top left;
	width: 400px;
	height: 142px;
	margin: 27px 0 0 500px;
}
#zoneImage_4 {
	height: 20px;
	width: 370px;
	margin: 0px 0 0 10px;
	position: absolute;
}
#zoneImage_5 {
	height: 20px;
	width: 370px;
	margin: 23px 0 0 10px;
	position: absolute;
}
#zoneImage_6 {
	height: 20px;
	width: 370px;
	margin: 47px 0 0 10px;
	position: absolute;
}
#zoneImage_7 {
	height: 44px;
	width: 370px;
	margin: 71px 0 0 10px;
	position: absolute;
}
#zoneImage_7A {
	height: 22px;
	width: 370px;
	margin: 71px 0 0 10px;
	position: absolute;
}
#zoneImage_7B {
	height: 22px;
	width: 370px;
	margin: 93px 0 0 10px;
	position: absolute;
}
#zoneImage_8 {
	height: 29px;
	width: 370px;
	margin: 116px 0 0 10px;
	position: absolute;
}
.imagePreference4 {
	width: 400px;
	height: 110px;
	margin: 31px 0 0 500px;
}
#zoneImage_7A_A {
	height:54px;
	margin:-3px 0 0 -4px;
	position:absolute;
	width:309px;
}
#zoneImage_7B_A {
	height:54px;
	margin:60px 0 0 -4px;
	position:absolute;
	width:403px;
}
#zoneImage_8_A {
	height:54px;
	margin:-4px 0 0 92px;
	position:absolute;
	width:211px;
}
#zoneImage_8_B {
	height:54px;
	margin:58px 0 0 137px;
	position:absolute;
	width:259px;
}
.imagePreference5 {
	background: url("/images/preference_fr_5.png") no-repeat top left;
	width: 400px;
	height: 83px;
	margin: 34px 0 0 500px;
}
#zoneImage_9 {
	height: 29px;
	width: 370px;
	margin: 0px 0 0 10px;
	position: absolute;
}
/************************************/
.image_proxy {
	background: url("/images/preference_proxy_fr.png") no-repeat top left;
	float: left;	
	margin: 0px 0px 40px 20px;	
	width: 400px;
	height: 395px;
}
.image_aide {
	background: url("/images/preference_aide_fr.png") no-repeat top left;
	float: left;	
	margin: 0px 0px 40px 20px;	
	width: 400px;
	height: 395px;
}
#zoneImage_21 {
	height: 127px;
	width: 370px;
	margin: 62px 0 0 10px;
	position: absolute;
}
#zoneImage_29 {
	height: 127px;
	width: 370px;
	margin: 62px 0 0 10px;
	position: absolute;
}
#zoneImage_22 {
	height: 25px;
	width: 358px;
	margin: 85px 0 0 18px;
	position: absolute;
}
#zoneImage_23 {
	height: 26px;
	width: 358px;
	margin: 110px 0 0 18px;
	position: absolute;
}
#zoneImage_24 {
	height: 26px;
	width: 358px;
	margin: 136px 0 0 18px;
	position: absolute;
}
#zoneImage_25 {
	height: 26px;
	width: 358px;
	margin: 162px 0 0 18px;
	position: absolute;
}
#zoneImage_26 {
	height: 47px;
	width: 370px;
	margin: 188px 0 0 10px;
	position: absolute;
}
#zoneImage_28 {
	height: 47px;
	width: 370px;
	margin: 188px 0 0 10px;
	position: absolute;
}
.proxy {
	text-align:justify;
	margin: 8px 0 0 440px;
}
.infobulle_aide_depart {
	background: url("/images/aide_depart.png") no-repeat top left;
	width: 254px;
	height: 166px;	
	margin: 0 0 0 580px;
}
#zoneImage_27 {
	height:74px;
	margin:28px 0 0 30px;
	position:absolute;
	width:194px;	
}
/*************************/
.propos {
	width: 630px;
	float: left;
	text-align: justify;	
}
.propos li {
	margin-bottom: 15px;
}
.image_apropos {
	background:transparent url(/images/apropos_enregsitre_fr.png) no-repeat scroll left top;
	height:292px;
	margin:10px 0 0 653px;
	width:200px;
}
#zoneImage_41 {
	height:34px;
	margin:34px 0 0 49px;
	position:absolute;
	width:97px;
}
#zoneImage_41_A {
	height:19px;
	margin:238px 0 0 18px;
	position:absolute;
	width:162px;
}
#zoneImage_43 {
	height:50px;
	margin:82px 0 0 43px;
	position:absolute;
	width:109px;
}
#zoneImage_44 {
	height:33px;
	margin:146px 0 0 15px;
	position:absolute;
	width:166px;
}
#zoneImage_45 {
	height:19px;
	margin:185px 0 0 18px;
	position:absolute;
	width:166px;
}
#zoneImage_46 {
	height:19px;
	margin:212px 0 0 18px;
	position:absolute;
	width:166px;
}
/*****************************/
.image_utilisation {
	float: left;	
	padding: 10px 0 40px 20px;	
	width: 149px;
}
.utilisation {
	text-align:justify;
}
.utilisation ul {
	text-align:justify;
	padding: 0 0 0 363px;
}
/************************************/
.auto {
	text-align: justify;
	margin-bottom: 15px;
}
.image_auto1 {
	background: url("/images/menu_maj.png") no-repeat;
	width: 300px;
	height: 212px;
	margin: 0 0 0 20px;	
	float: left;	
}
#zoneImage_31 {
	width: 310px;
	height: 222px;
	margin: -5px;
}
.image_auto2 {
	background: url("/images/itineraire_fr.png") no-repeat;
	width: 519px;
	height: 246px;
	margin: 0 0 0 380px;
}
#zoneImage_32 {
	width: 170px;
	height: 46px;
	margin: 51px 0 0 5px;
	position: absolute;
}
#zoneImage_33 {
	width: 170px;
	height: 46px;
	margin: 97px 0 0 5px;
	position: absolute;
}
#zoneImage_34 {
	width: 170px;
	height: 44px;
	margin: 143px 0 0 5px;
	position: absolute;
}
#zoneImage_35 {
	width: 47px;
	height: 26px;
	margin: 48px 0 0 179px;
	position: absolute;
}
#zoneImage_36 {
	width: 47px;
	height: 26px;
	margin: 71px 0 0 179px;
	position: absolute;
}
#zoneImage_37 {
	width: 66px;
	height: 25px;
	margin: 189px 0 0 155px;
	position: absolute;
}
#zoneImage_38 {
	width: 89px;
	height: 25px;
	margin: 189px 0 0 224px;
	position: absolute;
}
/*********************************/
.faq li {
	margin-top: 10px;
}
.question {
	font-weight: bold;
}
.reponse {
	display: block;
}
/*****************************/
/**   Fiche d'horaires      **/
/*****************************/
.fiche_horaire p {
	padding: 2px 0 5px 24px;
	background: url("/images/arrow_right.png") no-repeat left top;
	background-position: 0px 0px;	
}
.fiche_horaire li {
	margin-left: 40px;
}
.fiche_horaire img {
	margin: 20px 0 0 -73px;
}
.fiche_horaire .explication {
	border: 3px #0055EA solid;
	margin: 20px 0 10px 0;
	width: 620px;
	padding: 10px 0;
}
/********************************/
/**        Les villes          **/
/********************************/
.carte {
	margin: 20px 15px;	
	float: left;
	height: 400px;
	width: 369px;
}
#info_carte {
	margin: 90px 15px 5px 395px;
	background: url("/images/arrow_right.png") no-repeat left top;
	background-position: 1px 1px;
	text-align: justify;
	padding: 0 0 4px 26px;			
}
#info_carte ul {
	line-height: 1.5em;
}
#info_carte a img {
	vertical-align: middle;
	height: 83px;
	margin: 39px 0 0 5px;
}
#info_carte .detail {
	float: left;
	width: 257px;
}
#info_carte li img {
	vertical-align: bottom;
	margin-right: 3px;
	height: 18px;
}
#info_carte .version {
	font-style: italic;
	text-decoration: underline;
}
#info_carte .ville {
	font-size: large;
}
.highlight_toulouse {
	position: absolute;
	margin: 346px 0 0 194px;
}
.highlight_paris {
	position: absolute;
	margin: 121px 0 0 216px;
}
.highlight_bordeaux {
	position: absolute;
	margin: 285px 0 0 136px;
}
.highlight_lyon {
	position: absolute;
	margin: 243px 0 0 291px;
}
.highlight_marseille {
	position: absolute;
	margin: 344px 0 0 317px;
}
/*****************************/
/**         Contact         **/
/*****************************/
.avis .contact {
	width: 350px;
	height: 225px;
	float: left;
	margin-top: 5px;
}
.avis .form {
	width: 430px;
	margin: 20px 0 0 370px;
}
.avis .form .comment {
	width: 409px;
	height: 90px;
}
.avis .form .email {
	width: 409px;
	height: 15px;
}
.avis input, .avis textarea {
	border-color: blue;
	width: 200px;
	margin-bottom: 8px;
}
.avis p {
	padding: 2px 0 5px 24px;
	background: url("/images/arrow_right.png") no-repeat left top;
	background-position: 0px 0px;	
}
.comment-list {
	float:left;
	margin:0;
	padding:0 8px;
	width:96%;
}
.comment-avatar {
	float:left;
	height:52px;
	margin:0 0 0 8px;
	padding:0;
	width:52px;
}
.comment-block-alt {
	background:#F8F8F8 none repeat scroll 0 0;
	border:1px solid #D6DAF7;
	float:left;
	margin:0 0 5px 0;
	padding:5px;
	width:86%;
}
.comment-block-alt2 {
	background: #D6DAF7 none repeat scroll 0 0;
	border:1px solid #EEEEEE;
	float:left;
	margin:0 0 5px 0;
	padding:5px;
	width:86%;
}
.comment-block-alt .comment-author {
	color:#000000;
	float:left;
	font-size:12px;
	font-weight:bold;
	line-height:18px;
	margin:0;
	padding:0;
	width:99%;
}
.comment-block-alt .comment-date {
	color:#000000;
	float:left;
	font-size:11px;
	line-height:17px;
	margin:0;
	padding:0;
	width:99%;
}
.comment-block-alt .comment-text {
	color:#333333;
	float:left;
	font-size:11px;
	line-height:18px;
	margin:0;
	padding:1em 0;
	width:99%;
}
#message_erreur_avis {
	color: red;
	font-weight: bold;
}
/*****************************/
/**         Presse          **/
/*****************************/
.petite_image {
	height: 55px;
	width:140px;
}
.div_petite_image {
	display:inline;
}
.presse .contact {
	float: left;
	padding-top: 20px;
	width: 330px;
}
ul.thumbs_presse {  
	margin:0 !important; 
	padding:0;
	height:30px;
}

/* single tab */
ul.thumbs_presse li {  
	float:left;	 
	padding:0; 
	margin:0;  
	list-style-type:none;	
}
/* link inside the tab. uses a background image */
ul.thumbs_presse a { 
	margin-right:8px;
}
.panes_content .journal {
	font-weight:bold;
}
.panes_content .date {
	font-style: italic;
}
.presse .panes {
	margin: 20px auto;
	width: 800px;
}
.presse .panes img {
	margin: 20px auto;
}
/*****************************/
/**         Liens           **/
/*****************************/
.liens img {
	vertical-align: middle;
	height: 60px;
	width: 150px;
}
.liens p {
	padding: 2px 0 5px 24px;
	background: url("/images/arrow_right.png") no-repeat left top;
	background-position: 0px 0px;	
}
.liens ul {
	list-style: none;
	padding: 10px;
}
.liens li {
	display: inline;	
	padding : 10px;
}

/*****************************/
/**         Admin           **/
/*****************************/
.reste_faire .form1 {
	float: left;
	width: 300px;
	text-align: right;
	margin: 15px;
	line-height: 2em;
}
.reste_faire .form2 {
	text-align: left;
	vertical-align: top;
	margin: 15px;
}
.reste_faire .form2 textarea {
	width: 300px;
	height: 118px;	
	margin-top: 17px;
}
.reste_faire .form3 {
	margin-left: 270px;
}
.reste_faire table {
	border: solid 2px blue;
	border-collapse: collapse;	
}
.reste_faire td {
	border: solid 1px blue;
	text-align: center;
}
.reste_faire th {
	border: solid 1px blue;
	text-align: center;
}
.mailing {
	margin: 20px;
}
.mailing .list_mail {
	width: 950px;
	height: 200px;
	border: solid 2px blue;
}
.mailing table {
	border: solid 2px blue;
	border-collapse: collapse;	
}
.mailing td {
	border: solid 1px blue;
	text-align: center;
}
.mailing th {
	border: solid 1px blue;
	text-align: center;
}
.envoyer_newsletter {
	width: 300px;
	margin: 20px;
}
.envoyer_newsletter .titre {
	width: 250px;	
	height: 20px;
}
.envoyer_newsletter .message {
	width: 250px;	
	height: 300px;	
}
/*******************/
/* Pages d'erreurs */
/*******************/
div.dialog {
	width: 50em;
	padding: 2em 4em;
	margin: 0 auto 0 auto;
	border: 1px solid #ccc;
	border-right-color: #999;
	border-bottom-color: #999;
}
/* Msg erreur affiché tout a gauche */
.error_message{
	font-weight : bold;
	color : red;
	padding:2px 0px 10px 0px;
}