div,nav,input,fieldset,form,button{box-sizing:border-box}.liencontact{font:bold 20px verdana;text-transform:uppercase;color:#aa0000;float:left;margin:20px 0;width:90%;margin:0 5%;padding:3%;text-align:center}@media (min-width: 1280px){.uncontenu{width:570px}.chapeau,.texte,.liensite{font-size:13px}.chapeau a,.texte a,.liensite a{font-size:13px}}@media (min-width: 1024px) and (max-width: 1280px){#content{margin-left:300px}.uncontenu{width:550px}.uncontenu .chapeau,.uncontenu .texte,.uncontenu .liensite{font-size:13px}.uncontenu .chapeau a,.uncontenu .texte a,.uncontenu .liensite a{font-size:13px}.uncontenu .savoirplus,.uncontenu .replier{font-size:1em}}@media (min-width: 780px) and (max-width: 1024px){#content{margin-left:290px}#entete_site{float:left;clear:left;width:440px;margin:0 0 15px 0;padding:30px 0 15px 0;background:#fff url(design/entete_bas.png) no-repeat 0 100%}#entete_site .chapeau,#entete_site .texte{width:100%}#entete_site h1{font:normal 1.5em AB,sans-serif;color:#000;margin:0 0 5px 0;padding:0}#entete_site h1 a{color:#000}#entete_site h1 a:hover{color:#aa0000;-webkit-transition:color .6s ease-in;-moz-transition:color .6s ease-in;-o-transition:color .6s ease-in;transition:color .6s ease-in}.uncontenu{width:500px}.uncontenu .texte{font-size:15px}.uncontenu .annexes{float:left;padding:0;width:auto !important}.uncontenu .annexes .image{width:11em;padding:0;background:none}.uncontenu .annexes .image img,.uncontenu .annexes .image a{width:10em;float:none;position:relative;margin:auto;border:none;background:none}.uncontenu .detail{float:left;width:15em;margin-left:0em}.uncontenu .detail h4{font-size:13px;line-height:11px;font-weight:bold}.uncontenu .savoirplus,.uncontenu .replier{font-size:15px}}@media (max-width: 780px){.mobile{display:none}.avec-ombre,.uncontenu .savoirplus,.uncontenu .replier{-moz-box-shadow:5px 5px 8px 0px #656565;-webkit-box-shadow:5px 5px 8px 0px #656565;-o-box-shadow:5px 5px 8px 0px #656565;box-shadow:5px 5px 8px 0px #656565;filter:progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=134, Strength=8)}#container{padding-right:15px}#menu{width:155px;position:relative}#menu #logo{width:155px;background:none}#menu #logo img{width:155px}#menu #tags{width:155px;margin-left:0;padding-left:00px}#menu #tags a{display:inline-block;width:100%}#menu #tags .taille1,#menu #tags .taille2,#menu #tags .taille3,#menu #tags .taille4{font-size:1.7em}#content{float:left;margin-left:20px;width:470px;overflow:hidden}#entete_site{float:left;clear:left;width:440px;margin:0 0 15px 0;padding:30px 0 15px 0;background:#fff url(design/entete_bas.png) no-repeat 0 100%}#entete_site .chapeau,#entete_site .texte{width:100%}#entete_site h1{font:normal 1.5em AB,sans-serif;color:#000;margin:0 0 5px 0;padding:0}#entete_site h1 a{color:#000}#entete_site h1 a:hover{color:#aa0000;-webkit-transition:color .6s ease-in;-moz-transition:color .6s ease-in;-o-transition:color .6s ease-in;transition:color .6s ease-in}.uncontenu{width:420px;padding-right:0;padding-left:0}.uncontenu .annexes{float:left;padding:0;width:auto !important}.uncontenu .annexes .image{width:11em;padding:0;background:none}.uncontenu .annexes .image img,.uncontenu .annexes .image a{width:10em;float:none;position:relative;margin:auto;border:none;background:none}.uncontenu .detail{float:left;width:15em;margin-left:0em}.uncontenu .detail h4{font-size:13px;line-height:11px;font-weight:bold}.uncontenu .savoirplus,.uncontenu .replier{display:none;font-size:15px;padding:5px;border-radius:3px;margin-top:15px}.uncontenu .savoirplus span,.uncontenu .replier span{padding:10px;border-radius:5px;background:#fff;color:black}.uncontenu .savoirplus span:hover,.uncontenu .replier span:hover{color:#aa0000}#footer{margin-right:20px;width:100%;float:right;padding-right:20px;text-align:right;background:#fff url(design/entete_bas.png) no-repeat -110px 0}}@media (max-width: 480px) and (min-width: 321px){.mobile{display:block}.avec-ombre1,.form fieldset input.submit,.liencontact{-moz-box-shadow:5px 5px 8px 0px #656565;-webkit-box-shadow:5px 5px 8px 0px #656565;-o-box-shadow:5px 5px 8px 0px #656565;box-shadow:5px 5px 8px 0px #656565;filter:progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=134, Strength=8)}#surpage,#page,#container{margin:0;padding:0;position:none;width:100%}#container{padding:10px}#menu{display:none}#content{float:left;margin-left:0px;width:100%;padding:10px}#entete_site{width:100%;margin-top:-20px;padding:10px;background:url(logo-patjoub.png) no-repeat 0 20px}#entete_site h1{float:left;width:100%;text-align:center;font-size:20px;margin-bottom:20px;line-height:60px}#entete_site .texte,#entete_site .chapeau{font-size:15px;width:100%;clear:left}#entete_site .texte p,#entete_site .chapeau p{display:inline}#entete_site .texte p+p,#entete_site .chapeau p+p{display:none}#entete_site .texte{display:none}.uncontenu{float:left;clear:left;width:100%;border-bottom:4px dotted #ccc}.uncontenu .detail{float:left;width:18em;margin-left:0em}.uncontenu .detail h4{font-size:13px;line-height:11px;font-weight:bold}.uncontenu .annexes{float:left;padding:0;width:auto !important}.uncontenu .annexes .image{width:11em;padding:0;background:none}.uncontenu .annexes .image img,.uncontenu .annexes .image a{width:10em;float:none;position:relative;margin:auto;border:none;background:none}.uncontenu .savoirplus{display:none}h1{font:normal 1.1em 'AB',arial,sans-serif;color:#333;margin:0;padding:2%;width:100%;float:left}#typeformulaire{padding:2%}#typeformulaire .presentation{font:normal 1em verdana,sans-serif;color:#666;float:left;clear:left;margin:0px 0 20px 0}.form{float:left;clear:left;width:100%;padding:2%}.form fieldset{border:none;margin:0;padding:0}.form fieldset .ligne{float:left;clear:left;margin:0 0 15px 0}.form fieldset label{font:normal 1em arial,sans-serif;color:#333;float:left;clear:left;margin:0 0 5px 0;padding:0}.form fieldset input[type='text'],.form fieldset input[type='email']{border:1px solid #666;font:normal 1.1em arial,sans-serif;color:#333;float:left;clear:left;margin:0 0 15px 0;padding-left:5px;width:80%}.form fieldset textarea{border:1px solid #666;font:normal 1.1em arial,sans-serif;color:#333;float:left;clear:left;padding:5px 0;margin-bottom:15px;width:80%}.form fieldset sup{color:#cc0000;font-size:0.6em}.form .aide{color:#cc0000;font:normal 0.7em verdana,sans-serif}.form fieldset .error-message{float:left;clear:left;color:#cc0000;font:bold 0.9em arial,sans-serif;margin:-0.6em 0 15px 0}.form fieldset .validation{text-align:right;float:left;width:100%}.form fieldset div.submit{float:none;width:100%;margin:0;text-align:center;padding:0 !important}.form fieldset input.submit{float:none;background:#fff;color:black;padding:10px;border-radius:3px;font:bold 1.6em arial,sans-serif;width:98%}.form fieldset input.submit:hover{color:#aa0000;cursor:pointer}.messageconfirmation{float:left;clear:left;font:normal 0.7em verdana,sans-serif;color:#333;margin:20px 0;min-height:400px}#footer{margin-right:20px}}@media (max-width: 320px){.mobile{display:block}body{background:red}.avec-ombre2,.form fieldset input.submit,.liencontact{-moz-box-shadow:5px 5px 8px 0px #656565;-webkit-box-shadow:5px 5px 8px 0px #656565;-o-box-shadow:5px 5px 8px 0px #656565;box-shadow:5px 5px 8px 0px #656565;filter:progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=134, Strength=8)}#surpage,#page,#container{margin:0;padding:0;position:none;width:100%}#menu{display:none}#content{float:left;margin-left:0px;width:100%;padding:0 10px}#entete_site{width:100%;margin-top:-20px;background:url(logo1.png) no-repeat 0 20px}#entete_site h1{float:left;width:100%;text-align:right;font-size:20px;margin-bottom:20px}#entete_site .texte,#entete_site .chapeau{top:-30px;margin-left:35%;text-align:center;width:65%;clear:left;font-size:12px}#entete_site .texte p:first-child,#entete_site .chapeau p:first-child{display:block}#entete_site .texte p,#entete_site .chapeau p{display:none}#entete_site .texte{display:none}.uncontenu{float:left;clear:left;width:100%;padding-right:0;border-bottom:4px dotted #ccc}.uncontenu .detail{float:left;width:100%;margin-left:0em}.uncontenu .annexes{width:100% !important;margin:0;padding:0}.uncontenu .annexes .image{width:100% !important;text-align:center;background:none;padding:0}.uncontenu .annexes .image img,.uncontenu .annexes .image a{float:none;position:none;margin:0;padding:0;top:0;left:0}.uncontenu .savoirplus{display:none}h1{font:normal 1.1em 'AB',arial,sans-serif;color:#333;margin:0;padding:0;width:100%;float:left}#typeformulaire .presentation{font:normal 1em verdana,sans-serif;color:#666;float:left;clear:left;margin:0px 0 20px 0}.form{float:left;clear:left;width:100%}.form fieldset{border:none;margin:0;padding:0}.form fieldset .ligne{float:left;clear:left;margin:0 0 15px 0}.form fieldset label{font:normal 1em arial,sans-serif;color:#333;float:left;clear:left;margin:0 0 5px 0;padding:0}.form fieldset input[type='text'],.form fieldset input[type='email']{border:1px solid #666;font:normal 1.1em arial,sans-serif;color:#333;float:left;clear:left;margin:0 0 15px 0;padding-left:5px;width:17em}.form fieldset textarea{border:1px solid #666;font:normal 1.1em arial,sans-serif;color:#333;float:left;clear:left;padding:5px 0;margin-bottom:15px;width:17em}.form fieldset sup{color:#cc0000;font-size:0.6em}.form .aide{color:#cc0000;font:normal 0.7em verdana,sans-serif}.form fieldset .error-message{float:left;clear:left;color:#cc0000;font:bold 0.9em arial,sans-serif;margin:-0.6em 0 15px 0}.form fieldset .validation{text-align:right;float:left;width:100%}.form fieldset div.submit{float:none;width:100%;margin:0;text-align:center;padding:0 !important}.form fieldset input.submit{float:none;background:#fff;color:black;padding:10px;border-radius:3px;font:bold 1.6em arial,sans-serif;width:98%}.form fieldset input.submit:hover{color:#aa0000;cursor:pointer}.messageconfirmation{float:left;clear:left;font:normal 0.7em verdana,sans-serif;color:#333;margin:20px 0;min-height:400px}}.contact .liencontact{display:none}