/* css typo voa-13 by Franck Halatre artinthebox.be */


.spip_documents {
	text-align:center;
	max-width: 100%
	}
	
.spip_documents p {
	margin:.10em;
	padding:0
	}
	
.spip_documents_center {
	display:block;
	width:100%;
	margin:1.385em auto;
	max-width: 100%
	}
	
.spip_documents_left{
	float:left;
	margin-right:15px;
	margin-bottom:1.385em;
	max-width: 100%;
	}
	
.spip_documents_right{
	float:right;
	margin-left:15px;
	margin-bottom:1.385em;
	max-width: 100%
	}
	
.spip_doc_titre{
	margin-right:auto;
	margin-left:auto;
	font-weight:700;
	font-size:.90em
	}
	
.spip_doc_descriptif{
	clear:both;
	margin-right:auto;
	margin-left:auto;
	font-size:.90em
	}
	
.spip_modele{
	float:right;
	display:block;
	padding:1em;
	border:1px solid;
	width:180px}

.spip_documents img {
	display: block !important; 
	width: 100%; 
	height: 100%;
	}

/* typo */

a:*,
* {
	outline:none;
	text-decoration: none;
	}
	
/* gras*/
	
p  strong {font-weight: 500 !important}

/** taille du texte **/

t1 {
	font-size: 21px;
	line-height: 130%;
	}

t2 {
	font-size: 24px;
	line-height: 130%;
	}

t3 {
	font-size: 28px;
	line-height: 130%;
	}

/** soulignement **/

sl { 
	text-decoration: underline;
	}

/** couleur **/


c0 {
	color: #191919;
	}

c1 {
	color: #3FBCE6;
	}

c2 {
	color: #2D7D93;
	}

c3 {
	color: #F69B31;
	}

c4 {
	color: #FAEA58;
	}
	
c5 {
	color: #95C047;
	}

c6 {
	color: #536330;
	}

c7 {
	color: #313A1F;
	}

c8 {
	color: #CF514D;
	}
	
c9 {
	color: #AF322C;
	}
	
c10 {
	color: #88191E;
	}


/** Petite capitale **/ 	

sc {
  text-transform : uppercase;
  font-size: 70%;
}

/** mise en relief **/

.caractencadre-spip {
	color: #1A1F08 !important;
	background: #97BF0D !important;
	font-weight: normal !important;
	padding-left: 10px;
	padding-right: 10px;
	text-shadow: none !important;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;

	}

.caractencadre2-spip {
	color: #FFF !important;
	background: #CF514D !important;
	font-weight: normal !important;
	padding-left: 10px;
	padding-right: 10px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	}

.texteencadre-spip {
	display: block;	
	position: relative;
	border: none !important;
	font-weight: normal !important;
	font-size: 110%;
    line-height: 170% !important;
	background: #97BF0D !important;
	font-weight: normal !important;
	color: #1A1F08;
	padding: 20px !important;
	-webkit-box-shadow: 0 3px 7px rgba(0,0,0,.2), 0 -3px 7px rgba(0,0,0,.2);
	-moz-box-shadow:  0 3px 7px rgba(0,0,0,.2), 0 -3px 7px rgba(0,0,0,.2);
	box-shadow:  0 3px 7px rgba(0,0,0,.2),  0 -3px 7px rgba(0,0,0,.2);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	}

sub {
	font-size: 10px;
	}

sup  {
	font-size: 10px;
	text-transform: none;
	}
	
#chapo {
	font-family: 'Oswald', sans-serif ;
	color:#95C047;  
	font-size: 18px;
	margin-bottom: 20px;
	}
	
#col-contexte-titre .titre {
	font-family: 'Oswald', sans-serif ;
	font-size: 16px;
	font-weight: 400;
	}

.texte h3 {
	font-family: 'Oswald', sans-serif ;
	font-size: 32px !important;
	font-weight: 400;
	color: #95C047 !important;
	padding: 10px 0px 10px 0px
	}

.texte h4 {	
	font-family: 'Oswald', sans-serif ;
	font-size: 26px;
	font-weight: 400;
	color: #95C047 !important;
	padding: 7px 0px 7px 0px
	} 

.texte h5 {
	font-family: 'Oswald', sans-serif ;
	font-size: 22px;
	font-weight: 400;
	color: #95C047 !important;
	padding: 5px 0px 5px 0px
	} 


