/***** top page *****/
.top_page 							{ position: relative; padding-top: 170px;}
.top_page::before                   { content: ""; display: block; position: absolute; top: 0; left: 0; right: 0; height: 260px; background: #00364f;}
.top_page .bloc_grid                { margin: 0; align-items: start;}
.top_page .bloc_grid .photo         { order: 2;}
.top_page .bloc_grid .texte         { padding: 20px 80px 0 0; order: 1;}

@media (max-width:1000px) { 
.top_page .bloc_grid .texte         { padding: 0;}
}

.top_page .titre_main               { color: #00364f;}
.top_page .sous_titre               { margin: 0 0 20px;}
@media (max-width:1200px) { 
.top_page 							{ margin-top: 0; padding-top: 150px;}
.top_page::before                   { display: none;}
}
@media (max-width:600px) { 
.breadcrumb 						{ display: none}
.top_page .titre_main               { font-size: 25px; line-height: 30px;}
.top_page .chapo 					{ font-size:15px;}
}

/***** breadcrumb *****/
.breadcrumb							{ line-height: 0; position: relative; padding:0 0 100px;}
.breadcrumb a                       { color: #fff;}
.breadcrumb a.active                { color: #fff;}
.breadcrumb li 						{ display: inline-block; font-size: 12px; line-height: 30px; letter-spacing: 0.2px; margin-right: 30px; position: relative;}
.breadcrumb li:after				{ width: 1px; height: 9px; position: absolute; right: -16px; top: 10px; background: #fff; content: "";}
.breadcrumb li:last-child:after 	{ display: none;}

@media (min-width:1201px) {
.breadcrumb li a:hover				{ color:#25779e;}
}
@media (max-width:1200px) { 
.breadcrumb							{ display: none;}
}


/***** page content *****/
.page 								{ position: relative; padding-bottom: 100px;}
.page p								{ margin-bottom: 15px;}
.page .ul_list a, 
.page p a							{ border-bottom: 1px solid transparent; padding-bottom: 2px; color: #25779e;}

@media (min-width:1201px) {
.page .ul_list a:hover,
.page p a:hover						{ border-color: #25779e; color: #25779e;}
}
@media (max-width:1200px) {
.page 								{ padding: 0;}
}
@media (max-width:600px) {
.page p								{ margin-bottom: 10px;}
.page .ul_list						{ margin-bottom: 10px;}
}



/***** gamme *****/
.gamme                              { margin: 110px 0 100px;}
.gamme .item                        { padding: 60px 60px 40px; background: #eee; border-radius: 10px; margin-bottom: 40px;}
@media (max-width:1200px) {
.gamme 								{ margin: 80px 0;}
}
@media (max-width:600px) {
.gamme 								{ margin: 50px 0;}
.gamme .item                        { padding: 20px; margin-bottom: 10px;}
.gamme .item img                    { height: 50px;}
}

/***** bloc texte *****/
.bloc_texte							{ margin: 80px auto; position: relative;}
.bloc_texte :last-child				{ margin-bottom: 0;}
.bloc_texte img,
.bloc_texte video					{ width: 100%; height: auto; display: block;}

@media (max-width:1200px) { 
.bloc_texte							{ margin: 60px auto;}
}
@media (max-width:1000px) { 
.bloc_texte							{ margin: 50px auto;}
}
@media (max-width:600px) { 
.bloc_texte							{ margin: 30px 0;}
}



/***** page plan *****/
#plan .top_page:before 				{ bottom: 0;}
#plan .top_page .texte				{ padding-bottom: 100px;}
#plan .top_page .sous_titre			{ margin: 0;}
#plan .page							{ padding-bottom: 0;}

@media (max-width: 1400px){
#plan .top_page .texte				{ padding-bottom: 80px;}
}
@media (max-width: 1200px){
#plan .top_page .texte				{ padding-bottom: 60px;}
}
@media (max-width: 600px){
#plan .top_page .texte				{ padding-bottom: 35px;}
}