html, body {height : 100%;padding : 0;color : #ffffff;font-size : 100%;}body {font-family : Arial, Helvetica, sans-serif;font-size : 1.1em;line-height : 1.25;color : #000000;background :url("automne.jpg") no-repeat center fixed;}
p.indent {text-indent : 0; }p {text-indent : 20px; } 
p.it {font-style : italic;}em {color : #990000; font-style : italic; font-size : 0.9em; font-weight : bold; } strong {font-weight : bold;color : #990000; }
a:link { border-bottom: 1px solid; color: #265301;font-weight : bold;}
a:visited { color: #437a16;}
a:focus { border-bottom: 1px solid; background: #bae498;}
a:hover { border-bottom: 1px solid; background: #cdfeaa;}
a:active { background: #265301; color: #cdfeaa;}
h1 {color : #990000; font-size : 1.2em; font-weight : bold; } 
h2 {color : #000000; font-size : 1.1em; font-weight : bold; } 
h3 {color : #990000; font-size : 1.1em; font-weight : bold; }
h3.centre {text-align : center;color: #000000; } 
h4 {color : #990000; font-size : 1em; font-weight : bold; }
h5 {color : #990000; font-size : 1em; font-weight : bold; } 
ul.marge{margin-left: 300px; }
img {border: 0;}article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
img, table, td, blockquote, code, pre, textarea, input, iframe, object, embed, video {max-width: calc(100%);}/*englobe l'ensemble de rubriques droite et gauche y compris le pied*/
#global {background : transparent;padding : 10px;min-height : 100%;width : calc(100%);max-width: 1100px;overflow : hidden;margin-left : auto;margin-right : auto;text-align : left;border-radius: 30px 30px 0 0;}/*image du titre avec les balises informatives du site et de la page*/
#contenu, #navgauche, #entete{ padding : 10px;float : left; width : calc(100%);max-width: 1100px;-webkit-hyphens: auto;
hyphens: auto;}
#logo-titre {height : 180px;max-width: 1100px;padding-top: 10px; background: url("bandeau.jpg") no-repeat #7eac28;text-align: center;}
#entete h1 {display : block;margin-top : 5px;text-align : center;color : #CC0000;font-weight : bold;font-size : 1.5em;overflow : hidden;} /*positionnement titre www et le titre du site /////////////////////////////////////////////*/
.titre-www {display : block;color : #FFFFFF;margin-top : 25px; font-weight : bold;font-size: 1.2em; text-align: center;} /*générique www.moto*/
.titre-du-site {color : #ffffff; font-weight : bold;font-size: 2.2em; font-style : italic;text-align: center;font-family: Monotype Corsiva, Verdana, "Bitstream Vera Sans", "Lucida Grande", sans-serif;} /*le site d'information ....*//*entete sort de la page pour prendre tout l'écran en lageur la pub est centré*/
#entete {padding : 10px; background : #dad9ab;width : calc(100%);max-width: 1100px;text-align : center;margin-top:0;border-left: 2px solid #f36b3b; border-top: 4px solid #f36b3b; border-right: 2px solid #f36b3b;}/*englobe la partie gauche et droite et évite tout débordement*/
#contenu {padding : 10px;max-width: 1080px;color : #363B29;background :#f2f2f2;height : auto;margin-left : auto;margin-right : auto;}
#pub {background : transparent;width : calc(100%);max-width: 1100px;margin-right: 3%; margin-left: 3%;}
#pdf {height : 900px;width : calc(100%);max-width: 1020px;}/*partie principale du texte*/
#recherche { margin-left: 745px;background: #7DAB27;border-left: 8px groove #FFFFFF;border-top: 8px groove #FFFFFF;color: #FFFFFF;margin-top: 10px;padding: 15px 0 0 0px;height :80px;width: 250px;}
.cse-branding-bottom {color:#FFFFFF;text-align:center;}#xiti-logo {margin-top: 10px;text-align: center;}#pub160600{margin-left: 745px;margin-top: 10px; padding: 20px;width :170px;height: 610px;border-left: 8px groove #FFFFFF;border-top: 8px groove #FFFFFF;}
#pub300gauche {float : left;margin : 15px 15px 15px 0;width : 340px;height : 280px;}
#pub300droite {float : right;margin : 15px 0 15px 15px;width : 340px;height : 280px;}
#pub200{float: right;margin-right: 10px;width :210px;height: 210px;} 
#pubinpage {text-align:center;}
#monopub {/*PUB BAS DE PAGE*/text-align : center;margin-left : auto;margin-right : auto;margin-bottom : 40px;width: 510px;height: 70px;} 
#pied {height : 60px;width: 100%; float: left;font-size : 0.7em;background-color : #BBB9CE;margin-bottom: 0;}
@media all and (max-width: 980px) {	
#entete h1 {display : block;margin-top : 5px;color : #CC0000;font-weight : bold;font-size : 0.9em;overflow : hidden;}
.titre-www {display : block;color : #FFFFFF;margin-top : 35px; font-weight : bold;font-size: 1.2em; text-align: center;} /*générique www.moto*/
.titre-du-site {color : #ffffff; font-weight : bold;font-size: 1.2em; font-style : italic;text-align: center;font-family: Monotype Corsiva, Verdana, "Bitstream Vera Sans", "Lucida Grande", sans-serif;}blockquote {max-width: 700px}px;	}