/** ligne de separation (----) **/
	
hr {
	color: none;
	background-color:none;
	height: 1px;
	border: none;
	border-top: 1px dashed #97BF0D ;
	margin: 20px 10% 20px 10%;
	}

/** liens **/

	/*** enlever les pontilles autour des liens ***/
	

a, a:hover, a:focus {
	-webkit-transition: all 500ms ;
	-moz-transition: all 500ms ;
	-ms-transition: all 500ms ;
	-o-transition: all 500ms ;
	transition: all 500ms ;
	text-decoration: none;
	}
	
p a {}
	
p a:hover {}


	/*** enlever la balise hreflang sur les liens ***/

a[hreflang]:after {
	display: none
	}
	
	/*** enlever les pontilles autour des fichiers swf ***/
		
focus {
	outline:none;
	}
	
object {
	outline:none;
	}
	
	
	/*** enlever contours autres (safari) ***/

input[type="text"]:focus, input[type="password"]:focus, textarea:focus{
	outline: none;
	}
	
	/*** liens externe dans le texte ***/	

p .spip_out {}
	
.spip_out {}

p .spip_out:hover {}

p .spip_out:visited {}
	
p .spip_out:visited:hover {}

	/*** liens interne dans le texte ***/
	
p .spip_in {}
	
.spip_documents .spip_in {}
	
.spip_in {}

p .spip_in:hover {}

p .spip_in:visited {}
	
p .spip_in:visited:hover {}

	/*** mail ***/
	
p .spip_mail {}
	
p .spip_mail:hover {}

/** puces **/

	/*** 
	disc 
	petit cercle plein
	list-style-type: disc;
	-------
	circle
	petit cercle vide
	list-style-type: circle;
	------
	square
	petit carre plein
	list-style-type: square;
	***/

.texte li {
	font-size: 14px; 
	padding-bottom:10px
	}

li, ul {
	list-style-type: none;
	padding: 0px;
	margin: 0px
	}

.texte ul, .texte-rubrique ul  {
	padding-bottom: 0px;
	}

.texte ul li,  .texte-rubrique ul li {
	list-style-type: disc;
	margin-left: 15px;
	margin-bottom: 0px;
 	line-height: 140%;
 	text-align:justify
	}

.texte ul li ul, .texte-rubrique ul li ul {
	margin-left: 20px;
	}

.texte ul.spip,  .texte-rubrique ul.spip  {
	margin-top:5px;
	margin-bottom: 5px;	
	}
	
.texte  li,  .texte-rubrique li  {
	text-align: left;
	margin-left: 25px;
	background: none;
	padding-top:0px;
	padding-bottom:0px;
	min-height: 0px;
	}

.texte li ul li,  .texte-rubrique li ul li {
	margin-left: 5px;
	background: none;
	padding-top:0px;
	padding-bottom:0px;
	min-height: 0px;
	}

/** liste numerote 2 niveaux **/

   .texte ol.spip,  .texte-rubrique  ol.spip {
   	  margin-left: 0px;
      counter-reset:Point_liste_niveau1;
      list-style-type:none;
   }
   
   .texte ol.spip li {
	   margin-left: 0px;
	   margin-bottom: 10px;
	   line-height: 140% !important;
   }
   
     .texte ol.spip li li {
	   margin-left: 10px;
   }

   .texte ol.spip li:before, .texte-rubrique ol.spip li:before {
      content: counter(Point_liste_niveau1) ". ";
      counter-increment:Point_liste_niveau1;
   }
   
   .texte ol.spip ol.spip, .texte-rubrique ol.spip ol.spip  {
   	  margin-left: 5px;
      counter-reset:Point_liste_niveau2;
      list-style-type:none;
   }
   

   .texte ol.spip ol.spip li:before, .texte-rubrique ol.spip ol.spip li:before {
      content: counter(Point_liste_niveau1) ". "counter(Point_liste_niveau2,lower-alpha) ". ";
      counter-increment:Point_liste_niveau2;
   }
   
   .texte ol.spip ol.spip ol.spip, .texte-rubrique ol.spip ol.spip ol.spip {
   	  margin-left: 5px;
      counter-reset:Point_liste_niveau3;
      list-style-type:none;
   }
   .texte ol.spip ol.spip ol.spip li:before, .texte-rubrique ol.spip ol.spip ol.spip li:before {
      content: counter(Point_liste_niveau1) ". "counter(Point_liste_niveau2,lower-alpha) ". " counter(Point_liste_niveau3,lower-alpha) ". ";
      counter-increment:Point_liste_niveau3;
   }


