/* Styles generaux  */

.rainette_titre {margin: 0.5em 0 0.5em 1em; 	padding:0 0 0 0;}



/* INFOS: Styles utilises par le modele rainette_infos */

.rainette_infos {	float:right;

	width: 100%;

	background: #ffffff;

	border: 0.2em solid #dddddd;

	margin: 0.5em 0 1em 0;

	padding: 0;

	line-height: normal;

}

.rainette_infos .ville {margin: 0.5em 0 0 0.5em;}

.rainette_infos .coordonnees {

    margin: 0.5em 0 0.5em 0.85em; 

    list-style-type: none;

    font-size: 0.85em;

    padding: 0;

}



/* CONDITIONS: Styles utilises par le modele rainette_conditions */

.rainette_conditions {	float:right;

	width: 100%;

	background: #fcfcfc;

	margin: 0.5em 0 0em 0;

	padding:0 0 0.5em 0;

	line-height: normal;

}

.rainette_conditions .statut {float: right; width:100%;}

.rainette_conditions .cadre {	float:right;

	width: 100%;

	border: 0.1em solid #dddddd;

	background: #ffffff;

	margin: 0em 0em 0 0em;

	padding: 0 0 0.5em 0;

}

.rainette_conditions .icone {float: right; margin: 0.3em 0 -0.5em 0.7em;}

.rainette_conditions .t_reelle {	float:right;

	color: #234ec4;

	font-size: 3em;

	font-weight: bold;

	margin: 0.5em 0 0 0.25em;

}

.rainette_conditions .t_ressentie {	float:right; color: #333333; margin: 0 0 0 0.75em;

}

.rainette_conditions .resume {

	text-align: right; font-weight: bold; padding-top: 0.5em;padding-right:15%;

}

.rainette_conditions .maj {	float:right;

	font-size: 14px;

	color: #000000;

	padding: 0.5em 0 0em 3em;

}

.rainette_conditions ul li {	float:right;

	color: #d62b47;

	width: 13em;

	padding: 0 0 0.7em 0.1em;

	list-style-type: none;

}

.rainette_conditions li span {color: #6E6E6E; font-weight: bold; display: block;}



.rainette_conditions li img { margin: -1em 0 0 0}



/* PREVISIONS: Styles utilises par le modele rainette_previsions, sur 1 jour presente en 2x12h */

.rainette_previsions_2x12h {	float:right;

	border: 0.2em solid #dddddd;

	width: 100%;

	margin: 0.5em 0 0 0;

	line-height: normal;

}

.rainette_previsions_2x12h .entete {	float:right;

	height: 1.8em;

	width: 50%;

	border-left: 0.1em solid #dddddd;

	border-bottom: 0.1em solid #dddddd;

	padding: 0.5em 0 0 0;

	text-align: center;

	font-weight: bold;

	background: #fcfcfc;

}

.rainette_previsions_2x12h .entete+.entete {

	width: 50%;

	border-left: 0;

}

.rainette_previsions_2x12h .cadre {float: right; background: #ffffff;}

.rainette_previsions_2x12h .cellule {	float:right;

	width: 50%;

	border-style: solid;

	border-color: #dddddd;

	border-width: 0   0 0.1em 0.1em;

}

.rainette_previsions_2x12h .cellule+.cellule {

	width: 50%;

	border-width: 0 0 0.1em 0;

}

.rainette_previsions_2x12h .contenu {	float:right; width: 100%; margin: 0.5em 1em 1em 1em;

}

.rainette_previsions_2x12h .icone {	float:right; width: 50%; height:11em; padding: 0 1em 0 1em;

}

.rainette_previsions_2x12h .t_reelle {

	width: 10em;	float:right;

	font-weight: bold;

	font-size: 1em;

	color: #234ec4;

	margin: 1em 0 0 1em;

}

.rainette_previsions_2x12h .t_reelle span {font-size: 3em;}

.rainette_previsions_2x12h .details {	float:right;

	clear: both;

	color: #6e6e6e;

	width: 24em;

	padding: 0.5em 0 0 0;

}

.rainette_previsions_2x12h .details ul {

	list-style-type: none; padding: 0; margin: 0;

}

.rainette_previsions_2x12h .details li {margin-right: 12em; clear:both;} 

.rainette_previsions_2x12h .details li span {margin-right:-12em; float:right; display:inline; font-weight: bold;}

.rainette_previsions_2x12h .maj {	float:right;

	width: inherit; /* sinon le text-align est inoperant */

	text-align: center;

	color: #d62b47;

	font-size: 0.9em;

	padding: 0.5em;

}



/* PREVISIONS: Styles utilises par le modele rainette_previsions, sur x jours presente en 24h simple */

.rainette_previsions_24h {	float:right;

	border: 0.1em solid #dddddd;

	width: 19%;

	margin: 0.4em 0.4em 2em 0;

	line-height: normal;

}

.rainette_previsions_24h .jour {

	height: 1.9em;

	font-weight: bold;

	background: #fcfcfc;

	width: 100%;

	border-bottom: 0.1em solid #dddddd;

	padding: 0.4em 0 0 0;

	text-align: center;

}

.rainette_previsions_24h .date {

	height: 1.9em;

	font-weight: bold;

	background: #fcfcfc;

	width: 100%;

	border-bottom: 0.1em solid #dddddd;

	padding: 0.4em 0 0 0;

	text-align: center;

}

.rainette_previsions_24h .contenu {

	min-height: 20em;

	width: 100%;

	padding: 1em 0 1em 0;

	border: 0;

	text-align: center; 

}

* html .rainette_previsions_24h .contenu {height: 20em;}

.rainette_previsions_24h .icone {margin-bottom: 1em;}

.rainette_previsions_24h .t_reelle {font-weight: bold; margin: 0 0.4em 1em 0.4em; min-height: 3em}

.rainette_previsions_24h .resume {font-weight: bold; margin: 0 0.4em 1em 0.4em; min-height: 4em}

.rainette_previsions_24h .details {font-weight: normal; margin: 0 0.4em 1em 0.4em;}

.rainette_previsions_24h .details ul {list-style-type: none; padding: 0; margin: 0;}

