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

   typo.css
   Base typographique, couleurs et titraille
   Styles utilisés dans les modèles
   
   Ces éléments sont intégrés dans le back office de spip
   
   
    --------
	couleurs
	--------
	bleu : rgb(0,114,182);
	bleu foncé : rgb(0,34,54);
	bleu intermédiaire : rgb(2,76,127);
	orange : rgb(244,159,13);
	vert : rgb(187,204,0);
	aubergine : rgb(71,0,31);
	violet : rgb(107,43,116);
	rose ifac : rgb(172,109,166)
	marron glacé rgb(176,162,131)
	marron glacé leger rgb(201,190,169)
	marron foncé rgb(79,57,44)


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







/* Déclaration des polices roboto utilisées */
@font-face {
    font-family: 'robotoregular';
    src: url('roboto-fontfacekit/roboto_regular_macroman/Roboto-Regular-webfont.eot');
    src: url('roboto-fontfacekit/roboto_regular_macroman/Roboto-Regular-webfont.eot#iefix') format('embedded-opentype'),
         url('roboto-fontfacekit/roboto_regular_macroman/Roboto-Regular-webfont.woff') format('woff'),
         url('roboto-fontfacekit/roboto_regular_macroman/Roboto-Regular-webfont.ttf') format('truetype'),
         url('roboto-fontfacekit/roboto_regular_macroman/Roboto-Regular-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'robotolight';
    src: url('roboto-fontfacekit/roboto_light_macroman/Roboto-Light-webfont.eot');
    src: url('roboto-fontfacekit/roboto_light_macroman/Roboto-Light-webfont.eot#iefix') format('embedded-opentype'),
         url('roboto-fontfacekit/roboto_light_macroman/Roboto-Light-webfont.woff') format('woff'),
         url('roboto-fontfacekit/roboto_light_macroman/Roboto-Light-webfont.ttf') format('truetype'),
         url('roboto-fontfacekit/roboto_light_macroman/Roboto-Light-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'robotothin';
    src: url('roboto-fontfacekit/roboto_thin_macroman/Roboto-Thin-webfont.eot');
    src: url('roboto-fontfacekit/roboto_thin_macroman/Roboto-Thin-webfont.eot#iefix') format('embedded-opentype'),
         url('roboto-fontfacekit/roboto_thin_macroman/Roboto-Thin-webfont.woff') format('woff'),
         url('roboto-fontfacekit/roboto_thin_macroman/Roboto-Thin-webfont.ttf') format('truetype'),
         url('roboto-fontfacekit/roboto_thin_macroman/Roboto-Thin-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'robotomedium';
    src: url('roboto-fontfacekit/roboto_medium_macroman/Roboto-Medium-webfont.eot');
    src: url('roboto-fontfacekit/roboto_medium_macroman/Roboto-Medium-webfont.eot#iefix') format('embedded-opentype'),
         url('roboto-fontfacekit/roboto_medium_macroman/Roboto-Medium-webfont.woff') format('woff'),
         url('roboto-fontfacekit/roboto_medium_macroman/Roboto-Medium-webfont.ttf') format('truetype'),
         url('roboto-fontfacekit/roboto_medium_macroman/Roboto-Medium-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'robotobold';
    src: url('roboto-fontfacekit/roboto_bold_macroman/Roboto-Bold-webfont.eot');
    src: url('roboto-fontfacekit/roboto_bold_macroman/Roboto-Bold-webfont.eot#iefix') format('embedded-opentype'),
         url('roboto-fontfacekit/roboto_bold_macroman/Roboto-Bold-webfont.woff') format('woff'),
         url('roboto-fontfacekit/roboto_bold_macroman/Roboto-Bold-webfont.ttf') format('truetype'),
         url('roboto-fontfacekit/roboto_bold_macroman/Roboto-Bold-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'robotoitalic';
    src: url('roboto-fontfacekit/roboto_italic_macroman/Roboto-Italic-webfont.eot');
    src: url('roboto-fontfacekit/roboto_italic_macroman/Roboto-Italic-webfont.eot#iefix') format('embedded-opentype'),
         url('roboto-fontfacekit/roboto_italic_macroman/Roboto-Italic-webfont.woff') format('woff'),
         url('roboto-fontfacekit/roboto_italic_macroman/Roboto-Italic-webfont.ttf') format('truetype'),
         url('roboto-fontfacekit/roboto_italic_macroman/Roboto-Italic-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;

}


.texteGros{font-size:1.2em}
.texteBleu{color:rgb(0,114,182);}


small{font-size:0.8em;}




/* ENCART */
.encart-conteneur{text-align:right;}
.encart {
	display:inline-block;
	width: 33%; 
	background:rgb(201,190,169);
	color:#FFF;
	margin:10px;margin-right:-20px;/* calé sur le padding du .texte*/
	text-align:left; /*compense l'alignement à droite du conteneur */
	clear:both; /*si l'on utilise des float programmés dans des styles complémentaires */
}
.encart .titre{background:rgb(176,162,131);padding:10px; margin-top:-2px;margin-bottom:0px;font-size:1.5em;color:rgb(79,57,44);}/*margin top pour supprimer un espacement avec l'image du dessus !? */
.encart img{max-width: 100% !important; height:auto;}


/*VERBATIM */
.verbatim-conteneur{text-align:right;}
.verbatim{
	display:inline-block;
	width:50%;
	background-color: rgb(0,114,182);
	margin:10px; margin-right:-20px; /* calé sur le padding du .texte */
	color:#FFF;
	font-family: 'robotoitalic';
	text-align:left; /*compense l'alignement à droite du conteneur */
}
.verbatim .titre{background-color: rgb(0,114,182) !important;}
.verbatim .signature{}
.verbatim a, .verbatim a.spip_out {color: rgb(176,162,131);}
.verbatim a:hover, .verbatim a.spip_out:hover {color: rgb(255,255,255);}
.encart.large, .verbatim.large {
	width: 100%;
}