/** textaera **/


	/*** 
	zone scrollable avec une hauteur maximum
	***/

.spip_cadre   {
	Width: 100%;
	padding: 10px;
	margin-left: 0%;
	height: 150px;
	border: none;
	}

/** quote **/

blockquote.spip  {
	font-family: "Times New Roman", Georgia, Serif;
	font-size: 18px !important;
	font-weight:normal;
	font-style:italic;
	line-height: 25px;
	color:#FFF;
	width: 90%;
	margin: 20px 5% 20px 5% ;
	padding: 5%;
	border: none;
	background: rgba(0,0,0,0.3);
	-webkit-box-shadow: 0 3px 7px rgba(0,0,0,.2), 0 -3px 7px rgba(0,0,0,.2);
	-moz-box-shadow:  0 3px 7px rgba(0,0,0,.2), 0 -3px 7px rgba(0,0,0,.2);
	box-shadow:  0 3px 7px rgba(0,0,0,.2),  0 -3px 7px rgba(0,0,0,.2);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	}
	
blockquote.spip p {
	font-size: 18px !important;
	}
	
/** poesie **/

blockquote.spip_poesie  {
	font-family: 'Oswald', sans-serif ;
	color: #FFF;
	border:1px solid #202809;
	margin:25px 0 25px 0;
	padding:25px;
	font-size: 14px;
	line-height: 130%;
	}
	
/** tableau **/

table.spip{
	width:100%;
	margin-right:auto;
	margin-left:auto;
	margin-bottom:1em;
	border-collapse:collapse;
	border-spacing:0;
	line-height:normal;
	-webkit-box-shadow: 0 3px 7px rgba(0,0,0,.2), 0 -3px 7px rgba(0,0,0,.2);
	-moz-box-shadow:  0 3px 7px rgba(0,0,0,.2), 0 -3px 7px rgba(0,0,0,.2);
	box-shadow:  0 3px 7px rgba(0,0,0,.2),  0 -3px 7px rgba(0,0,0,.2);
	}

table.spip caption{
	caption-side:top;
	text-align:center;
	margin-right:auto;
	margin-left:auto;
	font-weight:bold;
	}
	
table.spip tr {
	padding: 10px !important
	}

table.spip tr.row_first{
	background:#262D17;
	color: #FFF;
	}

table.spip tr.row_odd{
	background:#97BF0D;
	color: #000;
	}

table.spip tr.row_even{
	background:#7B9B09;
	color: #FFF;
	}

table.spip th,table.spip td{
	padding:10px;
	text-align:left;
	border:1px solid rgba(0,0,0,0.1);
	}

table.spip th{
	vertical-align:bottom;
	font-weight:normal;
	}

table.spip td{
	vertical-align:top;
	}

.outil_guillemets {
	display: none;
	}
	
.outil_guillemets_simples {
	display: none;
	}
	
.outil_link a{
	margin-left:-12px;
	}
	
.outil_quote a{
	margin-left: -12px;
	}
	

/** formulaire **/

.spip_forms {
	border: none;
	}

.spip_forms fieldset{
	border: none;
	}

.spip_forms legend{
	margin:0px;
	padding:0px;
	color:#146F67;
	}

.spip_forms{
	color:black;
	margin:0px;
	margin-bottom:0px;
	padding:0px;
	font-weight:normal;
	}
	
.spip_forms form{
	border:0;
	margin:0;
	padding:0 0 0 0;
	}
	
.spip_forms .forml,.spip_forms .formo{
	width:100%;
	border:solid 1px #FFFFFF;
	font-size:1em;padding:0px;
	}

.spip_forms .forml,.spip_forms .fondl{
	background:#FFFFFF;
	color:#4A4336;
	width:100%;
	}

