/*----------------------------*/
/*  Blocs conteneurs princ.   */
/*----------------------------*/
body {font-size:1em; font-family:"Book Antiqua", "Palatino Linotype", Georgia, Arial; border:0; margin:0; padding:0;background:repeat-y url(http://www.securyploof.com/files/images/pointjaune.gif) left #FFFFFF; width:98%}
.bcpage {width:100%; display:block; float:left; border:0; margin:0; padding:0}

/*----------------------------*/
/*  Blocs en-tetes            */
/*----------------------------*/
.bcronds, .bcrondsacc {width:247px; height:191px; background-image:url(http://www.securyploof.com/files/photos/accueilphoto.gif);top:5px; right:50px; position:absolute; }
.bcrondsacc {top:50px; right:30px; position:absolute;}
.bclang {width:85px; height:70px; display:block; top:10px; right:15px; position:absolute}
	.fr {width:36px; height:28px; background:url(http://www.securyploof.com/files/images/boutonFR.gif) no-repeat right; display:block; float:left;; margin:2px}
	.fr:hover {background-position:left}
	.en {width:36px; height:28px; background:url(http://www.securyploof.com/files/images/boutonEN.gif) no-repeat right; display:block; float:right; margin:2px}
	.en:hover {background-position:left;}
	.es {width:36px; height:28px; background:url(http://www.securyploof.com/files/images/boutonES.gif) no-repeat right; display:block; float:right; margin:2px}
	.es:hover {background-position:left;}
.bclogoaccen, .bclogoacc {min-height:152px; background:no-repeat url(http://www.securyploof.com/files/images/entete.logoaccueilEN.gif) left top; display:block;padding-left:50px;padding-right:50px; margin:0; padding-top:0; float:left; width:530px; height:157px; margin-left:7px}
.bclogoacc { background:no-repeat url(http://www.securyploof.com/files/images/entete.logoaccueil.gif) left top;}
.bclogo {min-height:228px; background:no-repeat url(http://www.securyploof.com/files/images/entete.logo.gif) left top; display:block;padding-left:50px;padding-right:50px; width:90%; margin:0; padding-top:0; float:left; }
.bctitreacc, .bctitreacc a, .bctitreacc a:hover { width:80%; height:auto;  float:left; margin:0; margin-top:5px; margin-left:10px;  padding:0; background:#FFFFFF; display:block; line-height:1.2em; font-size:1.2em; color:#AD6935; padding-bottom:0.1em; margin-bottom:7px; text-decoration:none; margin-right:20%}
.bclogo h1 a, .bclogo h1 a:hover, .bclogo h1 { font-size:1.1em; line-height:1.1em; font-weight:bold; text-align:left; margin:0; text-decoration:none; color:#000000; padding-top:165px; padding-bottom:10px; vertical-align:bottom }

/*----------------------------*/
/*   Largeur des colonnes     */
/*----------------------------*/
.bccol20pc {width:20%; float:left; display:block;}
.bccol26pc {width:26%; float:left; display:block;}
.bccol80pc {width:75%; float:left; display:block;}
.bccol70pc {width:64%; float:left; display:block; margin-right:3%}
.bccol60pc {width:58%; float:left; display:block;}
.bccol55pc {width:52%; float:left; display:block;}
.bccol50pc {width:48%; float:left; display:block;}
.bccol45pc {width:46%; float:left; display:block;}
.bccol40pc {width:40%; float:left; display:block;}
.bccol32pc {width:32%; float:left; display:block;}
.bccol35pc {width:35%; float:left; display:block;}
.bccol30pc {width:30%; float:left; display:block;}
.bccol100pc {width:97%; float:left; display:block;}
.bccol90pc {width:90%; float:left; display:block;}
.bccol200px {width:200px; float:left; display:block; height:20em}

/*----------------------------*/
/* Barre de couleur           */
/*----------------------------*/
.bcbarre {width:100%; height:4px; display:block; float:left; font-size:3px; line-height:3px; padding:0; border:0; margin:0}
.bccol18pc {width:18%; float:left; display:block; height:3px; line-height:3px; font-size:3px}

/*----------------------------*/
/*   Gestion des marges       */
/*----------------------------*/
p { margin:0em; padding:0; padding-bottom:0em;  padding-left:0.5em; padding-right:0.7em}
.contenu h2 { margin:0; padding-left:10px; padding-right:3px; padding-top:0; padding-bottom:0}
h3 { margin-bottom:5px;padding-bottom:0}
.contenu { padding:0; margin:0}
.lettrinep {margin-top:1em;}
.marg1pc {margin-left:1%;}
.mard1pc {margin-right:1%;}
.marg4pc {margin-left:4%;}
.padg10px {margin-left:10px}
.padg11em {padding-left:1.1em}
.mar10px {margin:10px}
.mar5px {margin:5px;}
.marg5px {margin-left:5px}
.pad5px {padding:5px}
.pad10px {padding:10px}
.marb10px { margin-bottom:10px;}
.marb5px { margin-bottom:5px;}
.marh10px { margin-top:10px;}
.marh1em { margin-top:1em;}
.marb1em { margin-bottom:1em;}
.marh5px { margin-top:5px;}
.padg50px {padding-left:70px; padding-top:1em}
.padg7em {margin-left:7em;}
.padg2em {margin-left:2em;}
.padg3em {margin-left:3em;}
.padg5em {margin-left:5em;}
.margd50px {margin-left:50px; margin-right:50px}
form {padding:7px}
.nomargin {margin:0}
.nopadding {padding:0}
.marbot01 { margin-bottom:0.3em}
/*----------------------------*/
/*  Taille des textes         */
/*----------------------------*/
p, ul, .p09 {font-size:0.9em; text-align:justify;}
ul {padding-top:0; margin-top:0.1em}
.p08 { font-size:0.8em; }
.p07 { font-size:0.75em; }
.p1 {font-size:1em}
.p12 {font-size:1.2em}
.p11 {font-size:1.1em}
.p14 {font-size:1.4em}
.p15 {font-size:1.5em}
h2 {line-height:1.4em; font-size:1.4em;}
.contenu h2 {color: white;font-size:1em; line-height:1em;}
.ptt {font-size:0em; line-height:0em}

/*----------------------------*/
/* Chemin de navigation       */
/*----------------------------*/
.chemin {font-size:1em; line-height:1em; text-align:right; color:#1B75BC; width:90%; padding-bottom:10px; padding-top:5px; font-weight:bold;}
.chemin img {margin:2px}

/*----------------------------*/
/* Pied de page liens, textes */
/*----------------------------*/
.piedpgacc { float:left; width:90%;}
.piedpgacc p {text-align:center; line-height:1.3em;font-size:0.7em; margin:0}
.piedpgacc a {text-decoration:none; font-weight:normal;}
.piedpgacc a:hover {text-decoration:underline}

/*----------------------------*/
/*  Couleurs fonds et textes  */
/*----------------------------*/
.fdjaune {background-color:#FCAF17}
.fdvert {background-color:#3F7352}
.fdbleu {background-color:#1B75BC;}
.fdbleuclair {background-color:#93B7E2}
.fdbrun {background-color:#AD6935}
.fdmauve {background-color:#702B90}
.fdmauveclair {background-color:#CC99CC}
.fdgris {background-color:#CCCCCC}
.sansfd {background-color:#FFFFFF}
.bordbleu {border:#1B75BC thin solid; text-align:center}
.bordmauve {border:#702B90 thin solid; text-align:center}
.bordjaune {border:#FCAF17 thin solid; text-align:center}
.bordvert {border:#3F7352 thin solid; text-align:center}
.bordbrun {border:#AD6935 thin solid; text-align:center}
.brun, .brun a {color:#AD6935}
a { font-weight:bold; color:#000000; text-decoration:none}
a:hover {text-decoration:underline}
.jaune {color:#FCAF17}
.vert {color:#3F7352}
.bleu {color:#1B75BC}
.mauve {color:#702B90}
.blanc {color:#FFFFFF}
.noir {color:#000000}
.gris { color:#666666}
.r1 {color:#FF0000}
.piedbleu, .piedbleu a, .piedbleu a:hover {color:#1B75BC}
.piedjaune, .piedjaune a, .piedjaune a:hover {color:#FCAF17}
.piedvert, .piedvert a, .piedvert a:hover {color:#3F7352}
.piedmauve, .piedmauve a, .piedmauve a:hover {color:#702B90}
.piedbrun, .piedbrun a, .piedbrun a:hover {color:#AD6935}
.piednoir, .piednoir a, .piednoir a:hover {color:#000000}

/*----------------------------*/
/*         Navigation         */
/*----------------------------*/
.nav2 { padding:0; margin:0; padding-left:12px; padding-right:5px; margin-top:10px}
.nav2 h4 {font-weight:normal; font-size:1em; background-color:#FFFFFF; line-height:1em; margin:0; margin-bottom:0.8em; float:none; padding-top:1em}
.nav2 #smenu4 h5, .nav2 #smenu3 h5, .nav2 #smenu2 h5, .nav2 #smenu1 h5, .nav2 #smenu0 h5, .nav2 h5 a{ margin:0; padding:0; display:block; font-size:1em; line-height:1em; margin-bottom:0.2em}
.nav2 #smenu4 , .nav2 #smenu3, .nav2 #smenu2 , .nav2 #smenu1 , .nav2 #smenu0 { padding:5px; padding-left:35px; padding-top:0em}
.nav2 h5, .nav2 h5 a {display:block; list-style:none; padding:0; border:0; margin:0; text-decoration:none;}
.nav2 a:hover, .nav2 a.selected {color: rgb(50,50,50); text-decoration: none; display:block}

/*----------------------------*/
/*      Navigation BLOG       */
/*----------------------------*/
.navblog li { padding:0 0 0 0; margin:0 0 0 0; list-style:none }
.navblog ul { padding:0 0 5px 10px; margin:0; }

/*----------------------------*/
/*   Arrondis des titres      */
/*----------------------------*/
.hautgauchebleu, .hautdroitbleu, .basgauchebleu, .basdroitbleu, .hautgauchejaune, .hautdroitjaune, .basgauchejaune, .basdroitjaune, .hautgauchevert, .hautdroitvert, .basgauchevert, .basdroitvert, .hautgauchemauve, .hautdroitmauve, .basgauchemauve, .basdroitmauve, .hautgauchebrun, .hautdroitbrun, .basgauchebrun, .basdroitbrun, .basdroit, .basgauche, .hautgauche, .hautdroit {height: 6px; width: 6px;background-repeat: no-repeat;font-size:1px;}
.hautgauche {background: url(http://www.securyploof.com/files/images/hautgauche.png);}
.hautdroit {float: right;background: url(http://www.securyploof.com/files/images/hautdroit.png);}
.basgauche {background: url(http://www.securyploof.com/files/images/basgauche.png);}
.basdroit {float: right;background: url(http://www.securyploof.com/files/images/basdroit.png);}

.hautgauchebleu {background: url(http://www.securyploof.com/files/images/hautgauchebleu.gif);}
.hautgauchebrun {background: url(http://www.securyploof.com/files/images/hautgauchebrun.gif);}
.hautgauchemauve {background: url(http://www.securyploof.com/files/images/hautgauchemauve.gif);}
.hautgauchejaune {background: url(http://www.securyploof.com/files/images/hautgauchejaune.gif);}
.hautgauchevert {background: url(http://www.securyploof.com/files/images/hautgauchevert.gif);}
.hautdroitbleu {float: right;background: url(http://www.securyploof.com/files/images/hautdroitbleu.gif);}
.hautdroitbrun {float: right;background: url(http://www.securyploof.com/files/images/hautdroitbrun.gif);}
.hautdroitmauve {float: right;background: url(http://www.securyploof.com/files/images/hautdroitmauve.gif);}
.hautdroitjaune {float: right;background: url(http://www.securyploof.com/files/images/hautdroitjaune.gif);}
.hautdroitvert {float: right;background: url(http://www.securyploof.com/files/images/hautdroitvert.gif);}
.basgauchebleu {background: url(http://www.securyploof.com/files/images/basgauchebleu.gif);}
.basgauchebrun {background: url(http://www.securyploof.com/files/images/basgauchebrun.gif);}
.basgauchemauve {background: url(http://www.securyploof.com/files/images/basgauchemauve.gif);}
.basgauchejaune {background: url(http://www.securyploof.com/files/images/basgauchejaune.gif);}
.basgauchevert {background: url(http://www.securyploof.com/files/images/basgauchevert.gif);}
.basdroitbleu {float: right;background: url(http://www.securyploof.com/files/images/basdroitbleu.gif);}
.basdroitbrun {float: right;background: url(http://www.securyploof.com/files/images/basdroitbrun.gif);}
.basdroitmauve {float: right;background: url(http://www.securyploof.com/files/images/basdroitmauve.gif);}
.basdroitjaune {float: right;background: url(http://www.securyploof.com/files/images/basdroitjaune.gif);}
.basdroitvert {float: right;background: url(http://www.securyploof.com/files/images/basdroitvert.gif);}

/*----------------------------*/
/*   Lettrines                */
/*----------------------------*/
.lettrine, .lettrinep, .lettrineh2 {	color: white;	font-size:2em;	line-height:0.7em;	width:1em;	margin:0px;	padding:0;	border:0;	display:block;	text-align:center;	float:left;}
.lettrinep { margin-top:0.4em;}
.plettrine {margin-top:1.7em; line-height:1.6em}
.lettrineh2 {margin-top:0.57em;}
.h2lettrine { margin-bottom:0; margin-top:1em;}

/*----------------------------*/
/*  Comportement des textes   */
/*----------------------------*/
.centrer {text-align:center;}
.txtleft {text-align:left}
.txtright {text-align:right}
a {text-decoration:none; font-weight:bold}
a:hover {text-decoration:underline}
.gras { font-weight:bold}
.normal {font-weight:normal}
.spip {padding-top:10px}

/*----------------------------*/
/*          Divers            */
/*----------------------------*/
img { border:0; vertical-align:text-bottom; margin:10px}
.img2px {margin:2px; margin-left:10px}
.bookmark img { margin:2px}
.left {float:left}
.right {float:right}
.none {float:none}
.cahe {display:none}
/*----------------------------*/
/*          Tableau           */
/*----------------------------*/
table {margin-bottom:0; margin-top:0; border:#000000 thin solid}
tr {border:0}
td {border:#1B75BC thin solid; text-align:center; padding-left:5px; padding-right:5px}
.noborder {border:0}
.w25pc {width:25%}
.w7em {width:7em}
.w2em {width:2em; padding-right:0.5em;}
.w75pc {width:68%}
.valigntop {vertical-align:top}
.vcentrer { vertical-align:middle}
.valignbot {vertical-align:bottom}
.hauteurnews {height:11em ; vertical-align:top}
.h82px {height:100px}

/*  ------------------------------------------
/*  Habillage des formulaires
/*  ------------------------------------------ */

/* Correction des styles HTML par defaut */
.spip_forms, .spip_forms form, .formulaire_spip form, .spip_forms fieldset, .formulaire_spip fieldset, .formulaire_spip legend, .formulaire_spip label, .formulaire_spip input, .formulaire_spip textarea, .formulaire_spip select, .formulaire_spip option { margin: 0; padding: 0; border: none; background: none; float:none }

/* Styles des formulaires de Spip */
.formulaire_spip {
	text-align: left;
	font-size: 0.77em;
}
.spip_forms legend {
padding-bottom:10px;
padding-top:5px;
}
.spip_form_champ {
padding-top:5px;
padding-bottom:5px;
float:none;
}
.formulaire_spip p {
	margin: 0.5em 0;
	padding: 0; }

.spip_forms fieldset, .formulaire_spip fieldset {
    display: block;
	margin: 0;
	padding: 0;
	border: 0px dotted; }

.spip_forms legend, .formulaire_spip legend { 
	font-weight: bold;
	font-size: 160%; 
	padding: 0;
	padding-top:20px;
	background: #FFF; /* Sinon, superposition dans MSIE */
}
.erreur {
font-weight:bold;
color:#FF0000;
padding-bottom:5px;
float:none;
display:block;
width:99%;
}
.formulaire_spip label {}
.spip_form_label {
width:99%;
display:block;
float:none;
font-weight:bold;
}
.spip_form_label_obligatoire {
font-weight:normal;
}
.spip_form_label_details {
display:block;
float:none;
}
.formulaire_spip {
	width: 99%;
	padding: 1px;
	border: 1px inset;
	font-family: inherit;
	font-size: inherit; }
.forml, input {
	padding: 1px;
	float:none;
}
.spip_bouton {
padding:20px;
   }
/* Reponse du formulaire */
.reponse_formulaire { font-weight: bold; color: #F00; }
fieldset.reponse_formulaire { border: 1px dotted; font-weight: normal; }

/* Previsualisation du message */
fieldset.previsu {
	padding: 1em;
	border: 1px solid; }

/* Formulaire de login au forum */
.formulaire_login_forum .forml { width: 12em; }
.formulaire_login_forum .spip_logos { float: right; padding-left: 10px; }

/* Choix des mots-clefs */
.choix_mots { width: 47%; float: left; } 
.choix_mots label { display: inline; }

/* Formulaire de recherche */
.formulaire_recherche { text-align: left; width: 12em; }
.formulaire_recherche label { display: none; }
fieldset { border:0}