/** Remise à zéro **/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video, hr {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

*:focus { outline-color:transparent;}

input, textarea{ margin:0; padding:0;}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {	display: block;}

body {	line-height: 1; font-family:Arial, Sans-Serif;}

ol, ul { list-style: none;}

blockquote, q {	quotes: none;}

blockquote:before, blockquote:after,q:before, q:after {	content: '';	content: none;}

table {	border-collapse: collapse;	border-spacing: 0;}

a img{ border:0;}

/** Spécifications **/
b, strong{font-weight:700;}
i, em{font-style:italic;}
sup{vertical-align:super;font-size:8px;}

hr {
    color:black;
    background-color: black;
    height: 1px;
    border: 0;
}

input[type=text], input[type=password], input[type=email], input[type=tel],  input[type=number], textarea
{font-family: arial, helvetica,Sans-Serif;    font-size: 12px;border: 1px solid #a0b1b9;}
input[type=radio], input[type=checkbox]{height:13px; width:13px;border:none;vertical-align:bottom;margin-right:5px;}


textarea{resize:none;}

div,header, section, article, footer{position:relative;}
ul, ol{padding-left:15px;list-style-type:disc;margin:5px 0px;}
ol{list-style-type:decimal;}
a, a:visited, input[type=submit]{cursor:pointer;}
p{margin-bottom:10px; text-align: justify;  }

/** Classes perso **/
.clr{clear:both;}
.dg{float:left;}
.dd{float:right;}

/** Read only sur les input **/
input.ro{background-color:Silver;}

/** Classe erreur **/
.err{color:Red;}
input[type=text].err, input[type=password].err, select.err, .err select, .err input[type=text], .err input[type=password],
textarea.err, .err textarea, input[type=email].err, input[type=tel].err,  input[type=number].err
{border-color:Red;}

/** Formulaire **/
.frm input[type=text], .frm select, .frm input[type=password], .frm textarea, 
.frm input[type=number], .frm input[type=email],  .frm input[type=tel] { width: 98%; height: 20px; padding:2px; }


/** text ellipsis **/ /** classe à ajouter sur tous les éléments que l'on veut voir tronqué avec du css, il faut surcharger 
la propriété width pour personnaliser **/
.ell
{
    display:inline-block; 
    text-overflow:ellipsis; 
    white-space:nowrap; 
    overflow:hidden;
    width:100px;
}


img.dg{margin-right:5px; margin-bottom:5px;}
img.dd{margin-left:5px; margin-bottom:5px;}

.ssm{margin:0px;}
.ssp{padding:0px;}

/** cms **/
img.cms-image-gauche, img.cms-image-droite
{
    margin-bottom:5px;
    border:none;
}

img.cms-image-gauche
{
    float:left;
    margin-right:5px;
}

img.cms-image-droite
{
    float:right;
    margin-left:5px;
}

img.cms-image-milieu
{
    display:block;
    margin:5px auto;
    border:none;
}