.spip_forms form .forml-focus,.spip_forms form input.forml-focus:focus,.spip_forms form textarea.forml-focus:focus,.forml-focus{
	border:solid 1px #4A4336;
	background:#FFFFFF;
	color:#433817;
	font-weight:normal;
	font-size:1em;padding:0px;
	width:100%;
	}

.spip_forms  .spip_bouton input {
	margin-right:13px;
	background:#FFFFFF; 
	color:#000000;
	margin-bottom: 10px;
	}
	
.spip_forms  .spip_bouton input:hover {
	background:#FFFFFF; 
	color:#146F67;
	}

.formInfo a,.formInfo a:active,formInfo a:visited{
	background-color:#146F67;
	font-size:1.3em;
	font-weight:bold;padding:1px 2px;
	margin-left:5px;color:#FFFFFF;
	text-decoration:none;
	float:right;
	}

.formInfo a:hover {
	color:#FFFFFF;
	text-decoration:none;
	background-color:red;
	}

.spip_forms .spip_form_champ{
	margin-bottom:0;
	display:block;
	clear:both;
	margin-top:5px;
	}

.spip_forms .spip_form_label{
	font-weight:bold;
	text-align:left;
	color:#494949;
	float:left; 
	display: inline;
	}

.spip_forms form .formo-focus,.spip_forms form input.formo-focus:focus,.spip_forms form textarea.formo-focus:focus,.spip_forms .formo-focus{
	border:solid 1px #000000;
	background:#FFFFFF;
	color:#000000;
	font-weight:normal;
	font-size:14px;
	padding:0;
	width:100%;
	}

/** NOTE **/

.spip_note {
	background:none
	}
	
.spip_note_ref {
	color: #97BF0D
	}
	
.spip_note_ref a:hover {

	}
	
	
#note {
	font-size: 12px !important; 
	font-weight: normal;
	}

/** SAUT DE LIGNE **/

br.sp {
	display: block;
	width: 100%;
	height: 10px;
	clear: both
	}	

/* typo texte bloc deroulant */
	
.texte .cs_blocs h4 {
  	background:none;
    padding: 0px;
    margin: 0px;
    }

.texte .cs_blocs  h4.blocs_titre  a {
	background: rgba(0,0,0,0.1);
	border-bottom: 1px solid rgba(0,0,0,0.1)
	}

.texte .cs_blocs  h4.blocs_titre  a:hover {
	background: #202809
	}
	
.texte .cs_blocs .blocs_destination {
	margin-bottom:20px
	}
	
.texte .cs_blocs  h4.blocs_titre.cs_done a {
	display: block !important;
	text-align: center;
	padding:10px;
	margin-bottom: 0px
	}

.texte .cs_blocs .blocs_destination {
	margin-left: 0px;
	background: rgba(0,0,0,0.05);
	padding: 20px 5px;
	margin-top: 0px
	} 
	
.texte strong {
	font-weight: bold !important
	}



/* BARRE TYPO - MOD TYPO V1 21/08/14 
-------------------------- */

.markItUpContainer .markItUpHeader  li.markItUpButton a  em{
	background-size:80px
	}
	
/* Reset couteau suisse */
.couteau_suisse_drop a  em {
	background-size:16px !important
	}
/* Reset inserer modeles */	
.outil_inserer_modeles  a  em {
	background-size:16px !important
	}


.markItUpContainer .markItUpHeader  li.markItUpButton a {	
	-webkit-transition: all 500ms ease-in-out;
	-moz-transition: all 500ms ease-in-out;
	-ms-transition: all 500ms ease-in-out;
	-o-transition: all 500ms ease-in-out;
	transition: all 500ms ease-in-out ;
	}
	
.markItUpContainer .markItUpHeader  li.markItUpButton a:hover {	
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-o-transform: scale(1.2);
	transform: scale(1.2);
	-webkit-background-clip: padding-box;
	-moz-background-clip: padding;
	background-clip: padding-box;
	z-index: 99999999;
	-webkit-box-shadow: 0 3px 7px rgba(0,0,0,.2), 0 -3px 7px rgba(0,0,0,.2);
	-moz-box-shadow:  0 3px 7px rgba(0,0,0,.2), 0 -3px 7px rgba(0,0,0,.2);
	box-shadow:  0 3px 7px rgba(0,0,0,.2),  0 -3px 7px rgba(0,0,0,.2);
	}


