/**
Theme Name: Transition-vv Thème
Theme URI: http://amontcev.free.fr/cev.htm
Author: GILIs Caroline et Patrick
Author URI: http://amontcev.free.fr/cev.htm
Description: Thème simple avec un menu et une barre latérale
Version: 0.0.02
*/
/* Charte Graphique */
/*<?php $couleurs_disponibles = array(
      'ffffff' => 'Blanc',
      '000000' => 'Noir',
      '6EC2A0' => 'Turquoise',
      'E6B47D' => 'Orange',
      '5DB492' => 'Vert',
       'C8D3C9' => 'Vert Pale',
      'DC6E5A' => 'Rouge'
 );?>*/

@import url("assets/fonts/Montserrat/Montserrat.css");
@import url("assets/fonts/Cambria/Cambria.css");
@import url("css/tvvv_t_style.css");
/**{box-sizing: border-box;}*/
body {background: #C8D3C9; color: #000000; font-family: Cambria; margin: 0;}

a {color: #FFFFFF; text-decoration: none;}
a:hover {color: #E6B47D; text-decoration: underline;}
input[type="text"] {border-radius: 4px; border: none; padding: 10px; border: 1px solid #23282d;}
input[type="files"] {visibility: hidden;}
#s {margin: 0 0 10px 0;}
button, input[type="submit"] {cursor: pointer; border-radius: 4px; border: none; background: #000000; color: #6EC2A0; padding: 10px;}

#header {text-align: center; padding: 50px 0; background-color:#E6B47D;}
#header nav ul {margin: 0; padding: 0;}
#header nav ul li {display: flex; position: relative;}
#header nav ul li a {display: flex; padding: 10px; text-decoration: none;}
#header nav ul li.current-menu-item a {border-bottom: 2px solid #6EC2A0;}

#wrap {display: flex; width: 960px; margin: 0 auto;}
#loop article {margin: 0 0 50px 0; background: #000000; padding: 20px; border: 1px solid #ccc;}
#pagination {text-align: center; margin: 0 0 100px 0;}
#sidebar {padding: 0 0 0 50px; flex: 0 0 350px;}
#sidebar .widget {padding: 20px; margin: 0 0 20px 0; background: #000000; border: 1px solid #ccc;}
#footer {padding: 100px 0; display: flex; background: #000000; color: #f1f1f1;}
#footer .widget {flex: 1; padding: 0 40px;}
#form {display: flex;}
form {display: flex;}

@media screen and (max-width: 959px) {
    #header {flex-direction: column;}
    #wrap {width: 100%; flex-direction: column; padding: 0 0px;}
    #sidebar {padding: 0;}
    #footer {flex-direction: column;}
}