/* Resp */
@media (max-width: 1345px) {.nav li a {padding: 0 10px;} #textes {text-align: left;} #actu-cp .box_25 {width: 31.33%} #navigation{padding:0 10px}}
@media (max-width: 1120px) {#logo img{width:175px;height:auto}}
@media (max-width: 1024px) {
	#site_pusher {height:100%; -webkit-overflow-scrolling:touch; transition-duration:0.3s; -webkit-transition-duration:0.3s; -moz-transition-duration:0.3s; -o-transition-duration:0.3s; transform:translateX(0px); -webkit-transform:translateX(0px); -moz-transform:translateX(0px); -o-transform:translateX(0px);}
	.open_burger #burger {background-image: url(grafx/burger-close.png); border:none;}
	.open_burger #navigation, .open_burger #header_top.transparent-header #navigation, .open_burger #header_top.scrollUp #navigation {overflow-y:auto; transition-duration:0.3s; -webkit-transition-duration:0.3s; -moz-transition-duration:0.3s; -o-transition-duration:0.3s; transform:translateX(0px); -webkit-transform:translateX(0px);-moz-transform:translateX(0px); -o-transform:translateX(0px);}
	.open_burger #overlay-home {position:fixed; top:0; left:0; right:0; height: 100%; width: 100%; z-index: 65534; background-color:rgba(0,0,0,0.6);transition-duration:0.3s; -webkit-transition-duration:0.3s; -moz-transition-duration:0.3s; -o-transition-duration:0.3s; transform:translateX(270px); -webkit-transform:translateX(270px); -moz-transform:translateX(270px); -o-transform:translateX(270px);}
	#burger {display:block; top:50px;}
	#navigation {z-index:65534; position:fixed; display:block; left:0; top:0; bottom:0; max-width:270px; height:100%; background:rgba(255,255,255,1); transition-duration:0.3s; -webkit-transition-duration:0.3s; -moz-transition-duration:0.3s; -o-transition-duration:0.3s; transform:translateX(-100%); -webkit-transform:translateX(-100%); -moz-transform:translateX(-100%); -o-transform:translateX(-100%);min-height:100%;height:100%;overflow:inherit}
	.nav {width: 95%;height: 100%;margin-top: 0;text-align: left;margin: 0 2.5%;}
	.nav li:hover ul.subs li {background:silver;} .nav ul {position:relative;top:0px; height:0;}/* height:auto;*/
	.nav li:not(.social) {display: block; float:none;  margin:0 0; text-align: left; border-bottom:1px solid #dedede;}
	.nav li a, .links.selection > a {padding: 0 0; font-size:17px; height:100%; line-height: normal; font-weight: 400; padding:15px 0;}
	.nav li:hover > a, .links.selection > a {color:#125598; font-size:17px; font-weight: 400;}
	.nav li:hover ul li a,.nav li ul li a {font-size: 13px; line-height:30px; margin:0 0;}
	.nav li:hover ul li a:focus {font-size: 13px; line-height:30px; margin:0 0; padding:0 0; background-color:#FFF; border-bottom:none;}
	.open_burger .links ul.subs.open_subs {height:auto; overflow: visible; z-index: 65535;}
	.nav ul li a,.nav ul li a:hover {border:none; padding:0 0; background:#FFF; color:#313131; font-weight: 400; line-height: 30px;}
	.nav li:hover > a, .links.selection > a {padding:15px 0; margin:0; border-top: 0;}
	.nav li.social, div.social {display: inline-block; float: none; background-color:transparent;}
	.nav li.social a {background-position-y:-18px;}
	#header_top,#header_top.bg_transparent {background-color: #fff;}
	#header_top.bg_transparent nav li:not(.selection) a {color:#313131;}	
	.nav_sep {background:none;}
	#header_top.bg_transparent nav li a.ico-level, a.ico-level {background-image:url(grafx/ico_level.png); background-repeat:no-repeat; background-position:98% center;}
	.nav li.nav_sep:nth-last-child(1) {display:none;}
	
	#header_top {min-height:110px;}
	#box_top_header, #box_top_header span, a.btn_rdv {font-size: 11px;}
	.bth_box {margin-right: 10px;}
	#logo {left:2%; top:3px;}
	#logo img {max-height:65px;margin-top:5px}
	.links.selection > a::after {width: 30%; top:10px;}
	#filters span {padding:0 10px; font-size: 13px;}
	.ico_line {min-height: auto;}
	.ico_line a {text-align: center;}
	.ico_content {max-width: 100%;}
	.mod_text_header .texte, .mod_text_header .texte strong {font-size: 25px;}
	.texte {margin:20px auto 20px auto; width: 96%;}/*3% 2% 1% 2%*/
	.titre {font-size: 40px;}
	#footer_bottom .box_1 {width: 66%;}
	#footer_bottom .texte {margin:1% 0;}
	#box_home {margin-top: 80px;}
	.box_50.home_actu {height: 190px;}
	.wide_box .box_70 span {font-size: 28px;}
	#box_1,#box_2 {padding: 25px 20px 30px 25px; background-position: 190px 20px;}
	.logo_clients_eudo {width: 30%;}
	.box_60 {width: 98%;}
	.box_40 {width: 100%;}
	.bulle_box {font-size: 16px;}
	.inputs {width: 100%;}
	.inputs input:not([type=submit]):not([type=radio]):not([type=checkbox]), select>option, .inputs input:not([type=submit]):not([type=radio]):not([type=checkbox]):focus {width: 98%; padding:10px 1%;}
	.inputs.not_oblig {display: none;}
	#message_client {width: 96%;}
	.sub_level span {text-align: center;}
	.sub_level div {position: relative;left: 0;width: 100%;top: 0;}
	fieldset ul,ol {padding-left: 0;}
	.grid-item {width: 18%; margin-left:1%; margin-right:1%; height: 180px; line-height: 180px;}
	.social.nav_sep,#btn_nav_search,#logo{display:none;}
	#logo-resp{display:block;}
	#header_top.scrollUp{background-color:#fff;transform: initial;}
	.confirmPass{width: 80%;}
}

@media (min-width: 768px) and (max-width: 1024px) {
	.box_50.home_actu {height: 235px;}
	.titre_box_top {margin-top: 19px;}
	.box_top {font-size: 12px;}
	#content.home #textes {padding-top: 50px;}
	.box_75,.box_80 {width: 100%; padding:0 0 2% 0;}
	.box_25.right_box_nav.adherents {max-width: 99%; width:100%; margin-top: 2%;}
	#box_1,#box_2 {padding: 25px 20px 30px 25px; background-position: 95% 20px;}
	.form_rb input {max-width:93%;}
	.size22 {font-size: 20px;}
	.afop.size30.lato_light.m_t80 {font-size: 23px;}
	.texte {margin:1% 2%; width: 96%;}
	.inputs {width: 100%;}
	.inputs input:not([type=submit]):not([type=radio]):not([type=checkbox]), select>option, .inputs input:not([type=submit]):not([type=radio]):not([type=checkbox]):focus {width: 98%; padding:10px 1%;}
	.inputs.not_oblig {display: none;}
	#message_client {width: 96%;}
	.grid-item {width: 23%; margin-left:1%; margin-right:1%; height: 205px; line-height: 205px;}
	#actu-cp .box_25 {width: 48%}
}
@media (max-width:768px) {.box_top p {display:none}}

@media (min-width: 576px) and (max-width: 769px) {
	.titre_box_top {margin-top: 10px;}
	.box_top {font-size: 11px;}
	#content.home #textes {padding-top: 50px;}
	.box_75,.box_80 {width: 100%; padding:0 0 2% 0;}
	.box_25.right_box_nav.adherents {max-width: 99%; width:100%; margin-top: 2%;}
	.size22 {font-size: 20px;}
	.afop.size30.lato_light.m_t80 {font-size: 23px;}
	.texte {margin:1% 2%; width: 96%;}
	.inputs {width: 100%;}
	.inputs input:not([type=submit]):not([type=radio]):not([type=checkbox]), select>option, .inputs input:not([type=submit]):not([type=radio]):not([type=checkbox]):focus {width: 98%; padding:10px 1%;}
	.inputs.not_oblig {display: none;}
	#message_client {width: 96%;}
	.box_50:not(.actu_50_home) {width: 98%;}
	.box_50.home_actu {width: 100%; height:auto; margin-bottom: 2%;}
	.grid-item {width: 31%; margin-left:1%; margin-right:1%; height: 205px; line-height: 205px;}
	.right_box_nav:not(.adherents) {display:none;}
	#actu-cp .box_25 {width: 48%}
}

@media (min-width: 480px) and (max-width: 575px) {
	.titre_box_top {margin-top: 5px; margin-bottom: 0;}
	.box_top {font-size: 11px;}
	#content.home #textes {padding-top: 50px;}
	.box_75,.box_80 {width: 100%; padding:0 0 2% 0;}
	.box_25.right_box_nav.adherents {max-width: 99%; width:100%; margin-top: 2%;}
	.size22 {font-size: 20px;}
	.afop.size30.lato_light.m_t80 {font-size: 17px; margin-top:20px;}
	.texte {margin:1% 2%; width: 96%;}
	.inputs {width: 100%;}
	.inputs input:not([type=submit]):not([type=radio]):not([type=checkbox]), select>option, .inputs input:not([type=submit]):not([type=radio]):not([type=checkbox]):focus {width: 98%; padding:10px 1%;}
	.inputs.not_oblig {display: none;}
	#message_client {width: 96%;}
	.box_50 {width: 98%;}
	.box_50.home_actu {width: 100%; height:auto; margin-bottom: 2%;}
	.grid-item {width: 31%; margin-left:1%; margin-right:1%; height: 180px; line-height: 180px;}
	.right_box_nav:not(.adherents) {display:none;}
	.box_top .box_25 {width:50%;height:50%;border-bottom:1px solid #fff;}
	.box_top .box_25:nth-child(2){border-right:none}
	.box_33_eudo {width: 100%;}
	.size40 {font-size: 25px;}
	.size30 {font-size: 25px;}
	#actu-cp .box_25 {width: 98%}
}

@media (min-width: 0px) and (max-width: 479px) {/*320 => 0*/
	.titre_box_top {margin-top: 0px; margin-bottom: 0; font-size: 14px;}
	.box_top {font-size: 11px;}
	#content.home #textes {padding-top: 50px;}
	.box_75,.box_80 {width: 100%; padding:0 0 2% 0;}
	.box_25.right_box_nav.adherents {max-width: 99%; width:100%; margin-top: 2%;}
	.size22 {font-size: 20px;}
	.afop.size30.lato_light.m_t80 {font-size: 17px; margin-top:20px;}
	.texte {margin:1% 2%; width: 96%;}
	.inputs {width: 100%;}
	.inputs input:not([type=submit]):not([type=radio]):not([type=checkbox]), select>option, .inputs input:not([type=submit]):not([type=radio]):not([type=checkbox]):focus {width: 98%; padding:10px 1%;}
	.inputs.not_oblig {display: none;}
	#message_client {width: 96%;}
	.box_50 {width: 98%;}
	.box_50.home_actu {width: 100%; height:auto; margin-bottom: 2%;}
	.grid-item {width: 48%; margin-left:1%; margin-right:1%; height: 180px; line-height: 180px;}
	.right_box_nav:not(.adherents) {display:none;}
	#box_top_content {max-height: 180px;}
	.box_top .box_25 {width:50%;height: 50%;border-bottom:1px solid #fff;}
	.box_top .box_25:nth-child(2){border-right:none}
	.box_33_eudo {width: 100%;}
	.size40 {font-size: 25px;}
	.size30 {font-size: 25px;}
	.titre {font-size: 30px;}
	.wide_box .box_70 span {font-size: 20px;}
	form#form_newsletter {min-width:90%;}
	#actu-cp .box_25 {width: 98%}
	#footer_bottom .mail_no_sp, #footer_bottom a, #footer_bottom a:visited{display:block}
	#footer_bottom #social a, #footer_bottom #social a:visited{display:inline-block}
	.hiddenspan{display:none}
}